h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    /* height: auto; */
}

a:hover {
    text-decoration: none
}

html,
body {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.7;
    width: 100%;
    color: #ffffff
}

[class~="dark-bg"] {
    background-color: #0f0f1a;
}

[class~="dark-img"] {
    background-color: #0f0f1a;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*** hover effet **/
::-webkit-scrollbar {
    width: 8px;
}


::-webkit-scrollbar-track {
     background-color:#2f3946;
    
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #5d6875;
}
[class~="gradient"],
[class~="gradient1"] {
    overflow: hidden;
}

[class~="gradient"]::after,
[class~="gradient1"]::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /* background-color: rgba(0, 0, 0, 0.5); */
}

[class~="gradient"]:hover > img,
[class~="gradient"]:hover > img,
[class~="gradient1"]:hover > img {
    transform: scale(1.2);
    transition: all 0.4s ease-in-out;
}

[class~="gradient"] > img,
[class~="gradient1"] > img {
    transform: scale(1);
    transition: all 0.4s ease-in-out;
}

[class~="gradient"]:hover:after {
    content: "";
    background: -webkit-linear-gradient(to top, rgba(6, 15, 25, [class~="6"]) 0%, rgba(29, 119, 29, 0.6) 100%);
    background: linear-gradient(to top, rgba(2, 2, 15, 0.94) 0%, rgba(0, 185, 236, 0.76) 100%);
    position: absolute;
}

[class~="gradient1"]:hover:after {
    content: "";
    background: -webkit-linear-gradient(to top, rgba(2, 2, 15, 0.6) 0%, rgba(4, 15, 2, 0.33) 100%);
    background: linear-gradient(to top, rgba(2, 2, 15, 0.6) 0%, rgba(4, 15, 2, 0.33) 100%);
    position: absolute;
}

[class~="hover03"] [class~="hover-box"] img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: [class~="8s"] ease-in-out;
    transition: [class~="8s"] ease-in-out;
}

[class~="hover03"] [class~="hover-box"]:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

[class~="hover12"] [class~="hover-box"] {
    background: linear-gradient(to top, rgb(21, 21, 22) 0%, rgb(32, 161, 197) 100%)
}

[class~="hover12"] [class~="hover-box"] img {
    opacity: 1;
    -webkit-transition: [class~="3s"] ease-in-out;
    transition: [class~="3s"] ease-in-out;
}

[class~="hover12"] [class~="hover-box"]:hover img {
    opacity: [class~="5"];
}


/*** button ***/

a[class~="btn"][class~="btn-radus"] {
    padding: 12px 42px;
    color: #fff;
    border: 3px solid #4e4e57;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    padding-bottom: 10px;
}

a[class~="btn"][class~="btn-radus"] span {
    margin-left: 7px;
    color: #ff7800
}

a[class~="btn"][class~="btn-radus"]:hover {
    background-color: #00b9ec;
}

a[class~="btn"][class~="btn-radus"]:hover span {
    color: #fff;
}

[class~="video-play-button"] {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

[class~="video-play-button"]:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #00b8ed;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

[class~="video-play-button"]:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #00b9ec;
    border-radius: 50%;
    transition: all 200ms;
}

[class~="video-play-button"]:hover:after {
    background-color: darken(#fa183d, 10%);
}

[class~="video-play-button"] span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    margin: 9px auto;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


/*** color ***/

[class~="c1"] {
    color: #00b9ec;
}

[class~="c1-bg"] {
    background-color: #00b9ec;
}

[class~="c2"] {
    color: #ff7800;
}

[class~="c2-bg"] {
    background-color: #ff7800;
}


/*** margin padding ***/

[class~="pt-50"] {
    padding-top: 50px
}

[class~="pb-50"] {
    padding-bottom: 50px
}

[class~="pb-30"] {
    padding-bottom: 30px
}

[class~="pt-30"] {
    padding-top: 30px
}

[class~="mt-50"] {
    margin-top: 50px
}

[class~="mt-30"] {
    margin-top: 30px
}

[class~="mb-50"] {
    margin-bottom: 50px
}

[class~="mb-30"] {
    margin-bottom: 30px
}

a,
a:hover,
button,
button:hover,
[class~="btn"],
[class~="btn"]:hover,
[class~="zmovo-video-list-ply"]:hover [class~="zmovo-h-btn"],
[class~="zmovo-h-btn"],
[class~="owl-controls"] [class~="owl-nav"] > div:hover,
[class~="owl-controls"] [class~="owl-nav"] > div,
[class~="ply-btns"],
[class~="zmovo-slider-area"] [class~="owl-prev"] i,
[class~="zmovo-slider-area"] [class~="owl-next"] i,
[class~="slide4-icon-right"],
[class~="slide4-icon-left"],
[class~="zmovo-counter-items"]:hover,
[class~="zmovo-counter-items"],
[class~="zmovo-counter-items"]:hover [class~="zmovo-counter-text"] h4,
[class~="zmovo-counter-text"] h4,
[class~="zmovo-trailor-img"] [class~="zmovo-slide-ply-btn"],
[class~="zmovo-forgate-me"] a span:hover,
[class~="zmovo-blog-dec-contents"]:hover [class~="zmovo-slide-ply-btn"] {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

[class~="zmovo-header"][class~="zmovo-header3"] {
    position: unset;
}


/*** Hadding ***/

[class~="zmovo-hadidng"] h2 span {
    font-size: 16px;
    font-family: Poppins;
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
    padding-left: 16px;
}

[class~="zmovo-hadidng"] h2 span:after {
    content: "";
    width: 2px;
    height: 76%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 2px;
}

[class~="zmovo-hadidng"] h2 {
    /* border-bottom: 1px solid #11111d;
    padding-bottom: 20px; */
}

[class~="white-bg"] [class~="zmovo-hadidng"] h2 {
    border-bottom: 1px solid #f0f0f0;
}


/**** header area ***/

[class~="zmovo-top-search"] {
    display: inline-block;
}

[class~="zmovo-login"] {
    display: inline-block;
}

[class~="zmovo-login"] a {
    background-color: #ff7700;
    color: #fff;
}

[class~="zmovo-login"] a span {
    margin-right: 4px;
}

[class~="zmovo-login"] a:hover {
    background-color: #ff7700;
    color: #fff;
}

[class~="zmovo-ser-icon"] {
    height: 35px;
    width: 35px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

[class~="navigation"] {
    background-color: transparent;
    z-index: 9999;
    position: relative;
}

[class~="zmovo-top-search"] {
    position: relative;
}

[class~="zmovo-hidden-search"] {
    display: none;
}

[class~="zmovo-hidden-search"] {
    position: absolute;
    right: 0;
    margin-top: 18px;
}

[class~="zmovo-hidden-search"] input {
    padding: 10px;
    border: 1px solid transparent;
}

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

#navigation > ul > li[class~="active"] > a {
    color: #0fb5de;
}

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

#navigation #menu-button {
    display: none;
}

#navigation > ul > li {
    float: left;
}

#navigation[class~="align-center"] > ul {
    font-size: 0;
    text-align: center;
}

#navigation[class~="align-center"] > ul > li {
    display: inline-block;
    float: none;
}

#navigation[class~="align-center"] ul ul {
    text-align: left;
}

#navigation[class~="align-right"] > ul > li {
    float: right;
}

#navigation > ul > li > a {
    padding: 25px 0px 25px 32px;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    margin-right: -1px;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#navigation > ul > li[class~="has-sub"] > a {
    padding: 25px 0px 25px 32px;
}

#navigation > ul > li[class~="has-sub"] > a::before {
    position: absolute;
    right: 18px;
    font-family: FontAwesome;
    content: "\f107";
    -webkit-transition: all [class~="25s"] ease;
    -moz-transition: all [class~="25s"] ease;
    -ms-transition: all [class~="25s"] ease;
    -o-transition: all [class~="25s"] ease;
    transition: all [class~="25s"] ease;
}

#navigation > ul > li[class~="has-sub"] > a::before {
    position: absolute;
    right: 14px;
    font-family: FontAwesome;
    content: "\f107";
    -webkit-transition: all [class~="25s"] ease;
    -moz-transition: all [class~="25s"] ease;
    -ms-transition: all [class~="25s"] ease;
    -o-transition: all [class~="25s"] ease;
    transition: all [class~="25s"] ease;
    display: none;
}

#navigation ul ul li[class~="has-sub"] > a::before {
    position: absolute;
    top: 20px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ffffff;
    content: '';
    -webkit-transition: all [class~="25s"] ease;
    -moz-transition: all [class~="25s"] ease;
    -ms-transition: all [class~="25s"] ease;
    -o-transition: all [class~="25s"] ease;
    transition: all [class~="25s"] ease;
}

#navigation ul ul li[class~="has-sub"] > a::after {
    position: absolute;
    top: 23px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ffffff;
    content: '';
}

#navigation ul ul > li[class~="has-sub"]:hover > a::before {
    top: 17px;
    height: 0;
}

#navigation > ul > li > [class~="active"] {
    color: #0fb5de;
}

#navigation > ul > li:hover > a {
    color: #0fb5de;
}

#navigation ul ul {
    position: absolute;
    left: -9999px;
}

#navigation[class~="align-right"] ul ul {
    text-align: right;
}

#navigation ul ul li {
    height: 0;
    -webkit-transition: all [class~="25s"] ease;
    -moz-transition: all [class~="25s"] ease;
    -ms-transition: all [class~="25s"] ease;
    -o-transition: all [class~="25s"] ease;
    transition: all [class~="25s"] ease;
}

#navigation li:hover > ul {
    left: auto;
}

#navigation[class~="align-right"] li:hover > ul {
    left: auto;
    right: 0;
}

#navigation li:hover > ul > li {
    height: 44px;
}

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

#navigation[class~="align-right"] ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#navigation ul ul li a {
    padding: 14px 15px;
    width: 220px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    background: #0fb5de;
    font-family: Poppins;
    text-transform: capitalize;
}

#navigation ul ul li:last-child > a,
#navigation ul ul li[class~="last-item"] > a {
    border-bottom: 0;
}

#navigation ul ul li:hover > a,
#navigation ul ul li a:hover {
    color: #fff;
    background-color: #02020f;
}

#navigation[class~="small-screen"] {
    width: 100%;
}

#navigation[class~="small-screen"] ul {
    width: 100%;
    display: none;
}

#navigation[class~="small-screen"][class~="align-center"] > ul {
    text-align: left;
}

#navigation[class~="small-screen"] ul > li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#navigation[class~="small-screen"] ul ul li,
#navigation[class~="small-screen"] li:hover > ul > li {
    height: auto;
}

#navigation[class~="small-screen"] ul li a,
#navigation[class~="small-screen"] ul ul li a {
    width: 100%;
    border-bottom: 0;
}

#navigation[class~="small-screen"] > ul > li {
    float: none;
}

#navigation[class~="small-screen"] ul ul li a {
    padding-left: 25px;
}

#navigation[class~="small-screen"] ul ul ul li a {
    padding-left: 35px;
}

#navigation[class~="small-screen"] ul ul li a {
    color: #333;
    background: none;
}

#navigation[class~="small-screen"] ul ul li:hover > a,
#navigation[class~="small-screen"] ul ul li[class~="active"] > a {
    color: #313aaf;
}

#navigation[class~="small-screen"] ul ul,
#navigation[class~="small-screen"] ul ul ul,
#navigation[class~="small-screen"][class~="align-right"] ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
}

#navigation[class~="small-screen"] > ul > li[class~="has-sub"] > a:after,
#navigation[class~="small-screen"] > ul > li[class~="has-sub"] > a:before,
#navigation[class~="small-screen"] ul ul > li[class~="has-sub"] > a:after,
#navigation[class~="small-screen"] ul ul > li[class~="has-sub"] > a:before {
    display: none;
}

#navigation[class~="small-screen"] #menu-button {
    display: block;
    padding: 17px;
    color: #171818;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

#navigation[class~="small-screen"] #menu-button:after {
    position: absolute;
    top: 22px;
    right: 2px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}

#navigation[class~="small-screen"] #menu-button:before {
    position: absolute;
    top: 16px;
    right: 2px;
    display: block;
    height: 2px;
    width: 20px;
    background: #fff;
    content: '';
}

#navigation[class~="small-screen"] #menu-button[class~="menu-opened"]:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#navigation[class~="small-screen"] #menu-button[class~="menu-opened"]:before {
    top: 23px;
    background: #fff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#navigation[class~="small-screen"] [class~="submenu-button"] {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 48px;
    width: 46px;
    cursor: pointer;
}

#navigation[class~="small-screen"] [class~="submenu-button"][class~="submenu-opened"] {
    background: #fff;
}

#navigation[class~="small-screen"] ul ul [class~="submenu-button"] {
    height: 35px;
    width: 35px;
    top: 8px;
}

#navigation[class~="small-screen"] [class~="submenu-button"]:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #333;
    content: '';
}

#navigation[class~="small-screen"] ul ul [class~="submenu-button"]:after {
    top: 15px;
    right: 13px;
}

#navigation[class~="small-screen"] [class~="submenu-button"][class~="submenu-opened"]:after {
    background: #333;
}

#navigation[class~="small-screen"] [class~="submenu-button"]:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #333;
    content: '';
}

#navigation[class~="small-screen"] ul ul [class~="submenu-button"]:before {
    top: 12px;
    right: 16px;
}

#navigation[class~="small-screen"] [class~="submenu-button"][class~="submenu-opened"]:before {
    display: none;
}

#navigation[class~="small-screen"][class~="select-list"] {
    padding: 5px;
}

[class~="header-transparent"] {
    padding-bottom: 20px;
}

[class~="top-bar-transparent"] {
    margin-bottom: 20px;
}

[class~="header-transparent"] #navigation {
    margin-top: 5px;
    background-color: transparent;
}

[class~="header-transparent"] #navigation > ul > li > a {
    padding: 10px 4px;
    border: transparent;
    color: #fff;
}

[class~="header-top"] {
    border-bottom: 1px solid transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    border-color: rgba(250, 250, 250, [class~="2"]);
}

[class~="header-transparent"] #navigation li a {
    color: #ffffff;
    background-color: transparent;
    border-left: transparent;
    border-right: transparent;
    padding: 14px 30px 14px 10px;
}

[class~="header-transparent"] #navigation li ul li a {
    background-color: #446a73;
    padding: 18px 20px;
}

[class~="header-transparent"] #navigation > ul > li[class~="has-sub"] > a {
    padding-right: 30px;
}

[class~="header-transparent"] #navigation li ul li a {
    border-bottom: 1px solid #375b63;
}

[class~="header-top"] [class~="top-nav"] ul li a {
    color: #fff;
}

[class~="top-nav-collapse"] {
    background-color: rgba(18, 45, 52, [class~="8"]);
}

[class~="phone-img"] {
    margin-bottom: 60px;
}

[class~="navigation_tw"] #navigation {
    float: left;
    padding-left: 13px;
}

[class~="navigation_tw"] #navigation > ul > li > a {
    padding: 34px 25px 34px 5px;
    margin-right: 5px;
}

[class~="navigation_tw"] #navigation > ul > li[class~="has-sub"] > a {
    padding: 34px 25px 34px 5px;
    margin-right: 5px;
}

[class~="menu_appontment"] [class~="more-link"] {
    margin-top: 17px;
}

[class~="menu_search_box"] input {
    border: none;
    background: transparent;
    color: #fefefe;
    opacity: 1;
    width: 50%;
    box-shadow: none;
}

[class~="menu_search_box"] input:active {
    box-shadow: none;
}

[class~="menu_search_box"] button {
    border: none;
    background: transparent;
    color: #fff;
}

[class~="col-lg-3"][class~="menu_search_box"] {}

[class~="menu_search_box"] form {
    text-align: right;
    margin-top: 30px;
    padding-right: 10px;
}

[class~="navigation_tw"] {
    z-index: 999;
    position: relative;
}

[class~="navigation_tw"] [class~="menu-container"] {
    position: absolute;
    background: #1b1a1a;
    left: 50%;
    margin-left: -554px;
    width: 1108px;
    top: -35px;
    border-radius: 50px;
}

[class~="navigation_tw"] {
    background-color: #1e1c1c;
}

[class~="navigation_tw"] #navigation > ul > li > a {
    color: #fff;
}

[class~="navigation_tw"] #navigation ul ul li a {
    color: #f6f0f0;
    background: #1b1a1a;
    border-top: 1px solid #272525;
    border-bottom: 1px solid #272525;
}

[class~="navigation_tw"] #navigation ul ul li:hover > a,
[class~="navigation_tw"] #navigation ul ul li a:hover {
    color: #313aaf;
}

header[class~="zmovo-header"] {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: rgba(2, 2, 15, 0.36);
    border-bottom: 1px solid rgba(2, 2, 15, 1);
}


/*** slider ***/

[class~="zmovo-slider-contents"] {
    position: relative;
}

[class~="zmovo-slide-content"] {
    position: absolute;
    width: 100%;
    bottom: 40px;
}

[class~="zmovo-slider-premium-tag"] > span {
    padding: 5px 15px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-right: 10px;
}

[class~="zmovo-slider-contetn"] > a {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
    display: block;
    margin: 15px 0;
}

[class~="zmovo-slide-cat"] ul li {
    line-height: 27px;
}

[class~="zmovo-slide-cat"] ul li > span {
    font-weight: bold;
}

[class~="zmovo-slide-cat"] {
    display: block;
    margin-bottom: 20px;
}

[class~="zmovo-slide-ply-btn"] a {
    display: inline;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

[class~="zmovo-slide-ply-btn"] a img {
    display: inline-block !important;
    width: 32px !important;
    margin-right: 10px;
}

[class~="zmovo-slide-ply-btn"] {
    display: block;
}

[class~="zmovo-slide-ply-btn"] a:hover,
[class~="zmovo-slider-contetn"] > a:hover {
    color: #00b9ec;
}

[class~="zmovo-slider-area"] [class~="owl-prev"] i,
[class~="zmovo-slider-area"] [class~="owl-next"] i {
    width: 60px;
    height: 60px;
    display: block;
    font-size: 50px;
    padding: 8px 5px;
    border-radius: 100%;
}

[class~="zmovo-slider-area"] [class~="owl-prev"] {
    position: absolute;
    top: 45%;
    font-size: 64px;
    left: 5%;
}

[class~="zmovo-slider-area"] [class~="owl-next"] {
    position: absolute;
    right: 5%;
    top: 45%;
}

[class~="zmovo-slider-area"] [class~="owl-prev"] i:hover,
[class~="zmovo-slider-area"] [class~="owl-next"] i:hover {
    background-color: #00b9ec;
}


/**** Slider 2 ***/

[class~="slider-2bg"] {
    /* 已移除失效的外部图片，改用深色渐变背景 */
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    background-size: cover;
    background-position: center;
    padding: 123px 0;
}

[class~="slider-2bg"] [class~="owl-dot"] {
    width: 8px;
    height: 8px;
    background: #ee7c10;
    display: inline-block;
    margin: 3px;
    border-radius: 100%;
}

[class~="slider-2bg"] [class~="owl-dot"][class~="active"] {
    background-color: #0fb5de;
}

[class~="slider-2bg"] [class~="owl-controls"] {
    text-align: center;
    position: relative;
    top: 38px;
}

[class~="zmovo-slider-area"] [class~="owl-dot"] {
    width: 8px;
    height: 8px;
    background-color: #ff7700;
    display: inline-block;
    margin: 3px;
    border-radius: 100%;
}

[class~="zmovo-slider-area"] #slider3 [class~="owl-controls"] {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

[class~="zmovo-slider-area"] [class~="owl-dot"][class~="active"] {
    background-color: #0fb5de;
}

[class~="slider3"] [class~="zmovo-slide-content"] {
    left: 10%;
}

[class~="slider3"] [class~="zmovo-slider-contents"] img {
    border-radius: 7px;
}

[class~="slider3"] [class~="zmovo-slider-contents"] {
    border-radius: 7px;
}


/*** slider 4 ***/

[class~="slider4"] [class~="zmovo-slide-content"] {
    position: absolute;
    width: auto;
    bottom: 40px;
}

[class~="swiper-slides"] {
    overflow: hidden;
}

[class~="zmovo-slider-nev"] {
    position: absolute;
    top: 45%;
    z-index: 999;
    width: 100%;
}

[class~="zmovo-slider-with-cat"][class~="slider4"] {
    position: relative;
}

[class~="slide4-icon-left"],
[class~="slide4-icon-right"] {
    color: #fff;
    z-index: 999;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-size: 38px;
    cursor: pointer;
    text-align: center;
    padding: 14px 0;
    background-color: #02020f
}

[class~="slide4-icon-left"]:hover,
[class~="slide4-icon-right"]:hover {
    background-color: #00b9ec
}

[class~="slide4-icon-left"] {
    float: left;
    margin-left: -200px
}

[class~="slide4-icon-right"] {
    float: right;
    margin-right: -200px
}

[class~="slider4"]:hover [class~="slide4-icon-right"] {
    margin-right: 0;
}

[class~="slider4"]:hover [class~="slide4-icon-left"] {
    margin-left: 0;
}


/*** video play list ***/

[class~="zmovo-v-list-i-img"] {
    float: left;
    margin-right: 20px;
    margin-top: 8px;
}

[class~="zmovo-v-list-i-img"] img {
    border-radius: 5px;
}

[class~="zmovo-v-tag"] span {
    font-size: 13px;
    text-transform: capitalize;
}

[class~="zmovo-v-list-content"] a {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
}

[class~="zmovo-v-list-content"] a:hover {
    color: #00b9ec;
}

[class~="movie-time"] i {
    margin-right: 5px;
}

[class~="movie-time"] {
    text-transform: capitalize;
    margin-top: 4px;
}

[class~="zmovo-v-list-item"] {
    overflow: hidden;
    border: 2px solid #0e0e27;
    border-radius: 5px;
    padding: 7px 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

[class~="zmovo-v-list-item"]:hover {
    border-color: #0fb5de;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
[class~="zmovo-video-list-ply"] {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

[class~="zmovo-h-btn"] {
    opacity: 0;
}

[class~="zmovo-video-list-ply"]:hover [class~="zmovo-h-btn"] {
    opacity: 1
}

[class~="arow-icon"] [class~="owl-controls"] {
    position: absolute;
    top: -79px;
    right: 0;
}

[class~="zmovo-video-list-items"] {
    position: relative;
}

[class~="arow-icon"] [class~="owl-controls"] [class~="owl-nav"] > div {
    display: inline-block;
    margin: 7px 9px;
}

[class~="arow-icon"] [class~="owl-prev"]:after {
    content: "";
    width: 1px;
    height: 14px;
    background: #35353f;
    position: absolute;
    bottom: 13px;
    margin: 0 9px;
}

[class~="arow-icon"] [class~="owl-nav"] div > i {
    font-size: 22px;
}

[class~="arow-icon"] [class~="owl-next"] {
    color: #00b9ec;
}

[class~="arow-icon"] [class~="owl-controls"] [class~="owl-nav"] > div:hover {
    color: #00b9ec;
}


/*** movie items ***/

[class~="zmovo-v-box-img"] {
    position: relative;
}

[class~="zmovo-v-box-content"] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 15px;
    z-index: 9999;
}

[class~="zmovo-v-box-content"] > a {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    display: block;
    font-weight: 600;
}

[class~="zmovo-v-box-content"] [class~="zmovo-v-tag"] {
    margin: 6px 0;
}

[class~="zmovo-v-box-content"] > a:hover {
    color: #00b9ec;
}

[class~="zmovo-v-box-content"] [class~="movie-time"] {
    display: inline-block;
    width: 70%;
    float: left;
    font-size: 13px;
    font-weight: normal;
}

[class~="like-icon"] {
    display: inline-block;
    width: 30%;
    float: right;
    text-align: right;
    margin: 2px 0;
}

[class~="like-icon"] a {
    color: #ff7800;
}

[class~="like-icon"] a:hover {
    color: #00b9ec;
}

[class~="zmovo-v-box-img"] [class~="ply-btn"] {
    position: absolute;
    top: 36%;
    left: 0;
    width: 40px;
    height: 40px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 9999;
}

[class~="ply-btns"] {
    opacity: 0;
}

[class~="zmovo-video-item-box"]:hover [class~="ply-btns"] {
    opacity: 1;
}


/*** full width banner ***/

[class~="zmovo-full-banner-bg"] {
    /* 已移除失效的外部图片，改用深色渐变背景 */
    background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);
    background-size: cover;
    background-position: top;
    padding-top: 12%;
    padding-bottom: 3%;
}

[class~="zmovo-full-banner-bg2"] {
    /* 已移除失效的外部图片，改用深色渐变背景 */
    background: linear-gradient(135deg, #16213e 0%, #1a1a2e 100%);
    background-size: cover;
    background-position: left center;
    padding: 50px 0;
}

[class~="zmovo-fullwidht-banner"] [class~="zmovo-full-banner-bg2"] [class~="zmovo-slider-contetn"] {
    display: inline-block;
    margin-left: 15%;
}

[class~="zmovo-full-banner-bg"] [class~="zmovo-slide-content"],
[class~="zmovo-full-banner-bg2"] [class~="zmovo-slide-content"] {
    position: relative;
    width: auto;
    bottom: auto;
}

[class~="zmovo-full-banner-bg"] [class~="zmovo-slider-contetn"] > a,
[class~="zmovo-full-banner-bg2"] [class~="zmovo-slider-contetn"] > a {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    width: 78%;
    display: block;
    margin: 12px 0;
    margin-bottom: 4px;
}

[class~="zmovo-fullwidht-banner"] h2 {
    font-size: 24px;
    font-weight: bold;
    font-family: Poppins;
    display: block;
    margin-top: 12px;
    text-transform: capitalize;
}

[class~="zmovo-fullwidht-banner"] [class~="zmovo-slider-contetn"] {
    display: inline-block;
}

[class~="zmovo-fullwidht-banner"] [class~="movie-time"] {
    text-transform: capitalize;
    margin-top: 8px;
}

[class~="zmovo-fullwidht-banner"] [class~="owl-dot"] {
    width: 5px;
    height: 5px;
    background: #9f0043;
    border-radius: 100%;
    margin: 5px;
}

[class~="zmovo-full-banner-bg2"] [class~="owl-dot"] {
    background: #0fb5de;
}

[class~="zmovo-fullwidht-banner"] [class~="owl-dots"] {
    position: absolute;
    right: 0;
    top: 0;
}

[class~="zmovo-fullwidht-banner"] [class~="zmovo-full-banner-bg2"] [class~="owl-dots"] {
    top: 50%;
}

[class~="zmovo-fullwidht-banner"] [class~="owl-dot"][class~="active"] {
    background: #fff;
}

[class~="banner-ing"] {
    position: relative;
    overflow: hidden;
    height: 100%;
}

[class~="banner-ing"] [class~="zmovo-slider-premium-tag"] {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 999;
}

[class~="banner-ing"] [class~="zmovo-slider-premium-tag"] span {
    border-radius: 0;
}

[class~="banner-ing"] [class~="zmovo-slide-ply-btn"] {
    position: absolute;
    bottom: 0;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

[class~="zmovo-v-list-content"] [class~="zmovo-v-tag"] span {
    color: #ff7800;
}

[class~="zmovo-full-banner-bg"] [class~="zmovo-slider-contetn"] a:hover {
    color: #fff;
}

[class~="zmovo-fullwidht-banner"] [class~="zmovo-v-tag"] span {
    color: #fff;
}


/**** Footer ***/


/*** instagram ***/

[class~="zmoto-instagram-post"] {
    position: relative;
    text-align: center;
}

[class~="zmoto-instagram-post"]:hover a[class~="zmoto-instagram-icon"] {
    opacity: 1
}

a[class~="zmoto-instagram-icon"] {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 33px;
    top: 45%;
    text-align: center;
    font-size: 21px;
    color: #00b9ec;
    z-index: 999;
    opacity: 0;
}

[class~="zmovo-footer"] {
    background-color: #343a40;
    padding: 50px 0;
}

h2[class~="zmovo-ft-widget-title"] {
    font-size: 18px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}

[class~="zmoto-ft-widget-contetn"] ul li {
    line-height: 32px;
}

[class~="zmoto-ft-widget-contetn"] ul li a {
    color: #fff;
}

[class~="zmoto-ft-widget-contetn"] ul li a:hover {
    color: #00b9ec;
}

[class~="zmovo-ft-newsletter"] input {
    padding: 12px;
    display: block;
    border-radius: 0;
    min-height: 41px;
    background-color: #02020f;
    border-color: transparent;
}

[class~="zmovo-ft-newsletter"] {
    position: relative;
}

[class~="zmovo-ft-newsletter"] button {
    position: absolute;
    right: 0;
    top: 1px;
    border: transparent;
    min-height: 39px;
    padding: 0 15px;
    cursor: pointer;
    background-color: #030316;
    border-left: 3px solid #0f0f1b;
    color: #fff;
}

[class~="zmovo-ft-newsletter"] button:focus,
[class~="zmovo-ft-newsletter"] input:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid transparent;
}

[class~="zmovo-ft-social-widget"] ul li {
    display: inline-block;
    margin-right: 10px;
}

[class~="zmovo-ft-social-widget"] ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #02020f;
    padding: 5px;
    text-align: center;
    border-radius: 100%;
    font-size: 13px;
    line-height: 26px;
}

[class~="zmovo-ft-social-widget"] ul li a:hover {
    background-color: #00b9ec;
    color: #fff;
}


/*** footer bottom ***/

[class~="zmovo-ft-menu"] ul li {
    display: inline-block;
}

[class~="zmovo-ft-menu"] ul li a {
    color: #fff;
    text-transform: capitalize;
    margin-right: 14px;
}

[class~="zmovo-ft-menu"] ul li a:hover {
    color: #00b9ec;
}

[class~="zmovo-ft-copyright"] {
    text-align: right;
}

[class~="zmovo-ft-copyright"] a:hover {
    color: #ff7800;
}

[class~="zmovo-footer-buttom"] {
    padding: 25px 0 20px 0;
    background-color: #343a40;
    /* padding-bottom:155px; */
}

 
@media only screen and (max-width: 720px){
    [class~="zmovo-footer-buttom"] {
      
        padding-bottom:155px;
    }
  }
/* ---------------- back to Top ----------------------*/

[class~="to-top"]:hover,
[class~="home-2"] [class~="to-top"]:hover {
    background: #333;
    color: #fff
}

[class~="movie-item-content-center"] a:hover {
    color: #00b9ec;
}

[class~="to-top"] {
    background: #000;
    bottom: 19px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 45px;
    line-height: 44px;
    overflow: hidden;
    position: fixed;
    right: 3%;
    text-align: center;
    width: 45px;
    z-index: 2147483647;
    opacity: 0.5;
}


/**** cat menu ***/

#catmenu,
#catmenu ul,
#catmenu ul li,
#catmenu ul li a {
    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;
}

#catmenu {
    color: #ffffff;
}

#catmenu ul ul {
    display: none;
}

#catmenu > ul > li[class~="active"] > ul {
    display: block;
}

[class~="align-right"] {
    float: right;
}

#catmenu > ul > li > a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 15px;
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(2, 2, 15, 0.36);
    -webkit-transition: color [class~="2s"] ease;
    -o-transition: color [class~="2s"] ease;
    transition: color [class~="2s"] ease;
    font-size: OpenSans;
    border-bottom: 1px solid #000;
}

#catmenu > ul > li > a:hover {
    background-color: rgba(2, 2, 15, 0.74);
    color: #0fb5de;
}

#catmenu ul > li[class~="has-sub"] > a:after {
    position: absolute;
    right: 26px;
    top: 19px;
    z-index: 5;
    display: block;
    height: 10px;
    width: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#catmenu ul > li[class~="has-sub"] > a:before {
    position: absolute;
    right: 22px;
    top: 23px;
    display: block;
    width: 10px;
    height: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#catmenu ul > li[class~="has-sub"][class~="open"] > a:after,
#catmenu ul > li[class~="has-sub"][class~="open"] > a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#catmenu ul ul li a {
    padding: 14px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #dddddd;
    -webkit-transition: color [class~="2s"] ease;
    -o-transition: color [class~="2s"] ease;
    transition: color [class~="2s"] ease;
    border-bottom: 1px solid #000;
}

#catmenu ul ul ul li a {
    padding-left: 32px;
}

#catmenu ul ul li a:hover {
    color: #0fb5de;
}

#catmenu ul ul > li[class~="has-sub"] > a:after {
    top: 16px;
    right: 26px;
    background: #dddddd;
}

#catmenu ul ul > li[class~="has-sub"] > a:before {
    top: 20px;
    background: #dddddd;
}

[class~="zmovo-widget"] [class~="zmovo-v-list-item"] {
    padding: 15px 15px;
}

#hidden-cat span,
[class~="widget-title"] span {
    text-align: center;
    display: block;
    padding: 13px;
    background-color: #0fb5de;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Poppins;
    margin-bottom: 12px;
    border-radius: 4px;
    cursor: pointer;
}

div#catmenu ul {
    border: 1px solid #000;
    border-radius: 5px;
}

[class~="zmovo-slider-with-cat"] {
    margin-top: 50px;
}

[class~="dark-img"] [class~="zmovo-v-list-item"] {
    background-color: #02020f;
}

[class~="dark-img"] [class~="zmovo-v-list-item"] {
    padding: 10px 10px 14px 10px;
}

[class~="dark-img"] [class~="zmovo-hadidng"] h2 {
    border-bottom: 1px solid #1d1b35;
}

[class~="dark-img"] [class~="zmovo-v-list-i-img"] [class~="ply-btns"] {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    z-index: 999;
}

[class~="dark-img"] [class~="zmovo-v-list-i-img"] [class~="ply-btns"] a img {
    margin: 25px 16px;
    text-align: center;
    width: 35px;
    height: 35px;
    overflow: hidden;
}

[class~="dark-img"] [class~="zmovo-v-list-i-img"] {
    position: relative;
}

[class~="dark-img"] [class~="zmovo-v-list-item"]:hover [class~="ply-btns"] {
    opacity: 1
}

[class~="dark-img"] [class~="zmovo-v-list-i-img"]:after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
}

[class~="dark-img"] [class~="zmovo-v-list-item"]:hover [class~="zmovo-v-list-i-img"]:after {
    content: "";
    background: -webkit-linear-gradient(to top, rgba(4, 4, 27, 0.94) 0%, rgba(0, 185, 236, 0.85) 100%);
    background: -moz-linear-gradient(to top, rgba(4, 4, 27, 0.94) 0%, rgba(0, 185, 236, 0.85) 100%);
    background: -ms-linear-gradient(to top, rgba(4, 4, 27, 0.94) 0%, rgba(0, 185, 236, 0.85) 100%);
    background: -o-linear-gradient(to top, rgba(4, 4, 27, 0.94) 0%, rgba(0, 185, 236, 0.85) 100%);
    background: linear-gradient(to top, rgba(4, 4, 27, 0.94) 0%, rgba(0, 185, 236, 0.85) 100%);
}


/*** home 5 ***/

[class~="white-bg"] [class~="zmovo-hadidng"] h2 span:after {
    background-color: #4e4e57;
}

[class~="white-bg"] [class~="zmovo-v-list-items"] [class~="movie-time"],
[class~="white-bg"] [class~="zmovo-v-list-content"] a,
[class~="white-bg"] [class~="owl-prev"],
[class~="white-bg"] [class~="zmovo-hadidng"] h2 {
    color: #4e4e57;
}

[class~="white-bg"] a[class~="btn"][class~="btn-radus"] {
    background-color: #4e4e57;
}

[class~="white-bg"] [class~="zmovo-v-list-content"] a:hover {
    color: #0fb5de;
}

[class~="white-bg"] a[class~="btn"][class~="btn-radus"]:hover {
    background-color: #0fb5de;
    border-color: transparent;
}


/*** Inner page ***/

[class~="zmovo-breadcroumb-bg"] {
    /* 已移除失效的外部图片，改用深色渐变背景 */
    background: linear-gradient(135deg, #0f0f1a 0%, #16213e 100%);
    background-size: cover;
    background-position: center;
    padding: 11%;
}

[class~="zmovo-breadcroumb-inner"] {
    position: relative;
    z-index: 99;
}

[class~="zmovo-breadcroumb-inner"] h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Poppins;
}

[class~="zmovo-breadcroumb-inner"] span {
    position: absolute;
    font-size: 70px;
    left: 0;
    right: 0;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 700;
    top: -40px;
    z-index: -33;
    opacity: [class~="2"];
    color: #4a4a4a;
    letter-spacing: 4px;
}


/*** About page ***/

[class~="zmovo-about-content"] h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 25px;
}

[class~="zmovo-counter-items"] {
    border: 3px solid #0c0c21;
    padding: 15px 30px 20px 30px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}

[class~="zmovo-counter-number"] span {
    color: #ffffff;
    font-size: 36px;
    font-weight: bold;
    font-family: Poppins;
}

[class~="zmovo-counter-text"] h4 {
    font-size: 18px;
    font-weight: 400;
    color: #00b9ec
}

[class~="zmovo-counter-items"]:hover [class~="zmovo-counter-text"] h4 {
    color: #fff
}

[class~="zmovo-counter-items"]:hover {
    background-color: #00b9ec;
}


/**** Team section ***/

[class~="zmovo-team"] {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

[class~="zmovo-team-content"] {
    position: absolute;
    bottom: 16px;
    width: 100%;
    text-align: center;
    z-index: 1;
}

[class~="zmovo-team"] img {
    border-radius: 5px;
}

[class~="zmovo-team-social"] ul li {
    display: inline-block;
}

[class~="zmovo-team-social"] ul li a {
    width: 35px;
    height: 35px;
    display: block;
    background-color: #fff;
    border-radius: 100%;
    padding: 8px;
    margin: 3px;
    color: #02020f;
}

[class~="zmovo-team-social"] ul li a:hover {
    background-color: #0fb5de;
    color: #fff;
}

[class~="zmovo-team-title"] a {
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
    position: relative;
    bottom: -200px;
}

[class~="zmovo-team-title"] a:hover {
    color: #00b9ec
}

[class~="zmovo-team-title"] h4 {
    font-size: 13px;
    text-transform: capitalize;
    line-height: 18px;
    letter-spacing: 1px;
    position: relative;
    bottom: -200px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

[class~="zmovo-team-title"] {
    margin-bottom: 14px;
    margin-top: 8px;
}

[class~="tfb"] {
    position: relative;
    left: -200px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

[class~="zmovo-team"]:hover [class~="tfb"] {
    position: relative;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

[class~="ttw"] {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

[class~="zmovo-team"]:hover [class~="ttw"] {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

[class~="tin"] {
    position: relative;
    right: -200px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

[class~="zmovo-team"]:hover [class~="tin"] {
    right: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

[class~="zmovo-team"]:hover [class~="zmovo-team-title"] a,
[class~="zmovo-team"]:hover [class~="zmovo-team-title"] h4 {
    bottom: 0
}

[class~="zmovo-team"]:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

[class~="zmovo-team"]:hover:after {
    background: -webkit-linear-gradient(to top, rgba(4, 4, 27, 0.97) 0%, rgba(0, 185, 236, 0.8) 100%);
    background: -moz-linear-gradient(to top, rgba(4, 4, 27, 0.97) 0%, rgba(0, 185, 236, 0.8) 100%);
    background: -ms-linear-gradient(to top, rgba(4, 4, 27, 0.97) 0%, rgba(0, 185, 236, 0.8) 100%);
    background: -o-linear-gradient(to top, rgba(4, 4, 27, 0.97) 0%, rgba(0, 185, 236, 0.8) 100%);
    background: linear-gradient(to top, rgba(4, 4, 27, 0.97) 0%, rgba(0, 185, 236, 0.8) 100%);
    z-index: 0;
}


/*** tailor page ***/

[class~="zmovo-trailor-img"] {
    position: relative;
}

[class~="zmovo-trailor-img"] [class~="zmovo-slide-ply-btn"] {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
}

[class~="zmovo-trailor"] [class~="owl-dot"] {
    width: 8px;
    height: 8px;
    background-color: #750814;
    display: block;
    margin: 6px;
    border-radius: 100%;
    text-align: center;
}

[class~="zmovo-trailor"] [class~="owl-controls"] {
    position: absolute;
    right: 10px;
    top: 45%;
}

[class~="zmovo-trailor"] [class~="owl-dot"][class~="active"] {
    background-color: #0fb5de;
}

[class~="zmovo-trailor-img"]:hover [class~="zmovo-slide-ply-btn"] {
    opacity: 1;
}

[class~="zmovo-trailor-img-slide"] {
    position: relative;
    border-radius: 5px;
}

[class~="zmovo-trailor-img-slide"] span {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #ff7800;
    padding: 3px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    z-index: 999
}

[class~="zmovo-trailor-img-slide"] img {
    border-radius: 5px;
}

[class~="zmovo-trailor-img-slides"] [class~="owl-dot"] {
    background-color: #024c14;
}

[class~="ratting"] span {
    color: #ffa800;
    font-size: 16px;
}

[class~="ratting"] a {
    color: #fff;
    text-transform: capitalize;
    margin-left: 9px;
    font-size: 14px;
}

[class~="ratting"] {
    margin: 9px 0;
}

[class~="dec-review-meta"] ul li {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    text-transform: capitalize;
}

[class~="dec-review-meta"] ul li a {
    color: #fff;
    font-weight: normal;
    margin-left: 11px;
}

[class~="dec-review-meta"] ul li a:hover,
[class~="ratting"] a:hover {
    color: #00b9ec;
}

[class~="dec-review-meta"] ul li span {
    width: 85px;
    clear: both;
    display: inline-block;
    text-align: left;
}

[class~="dec-review-meta"] ul li span label {
    text-align: right;
    float: right;
}

[class~="share-hover"] > ul li > a:hover {
    background: #fff;
    color: #333;
}

[class~="socila-fb"] {
    color: #4867aa
}

[class~="socila-tw"] {
    color: #1da1f2
}

[class~="socila-sk"] {
    color: #00aff0
}

[class~="socila-pin"] {
    color: #bd081b
}

[class~="socila-ins"] {
    color: #ffac4a
}

[class~="social-links"] {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

[class~="social-links"] a {
    margin: 5px;
}

[class~="social-links"] {
    margin-top: 8px;
}

[class~="social-links"] a:hover {
    color: #00b9ec;
}

[class~="dec-review-img"] img {
    border-radius: 24px;
    width: 100%;
}

[class~="dec-review-img"] {
    position: relative;
}

[class~="dec-review-img"]:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.42);
    border-radius: 24px;
}

[class~="details-title"] a {
    font-size: 24px;
    color: #0fb5de;
    line-height: 27px;
}

[class~="details-title"] a:hover {
    color: #ff7700;
}

[class~="zmovo-trailor-story"] {
    margin-top: 40px;
}

[class~="zmovo-trailor-story"] h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: Poppins;
    margin-bottom: 17px;
}


/*** Product page ***/


/*** product filter ***/

[class~="product-filter"] [class~="pagination"] {
    margin: 0;
    /* float: right; */
}

[class~="product-filter-list"] [class~="nav"] {
    padding: 0;
}

[class~="product-filter"] {
    border: 1px solid #0c0c21;
    padding: 8px 8px 14px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
}

[class~="product-filter-list"] {
    padding: 10px 0;
    padding-bottom: 0;
}

[class~="product-filter-list"] [class~="nav"] a {
    width: 35px;
    display: inline-block;
    background: #182028;
    height: 35px;
    text-align: center;
    padding: 7px;
    border-radius: 5px;
    color: #fff;
    margin: 0 3px;
}

[class~="product-filter-list"] [class~="bootstrap-select"]>[class~="dropdown-toggle"] {
    width: 72%;
    padding-right: 25px;
    z-index: 1;
}

[class~="product-filter-list"] [class~="nav"] a:hover,
[class~="product-filter-list"] [class~="nav"] a[class~="active"] {
    background: #00b9ec;
    color: #ffffff;
}

[class~="product-filter-list"] [class~="pagination-wrapper"] {
    text-align: right;
}

[class~="product-filter-list"] [class~="btn-default"] {
    color: #333;
    background-color: #182028;
    border-color: #182028;
}

[class~="product-filter-list"] [class~="bootstrap-select"]>[class~="dropdown-toggle"][class~="bs-placeholder"] {
    color: #fff;
    background-color: #0c0c21;
    border: 1px solid transparent;
    border-radius: 5px;
}

[class~="product-filter-list"] [class~="open"]>[class~="dropdown-toggle"][class~="btn-default"][class~="focus"],
[class~="product-filter-list"] [class~="open"]>[class~="dropdown-toggle"][class~="btn-default"]:focus,
[class~="product-filter-list"] [class~="open"]>[class~="dropdown-toggle"][class~="btn-default"]:hover,
[class~="product-filter-list"] [class~="btn-default"]:active:focus,
[class~="product-filter-list"] [class~="btn-default"][class~="active"][class~="focus"] {
    color: #fff;
    background-color: #182028;
    border-color: #182028;
    outline: none !important;
}

[class~="product-filter-list"] [class~="form-control"]:focus {
    color: #495057;
    background-color: #fff;
    border-color: #00b9ec;
    outline: 0;
    box-shadow: none;
}

[class~="bootstrap-select"] [class~="dropdown-toggle"]:focus {
    outline: none !important;
    outline-offset: 0;
    box-shadow: none;
}

[class~="product-filter-list"] [class~="short-by"],
[class~="product-filter-list"] [class~="pro-show"] {
    background: #0c0c21;
    color: #fff;
    border-radius: 2px;
}


/*** widget ***/

[class~="widget-title"] i {
    margin: 0 7px;
}

[class~="widget"] {
    border-radius: 5px;
    border: 1px solid #182028;
}

[class~="more"][class~="lable0"] a {
    padding: 10px 22px;
    background: #182028;
    display: block;
    color: #fff;
    font-size: 15px;
}

[class~="widget"] ul > li a {
    color: #fff;
}


/**** catalog widget ***/


/**** catalog widget ***/

[class~="priceslider"] input {
    display: inline-block;
    width: 61px;
    border: none;
    background: #222e3c;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 0;
    margin: 5px 3px;
    cursor: no-drop;
}

button[class~="button"][class~="filter"] {
    background: #00b9ec;
    border: none;
    color: #fff;
    padding: 5px 13px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

button[class~="button"][class~="filter"]:hover {
    background: #222e3c;
}

div#slider-range {
    margin: 10px 6px;
    position: relative;
}

[class~="priceslider"] {
    padding: 15px 12px;
}

#slider-range[class~="ui-widget-content"] {
    border: 1px solid #aaaaaa;
    color: #222222;
    height: 2px;
    border: none;
    background: #222e3c;
}

#slider-range[class~="ui-slider"] [class~="ui-slider-range"] {
    background: #00b9ec;
    height: 1px;
    position: absolute;
}

#slider-range[class~="ui-slider-horizontal"] [class~="ui-slider-handle"] {
    top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border-color: #00b9ec !important;
    cursor: pointer;
    background: #00b9ec;
    z-index: 9999999999;
    position: absolute;
    right: 0;
    left: 0;
}

#slider-range[class~="ui-slider-horizontal"] [class~="ui-slider-handle"]:focus {
    outline: none;
    background: none;
    border-color: #00b9ec !important;
    background: #00b9ec;
}

[class~="widget-select-area"] [class~="dropdown-toggle"][class~="btn-light"] {
    background-color: transparent;
    color: #fff;
    border: 1px solid #212e3c;
    padding: 12px;
}

[class~="widget-select-area"] a[class~="dropdown-item"] {
    color: #333;
    line-height: 31px;
}

[class~="widget-select-area"] a[class~="dropdown-item"]:hover {
    background-color: #00b9ec;
    color: #fff;
}


/*** size area ***/

[class~="btn-group"][class~="bootstrap-select"] {
    width: 100% !important;
    display: block;
}

[class~="widget-select-area"] {
    padding: 0 10px;
    padding-bottom: 30px;
}

[class~="widget"] span[class~="item-title"] {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

[class~="widget-color-area"] {
    padding: 5px 17px;
}

[class~="widget-color-area"] a[class~="term-color"],
[class~="widget"] [class~="btn-group"][class~="bootstrap-select"] [class~="dropdown-menu"]>li>a {
    color: #333;
}

span[class~="count"] {
    float: right;
}

[class~="widget"] p span,
[class~="widget-slide-content"] > a {
    color: #fff;
}

[class~="widget"] [class~="btn-group"][class~="bootstrap-select"] [class~="btn-default"] {
    background: transparent;
    border: 1px solid #182028;
    color: #999999;
}


/*** widget item slide **/

[class~="widget-recent-post"] [class~="single-item"] {
    margin-bottom: 0;
}

[class~="widget-slide"] [class~="img"],
[class~="widget-recent-post"] [class~="img"] {
    float: left;
    display: inline-block;
    clear: both;
    overflow: hidden;
    padding: 0px 20px;
}

[class~="single-item"] {
    overflow: hidden;
    margin-bottom: 15px;
}

[class~="widget-slide"] [class~="img"],
[class~="widget-recent-post"] [class~="img"] {
    margin-top: 20px;
}

[class~="widget-slide"] a[class~="title"],
[class~="widget-recent-post"] a[class~="title"] {
    font-size: 16px;
}

[class~="widget-slide-content"] span {
    display: block;
    color: #fff;
    font-size: 14px;
}

[class~="widget-slide-content"] > a:hover {
    color: #00b9ec;
}

[class~="widget-slide-content"] {
    text-transform: capitalize;
    margin: 14px 0px;
}

[class~="widget"] [class~="widget-slide"] [class~="owl-nav"] {
    position: absolute;
    top: 50px;
    right: 44px;
}

[class~="details-page"] a[class~="flat-icons"] {
    color: #fff;
}

[class~="details-page"] a[class~="flat-icons"]:hover {
    color: #00b9ec;
}

[class~="widget-slide"] [class~="owl-next"] {
    line-height: 21px;
}

[class~="widget-slide"] [class~="owl-nav"] > div {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #00b9ec;
    border-radius: 5px;
    margin: 4px;
    text-align: center;
    font-size: 0;
    color: #fff;
    padding: 6px;
}

[class~="widget-slide"] [class~="owl-nav"] > div:hover {
    background: #fff;
    color: #00b9ec;
}

[class~="widget-recent-post"] [class~="widget-slide-content"] > span {
    color: #797979;
}

[class~="single-item"] [class~="comments"] span {
    display: inline-block;
    color: #00b9ec;
}

[class~="pagination"]>li>a,
[class~="pagination"]>li>span {
    color: #ffffff;
    background-color: #182028;
    margin: 0 5px;
    border-radius: 5px;
    border: none;
}

[class~="pagination"]>[class~="active"]>a,
[class~="pagination"]>[class~="active"]>a:focus,
[class~="pagination"]>[class~="active"]>a:hover,
[class~="pagination"]>[class~="active"]>span,
[class~="pagination"]>[class~="active"]>span:focus,
[class~="pagination"]>[class~="active"]>span:hover {
    color: #fff;
    background-color: #00b9ec;
    border-color: #00b9ec;
}

[class~="pagination"]>li:first-child>a,
[class~="pagination"]>li:first-child>span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

[class~="pagination"] [class~="page-item"][class~="active"] [class~="page-link"] {
    z-index: 1;
    color: #fff;
    background-color: #00b9ec;
    border-color: #00b9ec;
}

[class~="pagination"] [class~="page-link"]:hover {
    z-index: 2;
    color: #ffffff;
    text-decoration: none;
    background-color: #00b9ec;
    border-color: #00b9ec;
}

[class~="products"] [class~="fade"] {
    display: none;
}

[class~="products"] [class~="fade"][class~="active"] {
    display: block;
}

[class~="product-filter-list"] > div > ul > li {
    display: inline-block;
}

[class~="product-filter-list"] [class~="nav"] ul li[class~="active"] a {
    background: #00b9ec;
}

[class~="product-list"] [class~="dec-review-dec"] {
    margin-top: 40px;
}

[class~="details-title"] h2 a {
    color: #fff;
}

[class~="details-title"] h2 a:hover {
    color: #00b9ec;
}

[class~="peoduct-dec"] {
    margin-top: 17px;
    color: #fff;
}

[class~="list-items"]:hover [class~="movie-item-content-center"] {
    margin-top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

[class~="list-items"] {
    overflow: hidden;
}

[class~="list-items"] [class~="movie-item-content-center"] {
    margin: 0 auto;
    position: absolute;
    top: 37%;
    bottom: auto;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: -100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

[class~="bootstrap-select"] [class~="dropdown-item"][class~="active"],
[class~="bootstrap-select"] [class~="dropdown-item"]:active {
    color: #fff;
    text-decoration: none;
    background-color: #00b9ec;
}

[class~="product-filter-list"] [class~="dropdown-menu"][class~="show"] {
    z-index: 9999999;
}

[class~="zmoto-products"] [class~="zmovo-video-item-box"] {
    margin-bottom: 30px;
}

[class~="zmovo-product-list"] [class~="fade"][class~="in"][class~="show"] {
    display: block;
    opacity: 1;
}

[class~="fade"][class~="in"] {
    display: none;
}

[class~="zmovo-product-list-item"]:hover [class~="ply-btns"] {
    opacity: 1;
}

[class~="zmovo-product-list-item"] [class~="ply-btns"] a {
    top: 43%;
}


/*** login page ***/

[class~="zmovo-login-input-top"] input {
    min-height: 46px;
    border-radius: 5px;
    border: 1px solid #161631;
    background-color: transparent;
    margin-bottom: 21px;
}

[class~="zmovo-page-login"] {
    border: 10px solid #161631;
    padding: 35px;
    border-radius: 5px;
}

[class~="zmovo-login-fb"] {
    text-align: center;
}

[class~="zmovo-login-fb"] > span {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-bottom: 17px;
}

[class~="zmovo-login-fb"] ul li {
    display: inline-block;
    margin: 0 10px;
}

[class~="zmovo-login-fb"] ul li a {
    display: block;
    padding: 4px 12px;
    color: #fff;
    border-radius: 4px;
}

[class~="zmovo-login-fb"] ul li a span {
    margin-right: 5px;
}

[class~="zmovo-login-btns"] {
    text-align: center;
    margin: 22px 0;
}

a[class~="zmovo-login-btn"] {
    color: #fff;
    display: inline-block;
    background: #0fb5de;
    padding: 13px 35px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

a[class~="zmovo-login-btn"]:hover {
    background-color: #f47a0a;
}

[class~="zmovo-remember-me"] {
    display: inline-block;
}

[class~="zmovo-forgate-me"] {
    display: inline-block;
    float: right;
}

[class~="zmovo-remember-me"] label {
    position: relative;
    top: -2px;
}

[class~="zmovo-forgate-me"] a {
    color: #fff;
}

[class~="zmovo-forgate-me"] a span {
    color: #f67909;
}

[class~="zmovo-login-input-top"] input:focus {
    box-shadow: none;
    background-color: transparent;
    border-color: #161631;
    color: #fff;
}

[class~="zmovo-forgate-me"] a span:hover {
    color: #0fb5de;
}

li[class~="log-fb"] a {
    background-color: #4367af;
}

li[class~="log-goo"] a {
    background-color: #e45446;
}

li[class~="log-goo"] a:hover {
    background-color: #d73c2d;
}

li[class~="log-fb"] a:hover {
    background-color: #365ba3;
}


/*** blog page ***/

[class~="zmovo-blog-date"] a {
    color: #fff;
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
}

[class~="zmovo-blog-date"] a span {
    margin-right: 5px;
}

[class~="zmovo-blog-date"] {
    display: inline-block;
}

[class~="zmovo-b-title"] a {
    font-size: 25px;
    font-weight: bold;
    display: block;
    margin: 10px 0;
    color: #0fb5de;
}

[class~="zmovo-b-title"] a:hover {
    color: #f27a0c;
}

[class~="zmovo-blog-meta"] ul {
    display: inline-block;
}

[class~="zmovo-blog-meta"] ul li {
    display: inline-block;
}

[class~="zmovo-blog-meta"] ul li a {
    color: #fff;
    margin: 5px;
}

[class~="zmovo-blog-meta"] ul li a span {
    margin-right: 5px;
}

[class~="zmovo-blog-meta"] {
    margin-top: 10px;
}

[class~="zmovo-blog-meta"] ul li a:hover {
    color: #0fb5de;
}

[class~="zmovo-blog-meta"] ul li[class~="postby"] a {
    color: #0fb5de;
}

[class~="zmovo-blog-meta"] ul li[class~="postby"] a:hover {
    color: #f87906;
}

[class~="zmovo-blog-social-share"] {
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    top: 7px;
    margin-left: 6px;
}

[class~="zmovo-blog-share-icon"] > ul[class~="zmovo-b-social-icons"] {
    background: #0fb5de;
    padding: 0 4px;
    border-radius: 5px;
    margin-left: 12px;
    margin-left: -200px;
    -webkit-transition: all 0.4s cubic-bezier(1, 0.15, 0, 0.88);
    -moz-transition: all 0.4s cubic-bezier(1, 0.15, 0, 0.88);
    -ms-transition: all 0.4s cubic-bezier(1, 0.15, 0, 0.88);
    -o-transition: all 0.4s cubic-bezier(1, 0.15, 0, 0.88);
    transition: all 0.4s cubic-bezier(1, 0.15, 0, 0.88)
}

[class~="zmovo-blog-share-icon"] ul li a {
    color: #02020f;
}

[class~="zmovo-blog-share-icon"] ul li a:hover {
    color: white;
}

[class~="zmovo-blog-share-icon"]:hover [class~="zmovo-b-social-icons"] {
    margin-left: 0;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slider-premium-tag"] {
    position: absolute;
    top: 15px;
    left: 15px;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slider-premium-tag"] {
    position: absolute;
    top: 15px;
    left: 15px;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slide-ply-btn"] {
    position: absolute;
    left: 0;
    top: 44%;
    right: 0;
    text-align: center;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slider-premium-tag"] {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 999999;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slide-ply-btn"] {
    position: absolute;
    left: 0;
    top: 29%;
    right: 0;
    text-align: center;
    z-index: 9999;
    opacity: 0
}

[class~="zmovo-blog-dec-contents"]:hover [class~="zmovo-slide-ply-btn"] {
    opacity: 1;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slide-content"] {
    left: 5%;
    bottom: 5%;
    z-index: 9999;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slider-area"] #slider3 [class~="owl-controls"] {
    position: absolute;
    right: 0;
    top: 42%;
    width: auto;
}

[class~="zmovo-blog-dec-contents"] [class~="zmovo-slider-area"] [class~="owl-dot"] {
    display: block;
    margin: 6px;
}

[class~="zmovo-blog-d-p"] {
    margin: 15px 0;
}

[class~="zmovo-blog-dec-content"] h2 {
    font-size: 32px;
    font-weight: bold;
    font-family: Poppins;
}

[class~="zmovo-blog-dec-content"] [class~="social-links"] {
    border-top: 1px solid #224;
    margin-top: 30px;
    padding-top: 15px;
}


/*** comment form ***/

[class~="comment-reply"] a {
    margin: 15px;
}

[class~="comment-img"] {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
    clear: both;
    margin-right: 16px;
    margin-left: -43px;
}

[class~="comment-img"] img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    float: left;
}

[class~="comment-content"] {
    display: block;
    overflow: hidden;
    color: #fff;
}

[class~="comment-body"] {
    border: 1px solid #0c0c21;
    padding: 30px 30px;
    background: #0c0c21;
    border-radius: 10px;
    padding-left: 0;
    padding-bottom: 19px;
}

[class~="blog-details-reply-box"] {
    display: inline-block;
}

[class~="comment-time"] {
    display: inline-block;
    margin-right: 0;
    color: #b9b9b9;
    text-transform: capitalize;
}

[class~="comment-reply"] {
    display: inline-block;
}

[class~="comment-reply"] a {
    margin: 4px;
    text-transform: capitalize;
}

h3[class~="comment-title"] {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
}

[class~="comment-content"] > p {
    margin: 9px 0;
    font-weight: 600;
}

[class~="comment-time"]:before {
    content: "\f017";
    font-family: fontawesome;
    margin-right: 5px;
}

p[class~="bookbark"] {
    background: #13be13;
    padding: 50px;
    font-size: 23px;
    line-height: 38px;
    margin: 30px 0;
    border-radius: 5px;
}

a[class~="Repost"]:before {
    content: "\f112";
    font-family: fontawesome;
    margin: 6px;
}

a[class~="reply"]:before {
    content: "\f122";
    font-family: fontawesome;
    margin: 5px;
}

[class~="comment-reply"] a:hover {
    color: #0fb5de;
}

[class~="comment-reply"] a {
    color: #b9b9b9;
}

[class~="comment-area"] > h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: Poppins;
}

[class~="comment-respond"] > h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    display: block;
    padding-bottom: 13px;
    text-decoration: underline;
}

[class~="comment-respond"] a[class~="btn"][class~="btn-buttons"] {
    padding: 10px;
    background-color: #0fb5de;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
    margin-top: 20px;
}

li[class~="single-comment"] {
    margin: 40px;
}

ol[class~="comment-list-reply"] {
    margin-left: 95px;
}

[class~="respons-box"] label {
    color: #fff;
    font-weight: normal;
}

[class~="respons-box"] [class~="form-control"] {
    border: 1px solid #191939;
    background-color: #02020f;
}

a[class~="btn"][class~="btn-buttons"]:hover {
    background-color: #ffa700;
}

[class~="respons-box"] [class~="form-control"]:focus {
    outline: none;
    box-shadow: none;
}

[class~="zmovo-blog-contents"] [class~="zmovo-v-list-content"] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[class~="zmovo-blog-contents"] [class~="zmovo-v-list-content"] > p {
    text-overflow: ellipsis;
    overflow: hidden;
}


/*** contact ***/

#map {
    width: 100%;
    height: 558px;
}

h5[class~="contact-widget-title"] span {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    padding-bottom: 2px;
    margin-bottom: 20px;
}

h5[class~="contact-widget-title"] span:after {
    content: "";
    height: 1px;
    left: 0;
    bottom: 0;
}

h5[class~="contact-widget-title"][class~="no-margin"] {
    margin-bottom: 22px;
}

[class~="contact-widget"] [class~="textwidget"] > p {
    margin-bottom: 14px;
}

[class~="contact-widget"] [class~="textwidget"] ul li label {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #1f1f2f;
    text-align: center;
    padding: 3px;
    margin-right: 10px;
    color: #0fb5de;
}

[class~="contact-widget"] [class~="textwidget"] ul li {
    margin-bottom: 7px;
}

[class~="contact-widget"] [class~="textwidget"] a {
    color: #0fb5de;
}

[class~="contact-widget"] [class~="textwidget"] a:hover {
    color: #fa7805;
}


/*** Loader ***/

[class~="boxes"] {
    --size: 32px;
    --duration: 800ms;
    height: calc(var(--size) * 2);
    width: calc(var(--size) * 3);
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-top: calc(var(--size) * 1.5 * -1);
    -webkit-transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
    transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}

[class~="boxes"] [class~="box"] {
    width: var(--size);
    height: var(--size);
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

[class~="boxes"] [class~="box"]:nth-child(1) {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-animation: box1 var(--duration) linear infinite;
    animation: box1 var(--duration) linear infinite;
}

[class~="boxes"] [class~="box"]:nth-child(2) {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-animation: box2 var(--duration) linear infinite;
    animation: box2 var(--duration) linear infinite;
}

[class~="boxes"] [class~="box"]:nth-child(3) {
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    -webkit-animation: box3 var(--duration) linear infinite;
    animation: box3 var(--duration) linear infinite;
}

[class~="boxes"] [class~="box"]:nth-child(4) {
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-animation: box4 var(--duration) linear infinite;
    animation: box4 var(--duration) linear infinite;
}

[class~="boxes"] [class~="box"] > div {
    --background: #bf610d;
    --top: auto;
    --right: auto;
    --bottom: auto;
    --left: auto;
    --translateZ: calc(var(--size) / 2);
    --rotateY: 0deg;
    --rotateX: 0deg;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--background);
    top: var(--top);
    right: var(--right);
    bottom: var(--bottom);
    left: var(--left);
    -webkit-transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
    transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}

[class~="boxes"] [class~="box"] > div:nth-child(1) {
    --top: 0;
    --left: 0;
}

[class~="boxes"] [class~="box"] > div:nth-child(2) {
    --background: #904b11;
    --right: 0;
    --rotateY: 90deg;
}

[class~="boxes"] [class~="box"] > div:nth-child(3) {
    --background: #b55908;
    --rotateX: -90deg;
}

[class~="boxes"] [class~="box"] > div:nth-child(4) {
    --background: #DBE3F4;
    --top: 0;
    --left: 0;
    --translateZ: calc(var(--size) * 3 * -1);
}

[class~="zmovo-preloader"] {
    min-height: 100vh;
    color: #ADAFB6;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F9FBFF;
    position: fixed;
    z-index: 1999999999;
    width: 100%;
}
[class~="radius-3"] {
    border-radius: 3px;
}
[class~="jl"]{
    padding-top: 80px;
}
[class~="adwz"]{
    line-height: 35px;
    height: 35px;
    border-radius: 3px;
}
[class~="adwz"] a {  
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    transition-duration: [class~="3s"];
    text-decoration: none;
}
[class~="no-gutters"] {
    margin-right: 0;
    margin-left: 0;
}
[class~="section-title"] [class~="title"] {
    font-size: 16px;
    font-family: Poppins;
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
    padding-left: 16px;
   
}
[class~="section-title"] h2:after {
    content: "";
    width: 2px;
    height: 76%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 2px;
}
[class~="append-flex"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 5px
}
[class~="append-attraction"],[class~="append-flex"],[class~="append-history"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[class~="append-attraction"],[class~="append-history"] {
    gap: 15px
}
[class~="append-attraction"] a,
[class~="append-attraction"] a:hover{
    text-decoration: none;
    outline: 0;
    color: inherit;
}
@media only screen and (max-width: 775px) {
    [class~="jl"]{
        padding-top: 140px;  
    }
}

[class~="h-60"]{
    height: 60px;
}
[class~="ui-w-56"] {
    width: 56px!important;
    height: auto;
    border-radius: 15px!important;
}
[class~="ac"] a:hover{
    color: #FF9800;
}
[class~="ac"] img:hover{
  
    border: 4px solid;
    border-radius: 5px;
    border-color: #FF9800;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
[class~="video-thumb"] {
    width: 100%;
    /* display: flex; */
    flex-wrap: wrap;
    margin: 15px 0
}

[class~="video-thumb"][class~="light"] {
    color: #fff
}



[class~="video-thumb"] [class~="video-image"] {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    position: relative;
  
   
}



[class~="video-thumb"] [class~="video-image"] img {
    width: 100%;
    display: block;
    border-radius: 5px;
   
}


[class~="video-thumb"] [class~="video-content"] {
    padding-right: 10px;
}
[class~="video-thumb"] [class~="video-content"] [class~="top"]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
[class~="video-thumb"] [class~="video-content"] [class~="top"] [class~="title"] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    flex-grow: 1;
    color: #fff;
    overflow: hidden;
}
[class~="video-thumb"] [class~="video-content"] [class~="top"] [class~="title"] a {
    
    color: #fff;
}
[class~="video-thumb"] [class~="video-content"] [class~="bottom"] ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
[class~="video-thumb"] [class~="video-content"] [class~="bottom"] ul li {
    display: flex;
    align-items: center;
}
[class~="video-thumb"] [class~="video-content"] [class~="bottom"] ul li [class~="quality"] {
    border: 2px solid #fff;
    padding: 5px 10px;
    line-height: 1;
    /* font-weight: 700; */
    font-size: 11px;
    color: #00b9ec;
    text-transform: uppercase;
    border-radius: 5px;
}
[class~="video-thumb"] [class~="video-content"] [class~="bottom"] ul li>span {
    color: #fff;
    font-size: 12px;
}
[class~="video-thumb"] [class~="video-content"] [class~="bottom"] ul li>span i {
    margin-right: 5px;
    color: #00b9ec;
}
[class~="video-thumb"] [class~="video-content"] [class~="range"] {
    display: inline-block;
    font-size: 13px;
    margin-right: 6px
}

[class~="video-thumb"] [class~="video-content"] [class~="tags"] {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 13px
}

[class~="video-thumb"] [class~="video-content"] [class~="tags"] li {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    list-style: none;
    color: #e90101
}

[class~="video-thumb"] [class~="video-content"] [class~="age"] {
    margin-left: auto;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 4px;
    border: 1px solid #fff;
    opacity: [class~="7"]
}

[class~="video-thumb"] [class~="video-content"] [class~="name"] {
    width: 100%;
    display: block;
    font-size: 16px;
    /* font-weight:600; */
    margin-top: 5px
}

[class~="ycfixed-right"] {
    position: fixed;
    top: 50%; /* 调整图片垂直居中 */
    right: 1%;
    transform: translateY(-50%);
  }
 [class~="ad-image"]{
    margin-bottom: 20px;
    position: relative;
 } 
 [class~="ad-image"] img {
    border: 2px solid #0fb5de;
    border-radius: 15px;
 }
 [class~="closes"]{
    position: absolute;
    top: -10px;
    right: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
   
    display: block;
    
    cursor: pointer;
   
 }
 [class~="dbfixed-bottom"] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
  }
  [class~="watched"] {
    position: absolute;
    top: 15px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    background-color: #00b9ec;
    padding: 5px 10px;
    line-height: 1;
    font-size: 11px;
   
}
[class~="absolute-bottom-right"] {
    position: absolute;
    right: 15px;
    bottom: 15px;
    
}
[class~="absolute-bottom-right"] [class~="label"] {
    background: rgba(0,0,0,[class~="5"]);
    color: #fff;
    font-size: [class~="8125rem"];
    padding: 0.3rem 0.5rem;
    line-height: 25px;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 8px 22px 0 rgb(0 0 0 / 38%);
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 38%);
}
[class~="v-desc"] {
    color: #fff;
    font-weight: 500;
    
}
[class~="v-desc"] a {
    color: #fff;
}
[class~="v-desc"] a:hover{
    color: #fff; 
}
[class~="input-group-append"] [class~="btn"], [class~="input-group-prepend"] [class~="btn"] {
    position: relative;
    z-index: 0;
}
  [class~="genre_item"]{
    height: auto;
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff;
    cursor: pointer;
  }
  [class~="genre_item"] > div {
    background:#30333e;
    padding: 15px 0px;
    height: 100%;
    border-radius: 15px;
    transition: all [class~="15s"] ease-in-out;
}
[class~="genre_item"]:hover > div {
    color: #ffffff;
    background: #0fb5de;
}

[class~="genre_item"]:focus {
    color: #ffffff;
}

[class~="genre_item"]:active {
    color: #ffffff;
}
[class~="sv-video"] {
    width: 100%;
 height: auto;
 position: absolute;
}
[class~="video-responsive"] {
width: 100%;
    height: 0;
    padding-bottom: 55.25%;
    position: relative;
    overflow: hidden;
}
[class~="video-gg-url"] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
  }

  [class~="gg-close"] {
      background-color: #0fb5de;
      border: none;
      color: white;
      text-align: center;
      text-decoration: none;
      padding-top: 10px;
      padding-bottom: 10px;
      cursor: pointer;
      position: absolute;
      bottom: 0px;
      width: 100%;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
  }

  [class~="video-ads"] img {
      max-height: 100%;
      max-width: 100%;
      border-radius: 8px;
  }

  [class~="video-ads"] {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }

  [class~="video-counttimedown"] {
      position: absolute;
      top: 0;
      right: 0;
      padding: 15px;
      background: #0c0b0b;
      opacity: [class~="7"];
  }

  [class~="video-counttimedown"] [class~="text"] {
      color: #ffffff;
  }
  [class~="ads-tag"] {
  position: absolute;
  top: 6px;
  left: 0;
  padding: 8px;
  background: #111;
  opacity: [class~="8"];
  font-size: 12px;
  color: #FFF;
}
  [class~="video-ads"] svg,
  [class~="plyr__control"] svg {
      display: block;
      fill: currentColor;
      height: 18px;
      pointer-events: none;
      width: 18px
  }

  @media (max-width: 640px) {

      [class~="video-ads"] img {
          width: 100%;
          height: 100%;

      }

  }
  [class~="navbar-container"]{
    position: relative;
    /* height: 70px; */
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: rgba(2, 2, 15, 0.36);
    border-bottom: 1px solid rgba(2, 2, 15, 1);
  }
  [class~="navbar-brand"] {
    padding-top: 10px;
    padding-bottom: 10px;
   
}
[class~="mobile-nav-toggler"] {
    position: relative;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    margin-top: 20px;
}
[class~="mobile-search"] {
    position: relative;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
    color: #fff;
   
}
[class~="nav-link"]  a {
    color: #fff;
}
[class~="nav-link"][class~="cc"]{
    color: #fff; 
}
[class~="nav-link"][class~="cc"]:hover{
    color: #0fb5de !important;
}
[class~="color-active"] {
    color: #0fb5de !important;
}
[class~="color-active"]>a {
    color: #0fb5de !important;
}
  @media only screen and (max-width: 720px){
    header[class~="zmovo-header"] {
        position: fixed;
        top: 90px;
    }
  }
  [class~="navbar-dark"] [class~="navbar-toggler"] {
    color: #fff;
    border:none;
}
[class~="navbar-dark"] [class~="navbar-nav"] [class~="active"]>[class~="nav-link"], [class~="navbar-dark"] [class~="navbar-nav"] [class~="nav-link"][class~="active"], [class~="navbar-dark"] [class~="navbar-nav"] [class~="nav-link"][class~="show"], [class~="navbar-dark"] [class~="navbar-nav"] [class~="show"]>[class~="nav-link"] {
    color:  #0fb5de;
}
[class~="navbar-dark"] [class~="navbar-nav"] [class~="nav-link"] {
    color: #fff;
}
[class~="navbar-dark"] [class~="navbar-nav"] [class~="nav-link"]:focus,[class~="navbar-dark"] [class~="navbar-nav"] [class~="nav-link"]:hover {
	color: #0fb5de;
}
[class~="navbar-expand-lg"] [class~="navbar-nav"] [class~="nav-link"] {
    padding-right: 1rem;
    padding-left: 1rem;
}
 [class~="gen-header-info-box"] {
    margin: 0 0 0 30px;
    display: flex;
    color: #fff;
    align-items: center;
}
[class~="gen-menu-contain"] {
    display: inline-block;
    width: 100%;
}
[class~="gen-menu-search-block"] {
    position: relative;
    margin: 0 30px 0 0;
}
[class~="gen-menu-search-block"] a {
    color: #fff;
    font-size: 16px;
    width: 18px;
    display: inline-block;
}
[class~="sec"] {
    position: relative;
    margin: 0 30px 0 0;
}
[class~="crs"] {
    color: #fff;
    font-size: 16px;
    width: 18px;
    display: inline-block;
}
[class~="tccbj"]{
    transform: translateZ(0);
    pointer-events: all;
    background-color: #02020f;
    opacity: 0.9;
    position: absolute;
    /* top: 90px; */
    width: 100%;
}

@media only screen and (max-width: 775px){
    header[class~="navbar-container"] {
        background-color: #000000;
}

}
@media only screen and (max-width: 720px){
    header[class~="navbar-container"] {
        position: fixed;
        top: 90px;
}

}
@media only screen and (max-width: 775px){
    [class~="navbar-brand"] {
       padding-top:0px;
       padding-bottom: 0px;
}

}
@media only screen and (max-width: 720px){
    [class~="navbar"] {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0rem 0rem;
    }
}

}

  /* @media only screen and (max-width: 720px){
    .dbfixed-bottom {
        display: none!important;
    }
  } */
  @media only screen and (max-width: 775px) {
    [class~="pt-50"]{
        padding-top: 50px;
      }
}
  
@-webkit-keyframes box1 {
    0%,
    50% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    100% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0);
    }
}

@keyframes box1 {
    0%,
    50% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    100% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0);
    }
}

@-webkit-keyframes box2 {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

@keyframes box2 {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

@-webkit-keyframes box3 {
    0%,
    50% {
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%);
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}

@keyframes box3 {
    0%,
    50% {
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%);
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}

@-webkit-keyframes box4 {
    0% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0);
    }
    50% {
        -webkit-transform: translate(200%, 100%);
        transform: translate(200%, 100%);
    }
    100% {
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%);
    }
}

@keyframes box4 {
    0% {
        -webkit-transform: translate(200%, 0);
        transform: translate(200%, 0);
    }
    50% {
        -webkit-transform: translate(200%, 100%);
        transform: translate(200%, 100%);
    }
    100% {
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%);
    }


}
[class~="cpn_pc"] {
	float: left;
	width: 100%;
	padding: 1px !important;
	margin: 0;
	box-sizing: border-box;
	position: relative;
}


[class~="cpn_pc"] a img {
	width: 100%;
	max-height: 60px;
}

[class~="cpn_pc"] a p {
	width: 100%;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: center;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
[class~="movie-alias"] { font-size: 13px; color: rgba(255,255,255,0.5); margin: 4px 0 8px; }
[class~="movie-alias"] span { color: rgba(255,255,255,0.7); }

#dgf_pc {
	position: relative;
	width: 100%;
	overflow: visible !important;
	display: block!important;
	margin: auto;
	padding: 0;
	border: 0;
	max-width:962px
}

#dgf_pc * {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: none;
	max-width: none;
	display: block;
}

[class~="dgf_pc"] * img {
	max-width: none;
	max-height: none;
	width: auto;
	height: auto;
}

[class~="dgfFa_pc"] {
	width: 100%;
	float: left;
	text-align: center;
	background-size: 100% auto !important;
	position: relative;
}

#dgfFi_pc {
	width: 100%;
	float: left;
	visibility: hidden;
}

[class~="dgfCR_pc"] {
	bottom: 0;
	position: absolute;
	right: 0;
	margin: 0;
}

[class~="dgfCR_pc"] a {
	float: right;
}

[class~="dgfCR_pc"] img {
	float: right;
	width: 28px !important;
}

[class~="txtguanggao"]{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 1px 0 rgba(0,0,0,[class~="05"]);}
[class~="txtguanggao"] li{width: 25%;float: left;border-radius: 3px;line-height: 35px;height: 35px;text-align: center;font-size: 16px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 1px;transition-duration: [class~="3s"];text-decoration:none;}
[class~="txtguanggao"] li{width: 25%;}
[class~="txtguanggao"] li:nth-child(1) {background-color: #FC9918;}
[class~="txtguanggao"] li:nth-child(2) {background-color: #61529F;}
[class~="txtguanggao"] li:nth-child(3) {background-color: #3e9f96;}
[class~="txtguanggao"] li:nth-child(4) {background-color: #ff999f;}
[class~="txtguanggao"] li:nth-child(5) {background-color: #61529F;}
[class~="txtguanggao"] li:nth-child(6) {background-color: #FC9918;}
[class~="txtguanggao"] li:nth-child(7) {background-color: #ff999f;}
[class~="txtguanggao"] li:nth-child(8) {background-color: #3e9f96;}
[class~="txtguanggao"] li:nth-child(9) {background-color: #F14A16;}
[class~="txtguanggao"] li:nth-child(10) {background-color: #ff999f;}
[class~="txtguanggao"] li:nth-child(11) {background-color: #FC9918;}
[class~="txtguanggao"] li:nth-child(12) {background-color: #996699;}
[class~="txtguanggao"] li:nth-child(13) {background-color: #ff999f;}
[class~="txtguanggao"] li:nth-child(14) {background-color: #F14A16;}
[class~="txtguanggao"] li:nth-child(15) {background-color: #996699;}
[class~="txtguanggao"] li:nth-child(16) {background-color: #FC9918;}
[class~="txtguanggao"] li:nth-child(17) {background-color: #d88569;}
[class~="txtguanggao"] li:nth-child(18) {background-color: #239bb3;}
[class~="txtguanggao"] li:nth-child(19) {background-color: #84c5a6;}
[class~="txtguanggao"] li:nth-child(20) {background-color: #8a8a0f;}
[class~="txtguanggao"] li:nth-child(21) {background-color: #663366;}
[class~="txtguanggao"] li:nth-child(22) {background-color: #003300;}
[class~="txtguanggao"] li:nth-child(23) {background-color: #003366;}
[class~="txtguanggao"] li:nth-child(24) {background-color: #996699;}
[class~="txtguanggao"] li:nth-child(25) {background-color: #666666;}
[class~="txtguanggao"] li:nth-child(26) {background-color: #006699;}
[class~="txtguanggao"] li:nth-child(27) {background-color: #993333;}
[class~="txtguanggao"] li:nth-child(28) {background-color: #6593b7;}
[class~="txtguanggao"] li:nth-child(29) {background-color: #993333;}
[class~="txtguanggao"] li:nth-child(30) {background-color: #6593b7;}
[class~="txtguanggao"] li:nth-child(31) {background-color: #663366;}
[class~="txtguanggao"] li:nth-child(32) {background-color: #003300;}
[class~="txtguanggao"] li:nth-child(33) {background-color: #003366;}
[class~="txtguanggao"] li:nth-child(34) {background-color: #996699;}
[class~="txtguanggao"] li:nth-child(35) {background-color: #666666;}
[class~="txtguanggao"] li:nth-child(36) {background-color: #006699;}
[class~="txtguanggao"] li:nth-child(37) {background-color: #993333;}
[class~="txtguanggao"] li:nth-child(38) {background-color: #6593b7;}
[class~="txtguanggao"] li:nth-child(39) {background-color: #8a8a0f;}
[class~="txtguanggao"] li:nth-child(40) {background-color: #663366;}
[class~="txtguanggao"] li:nth-child(41) {background-color: #003300;}
[class~="txtguanggao"] li:nth-child(42) {background-color: #003366;}
[class~="txtguanggao"] li:nth-child(43) {background-color: #003366;}
[class~="txtguanggao"] li:nth-child(44) {background-color: #996699;}
[class~="txtguanggao"] li:nth-child(45) {background-color: #666666;}
[class~="txtguanggao"] li:nth-child(46) {background-color: #006699;}
[class~="txtguanggao"] li:nth-child(47) {background-color: #993333;}
[class~="txtguanggao"] li:nth-child(48) {background-color: #6593b7;}
[class~="txtguanggao"] li:nth-child(49) {background-color: #993333;}
[class~="txtguanggao"] li:nth-child(50) {background-color: #6593b7;}
[class~="txtguanggao"] li:nth-child(51) {background-color: #663366;}
[class~="txtguanggao"] li:nth-child(52) {background-color: #003300;}
[class~="txtguanggao"] li:nth-child(53) {background-color: #003366;}
[class~="txtguanggao"] li:nth-child(54) {background-color: #996699;}
[class~="txtguanggao"] li:nth-child(55) {background-color: #666666;}
[class~="txtguanggao"] li:nth-child(56) {background-color: #006699;}
[class~="txtguanggao"] li:nth-child(57) {background-color: #993333;}
[class~="txtguanggao"] li:nth-child(58) {background-color: #6593b7;}
[class~="txtguanggao"] li:nth-child(59) {background-color: #6593b7;}
[class~="txtguanggao"] li:nth-child(60) {background-color: #6593b7;}
[class~="txtguanggao"] li:hover{background:#DC3545;}
/* === 影片宫格布局修复 (pic-list grid) === */
ul[class~="pic-list"] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul[class~="pic-list"] > li {
    background: #1a1a2e;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s;
    min-width: 0;
    max-width: 100% !important;
    width: 100% !important;
    flex: none !important;
}
ul[class~="pic-list"] > li:hover { transform: translateY(-3px); }
ul[class~="pic-list"] a[class~="pic-img"] {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
ul[class~="pic-list"] a[class~="pic-img"] img {
    width: 100%;
    aspect-ratio: 2/3;
    object-fit: cover;
    display: block;
}
ul[class~="pic-list"] [class~="score"] {
    position: absolute;
    bottom: 4px; right: 4px;
    background: rgba(0,0,0,0.7);
    color: #f90;
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 3px;
}
ul[class~="pic-list"] [class~="tips"] {
    position: absolute;
    top: 4px; left: 4px;
    background: rgba(229,57,53,0.9);
    color: #fff;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 3px;
}
ul[class~="pic-list"] [class~="title"] { display: none; }
ul[class~="pic-list"] h3[class~="name"] {
    padding: 6px 8px;
    margin: 0;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul[class~="pic-list"] h3[class~="name"] a { color: #ccc; text-decoration: none; }
ul[class~="pic-list"] h3[class~="name"] a:hover { color: #e53935; }
@media (max-width: 1200px) { ul[class~="pic-list"] { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px)  { ul[class~="pic-list"] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px)  { ul[class~="pic-list"] { grid-template-columns: repeat(2, 1fr); gap: 8px; } }

/* === 排行榜（rank.html使用非Bootstrap结构） === */
[class~="rank-tabs"] { display: flex; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; }
[class~="rank-tab"] { padding: 12px 24px; background: #333; color: #fff; border-radius: 25px; text-decoration: none; transition: all 0.3s; }
[class~="rank-tab"]:hover, [class~="rank-tab"][class~="active"] { background: #e53935; color: #fff; }
[class~="rank-section"] { background-color: #1a1a1a; border-radius: 12px; padding: 25px; margin-bottom: 30px; }
[class~="rank-section"] h2 { color: #fff; font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e53935; }
[class~="rank-item"] { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #333; }
[class~="rank-item"]:last-child { border-bottom: none; }
[class~="rank-num"] { width: 30px; height: 30px; background: #333; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; margin-right: 15px; flex-shrink: 0; }
[class~="rank-num"][class~="top1"] { background: linear-gradient(135deg, #ffd700, #ff8c00); }
[class~="rank-num"][class~="top2"] { background: linear-gradient(135deg, #c0c0c0, #a0a0a0); }
[class~="rank-num"][class~="top3"] { background: linear-gradient(135deg, #cd7f32, #b87333); }
[class~="rank-info"] { flex: 1; }
[class~="rank-title"] { color: #fff; font-size: 16px; margin-bottom: 5px; }
[class~="rank-title"] a { color: #fff; text-decoration: none; }
[class~="rank-title"] a:hover { color: #e53935; }
[class~="rank-meta"] { color: #999; font-size: 13px; }

/* === 选集列表 === */
[class~="episode-list"] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
ul[class~="episode-list"] { list-style: none; padding: 0; margin-top: 15px; }
[class~="episode-btn"],
[class~="episode-list"] li a { display: inline-block; padding: 8px 15px; background: #333; color: #fff; border-radius: 5px; text-decoration: none; transition: all 0.3s ease; font-size: 13px; }
[class~="episode-btn"]:hover, [class~="episode-btn"][class~="active"],
[class~="episode-list"] li a:hover, [class~="episode-list"] li a[class~="active"] { background: #e53935; color: #fff; }

/* ===== Video Player (播放页) ===== */
[class~="video-player"] { background: #000; border-radius: 8px; overflow: hidden; margin-bottom: 20px; width: 100%; }
[class~="video-player"] video, [class~="video-player"] iframe { width: 100%; aspect-ratio: 16/9; display: block; border: none; }
[class~="video-info"] { background: #1a1a1a; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
[class~="video-title"] { color: #fff; font-size: 24px; margin-bottom: 15px; font-weight: bold; }
[class~="video-meta"] { color: #999; margin-bottom: 15px; }
[class~="video-meta"] span { margin-right: 15px; }

/* === 列表页说明文字 === */
[class~="section-desc"] { color: #999; font-size: 14px; margin-top: 8px; }
[class~="section-desc"] strong { color: #e53935; }

/* === Bootstrap 分页主题色覆盖 === */
[class~="pagination"] [class~="page-item"][class~="active"] [class~="page-link"] { background-color: #e53935; border-color: #e53935; }
[class~="pagination"] [class~="page-link"]:hover { color: #e53935; }
[class~="pagination"] [class~="page-link"] { color: #e53935; }

/* === Bootstrap 面包屑深色覆盖 === */
[class~="breadcrumb"] { background-color: transparent; padding: 0.5rem 0; margin-bottom: 1rem; }
[class~="breadcrumb-item"], [class~="breadcrumb-item"] a { color: rgba(255,255,255,0.6); font-size: 14px; }
[class~="breadcrumb-item"] a:hover { color: #e53935; text-decoration: none; }
[class~="breadcrumb-item"][class~="active"] { color: rgba(255,255,255,0.9); }
[class~="breadcrumb-item"] + [class~="breadcrumb-item"]::before { color: rgba(255,255,255,0.3); }

/* === rank/update 页面独立导航栏深色样式 === */
body[class~="dark-bg"] [class~="header"] { background: #0f0f1a; border-bottom: 1px solid rgba(255,255,255,0.08); }
body[class~="dark-bg"] [class~="header-content"] { display: flex; align-items: center; gap: 20px; padding: 12px 0; }
body[class~="dark-bg"] [class~="header-content"] [class~="logo"] a { display: flex; align-items: center; }
body[class~="dark-bg"] [class~="main-nav"] { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; }
body[class~="dark-bg"] [class~="main-nav"] li a { color: rgba(255,255,255,0.75); font-size: 15px; padding: 6px 12px; border-radius: 4px; text-decoration: none; transition: all 0.2s; }
body[class~="dark-bg"] [class~="main-nav"] li a:hover { color: #fff; background: rgba(255,255,255,0.1); }
body[class~="dark-bg"] [class~="mobile-menu-btn"] { display: none; background: none; border: none; color: #fff; font-size: 22px; cursor: pointer; margin-left: auto; }
@media (max-width: 768px) {
    body[class~="dark-bg"] [class~="main-nav"] { display: none; }
    body[class~="dark-bg"] [class~="mobile-menu-btn"] { display: block; }
    body[class~="dark-bg"] [class~="header-content"] { flex-wrap: wrap; }
}
[class~="rank-tabs"] { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
[class~="rank-tab"] { padding: 6px 18px; border-radius: 4px; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); text-decoration: none; font-size: 14px; transition: all 0.2s; }
[class~="rank-tab"]:hover, [class~="rank-tab"][class~="active"] { background: #e53935; color: #fff; }
[class~="rank-section"] { margin-bottom: 40px; }
[class~="rank-section"] h2 { color: #fff; font-size: 20px; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid #e53935; display: inline-block; }

/* === 图片懒加载占位 === */
[class~="lazyload"] { opacity: 0; transition: opacity 0.3s ease; }
[class~="lazyloaded"] { opacity: 1; }
img[class~="lazyload"] { background: #333; }

/* === 响应式补充 === */
@media (max-width: 768px) {
    [class~="rank-section"] { padding: 15px; }
    [class~="rank-item"] { padding: 10px 0; }
    [class~="episode-list"] { gap: 8px; }
    [class~="episode-btn"] { padding: 6px 12px; font-size: 13px; }
}

/* ===== Footer Enhanced ===== */
[class~="footer-links"] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 16px;
}
[class~="footer-links"] a {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
}
[class~="footer-links"] a:hover { color: #e53935; }
[class~="footer-bottom"] { text-align: center; }
[class~="copyright"] { color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 8px; }
[class~="disclaimer"] { color: rgba(255,255,255,0.4); font-size: 12px; line-height: 1.6; margin-bottom: 8px; max-width: 800px; margin-left: auto; margin-right: auto; }
[class~="icp-info"] { color: rgba(255,255,255,0.4); font-size: 12px; }
[class~="icp-info"] a { color: rgba(255,255,255,0.4); text-decoration: none; }
[class~="icp-info"] a:hover { color: rgba(255,255,255,0.7); }

/* ===== Back to Top ===== */
[class~="back-to-top"] {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 46px;
    height: 46px;
    background: #e53935;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(229,57,53,0.4);
}
[class~="back-to-top"][class~="visible"] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
[class~="back-to-top"]:hover {
    background: #ef5350;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(229,57,53,0.5);
}

/* ===== Card Meta (Hits + Category + Date) ===== */
[class~="pic-list"] li a[class~="pic-img"] { position: relative; display: block; overflow: hidden; }
[class~="hits"] {
    position: absolute;
    bottom: 6px;
    right: 6px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
    line-height: 1.4;
    pointer-events: none;
    z-index: 2;
}
[class~="card-meta"] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding: 0 4px;
}
[class~="vod-class"] {
    font-size: 11px;
    color: #e53935;
    background: rgba(229,57,53,0.12);
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}
[class~="vod-date"] {
    font-size: 11px;
    color: rgba(255,255,255,0.45);
    white-space: nowrap;
}

/* ===== Filter Bar ===== */
[class~="filter-bar"] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: #1a1a1a;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
}
[class~="filter-bar"] [class~="form-control"] {
    background: #2a2a3e;
    border-color: #444;
    color: #fff;
}
[class~="filter-bar"] [class~="form-control"]:focus {
    background: #2a2a3e;
    border-color: #e53935;
    color: #fff;
    box-shadow: none;
}
[class~="filter-options"] { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0 0 8px; }
[class~="filter-options"] a { display: inline-block; padding: 5px 12px; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border-radius: 4px; font-size: 13px; text-decoration: none; transition: all 0.2s; white-space: nowrap; }
[class~="filter-options"] a:hover, [class~="filter-options"] a[class~="active"] { background: #e53935; color: #fff; }
/* Override Bootstrap col-* grid classes on filter li items */
[class~="filter-options"] li { list-style: none; width: auto !important; max-width: none !important; flex: 0 0 auto !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; }
[class~="filter-options"] li a { display: inline-block; padding: 5px 12px; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border-radius: 4px; font-size: 13px; text-decoration: none; transition: all 0.2s; white-space: nowrap; }
[class~="filter-options"] li a:hover, [class~="filter-options"] li a[class~="active"] { background: #e53935; color: #fff; }

/* === PHP-generated pagination structure === */
/* PHP outputs: <div class="pagination"><span class="current">N</span><a>N</a>...<span class="page-dots">...</span></div> */
nav [class~="pagination"] { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 0; margin: 0; list-style: none; background: transparent; border-radius: 0; }
nav [class~="pagination"] > a, nav [class~="pagination"] > span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.75); border-radius: 4px; font-size: 14px; text-decoration: none; transition: all 0.2s; border: 1px solid rgba(255,255,255,0.12); }
nav [class~="pagination"] > a:hover { background: #e53935; color: #fff; border-color: #e53935; }
nav [class~="pagination"] > span[class~="current"] { background: #e53935; color: #fff; font-weight: bold; border-color: #e53935; }
nav [class~="pagination"] > span[class~="page-dots"] { background: transparent; border-color: transparent; color: rgba(255,255,255,0.4); }
nav [class~="pagination"] > a[class~="prev"], nav [class~="pagination"] > a[class~="next"] { background: rgba(255,255,255,0.1); font-size: 13px; }

@media (max-width: 400px) {
    ul[class~="pic-list"] {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }
}

/* Bootstrap nav horizontal layout */
[class~="navbar"] { display: flex !important; align-items: center; flex-wrap: wrap; padding: 0.5rem 1rem; }
[class~="navbar-nav"] { display: flex !important; flex-direction: row !important; list-style: none; padding: 0; margin: 0; gap: 2px; }
[class~="navbar-nav"] > li { list-style: none; }
[class~="navbar-collapse"] { display: flex !important; align-items: center; }
[class~="navbar-toggler"] { display: none; }

/* Logo text fallback */
[class~="logo-text"] {
    font-size: 1.5rem;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

/* ===== Detail Page Styles (added v-next) ===== */
[class~="detail-main"] { padding: 20px 0; }
[class~="detail-container"] { display: flex; gap: 30px; max-width: 1200px; margin: 0 auto; padding: 0 15px; flex-wrap: wrap; }
[class~="detail-poster"] { flex-shrink: 0; width: 200px; }
[class~="detail-poster"] img { width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
[class~="detail-info"] { flex: 1; min-width: 0; }
[class~="detail-title"] { font-size: 1.8rem; font-weight: bold; margin-bottom: 16px; }
[class~="detail-meta"] { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 16px; font-size: 0.95rem; }
[class~="meta-item"] { display: inline-block; }
[class~="detail-synopsis"] { margin-bottom: 20px; line-height: 1.8; }
[class~="detail-synopsis"] h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 8px; }
[class~="detail-play-btn"] { margin: 20px 0; }
[class~="btn-play-now"] { display: inline-block; padding: 12px 32px; background: #e53935; color: #fff !important; border-radius: 4px; text-decoration: none; font-size: 16px; font-weight: bold; transition: background 0.2s; }
[class~="btn-play-now"]:hover { background: #c62828; }
[class~="detail-episodes"] { max-width: 1200px; margin: 24px auto; padding: 0 15px; }
[class~="detail-episodes"] h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 12px; }
[class~="detail-related"] { max-width: 1200px; margin: 24px auto; padding: 0 15px; }
[class~="detail-related"] h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 12px; }
[class~="breadcrumb"] { max-width: 1200px; margin: 12px auto; padding: 0 15px; font-size: 13px; color: #888; }
[class~="breadcrumb"] a { color: #666; text-decoration: none; }
[class~="breadcrumb"] a:hover { text-decoration: underline; }
@media (max-width: 768px) {
    [class~="detail-container"] { flex-direction: column; }
    [class~="detail-poster"] { width: 140px; margin: 0 auto; }
    [class~="detail-title"] { font-size: 1.4rem; }
    [class~="btn-play-now"] { width: 100%; text-align: center; box-sizing: border-box; }
}