.actorbx ul,
.app-list,
.channel-bar ul,
.drama-channel ul,
.edit-share,
.grid,
.ig-followbx,
.nav-footer li a,
.social-icons ul,
.widget-tags ul li,
ul {
    list-style: none
}

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

.card,
.grid figure figcaption {
    -webkit-backface-visibility: hidden
}

fieldset,
hr {
    border: 0;
    padding: 0
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details .portfolio-item-name,
.portfolio-project-details .project-info .project-name h4,
body {
    line-height: 1.6em;
    overflow-x: hidden
}

.btn-seeall,
.clearfix:after,
.edit-next,
.grid,
.sticky-menu .main-nav .icons>ul:after {
    clear: both
}

button,
html,
input,
select,
textarea {
    color: #222
}

html {
    font-size: 1em;
    line-height: 1.4;
    height: 100%
}

::-moz-selection {
    background: #ff4d4d;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #ff4d4d;
    color: #fff;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border-top: 1px solid #ddd;
    margin: 1em 0
}

audio,
canvas,
img,
video {
    vertical-align: middle
}

fieldset {
    margin: 0
}

textarea {
    resize: vertical
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

body {
    font-family: Kanit, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #333;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f6f8fa!important
}

h1,
h2,
h3 {
    font-weight: 700
}

body.offcanvas-menu-dark {
    background: #222
}

body.offcanvas-menu-white {
    background: #fff
}

body.fullscreen {
    height: 100%
}

.main-wrapper {
    position: relative;
    -webkit-transition: .7s all 1ms ease;
    -moz-transition: .7s all 1ms ease;
    transition: .7s all 1ms ease
}

.shifter-enabled .main-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s all 1ms ease;
    -moz-transition: .5s all 1ms ease;
    transition: .5s all 1ms ease
}

.shifter-enabled.shifter-open .main-wrapper:before {
    opacity: 1;
    visibility: visible
}

.shifter-enabled.shifter-open .main-wrapper {
    cursor: pointer
}

a {
    color: #444;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out;
    text-decoration: none!important
}

a a:active,
a a:focus,
a a:hover {
    text-decoration: none!important;
    outline: 0!important
}

p,
ul {
    margin-bottom: 23px
}

img {
    max-width: 100%
}

table {
    width: 100%
}

.main-header .search-form input[type=text]:focus,
.main-nav ul li.icon .dropdown-menu.dropdown-search-form form input[type=text]:focus,
.main-nav.offcanvas-menu .search-form input[type=search]:active,
.main-nav.offcanvas-menu .search-form input[type=search]:focus,
.main-nav.offcanvas-menu .search-form input[type=submit]:active,
.main-nav.offcanvas-menu .search-form input[type=submit]:focus,
.mobile-header-wrapper.style2 .search-form-wrapper form input[type=search]:active,
.mobile-header-wrapper.style2 .search-form-wrapper form input[type=search]:focus,
.sticky-menu .search-form input[type=text]:focus,
a:active,
a:focus,
input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: 0
}

input[type=number],
select {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    padding: 13px 11px 13px 18px;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

input[type=number]:focus,
select:focus {
    border-color: #bbb;
    outline: 0!important
}

input[type=number]:focus input[type=number]:active,
select:active,
select:focus {
    outline: 0!important
}

.fs-number-element,
input[type=number] {
    width: 90px;
    padding: 13px 15px 13px 25px;
    border-radius: 0
}

.fs-number {
    display: inline-block;
    margin: 0;
    width: 90px;
    border-radius: 0;
    vertical-align: top
}

.fs-number-arrow {
    border: none;
    background: 0 0;
    padding: 0;
    width: 27px;
    right: 8px;
    line-height: 0
}

.fs-number-arrow.fs-number-down:after,
.fs-number-arrow.fs-number-up:after {
    font-family: knight;
    font-size: 2em;
    border: none;
    text-indent: -10px
}

.main-header .options li,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase
}

.fs-number-arrow.fs-number-up:after {
    content: '\e1e5';
    top: 8px
}

.fs-number-arrow.fs-number-down:after {
    content: '\e17b';
    top: -5px
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3em;
    margin-bottom: 18px
}

.main-header .socials.style1 li a i,
.main-header .socials.style2 li a i {
    line-height: 3.1em;
    font-size: 1.2em
}

h1 {
    font-size: 70px
}

h2 {
    font-size: 60px
}

h3 {
    font-size: 40px
}

h4,
h5 {
    font-size: 24px
}

h4 {
    font-weight: 600
}

h5 {
    font-weight: 500
}

h6 {
    font-size: 20px;
    font-weight: 700
}

.main-header .main-header-inner {
    position: relative;
    z-index: 9990
}

.main-header.overlay-header .main-header-inner {
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    z-index: 9990
}

.main-header .logo-container .logo {
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%
}

.main-header .logo-container .logo img {
    margin: 0 auto
}

.main-header .account-entry,
.main-header .contact-info,
.main-header .options,
.main-header .socials,
.main-nav ul {
    margin-bottom: 0
}

.main-header .main-bar .logo-container.align-center {
    float: none!important;
    order: 0
}

.main-header .menu-container,
.sticky-menu .sticky-menu-container {
    float: right;
    order: 1
}

.main-header .left-sec,
.main-header .menu-container>div,
.main-header .menu-container>nav,
.main-header .menu-container>ul,
.sticky-menu .menu-container>div,
.sticky-menu .menu-container>nav,
.sticky-menu .menu-container>ul {
    float: left
}

.main-header .bottom-bar,
.main-header .main-bar,
.main-header .top-bar {
    position: relative
}

.main-header .top-bar {
    z-index: 3;
    overflow: hidden
}

.main-header .main-bar {
    z-index: 2
}

.main-header .bottom-bar {
    z-index: 1
}

.main-header .right-sec {
    float: right
}

.main-header .left-sec form,
.main-header .left-sec nav,
.main-header .left-sec ul,
.main-header .right-sec form,
.main-header .right-sec nav,
.main-header .right-sec ul {
    float: left
}

.main-header .main-bar.dark-bg+.bottom-bar.dark-bg,
.main-header .top-bar.dark-bg+.main-bar.dark-bg {
    border-top: 1px solid #444
}

.main-header .main-bar.white-bg+.bottom-bar.white-bg,
.main-header .top-bar.white-bg+.main-bar.white-bg {
    border-top: 1px solid #eee
}

.main-header .main-bar.white-bg+.bottom-bar.smocky-white-bg {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.main-header .contact-info li {
    float: left;
    font-weight: 400;
    padding: 14px 20px 12px
}

.main-header .contact-info li i {
    font-size: 1.3em;
    position: relative;
    top: 4px;
    margin-right: 8px
}

.main-header .options li {
    float: left
}

.main-header .options .RSS-feed,
.main-header .options .language-selector.style2 {
    font-family: Ubuntu, sans-serif;
    text-transform: none
}

.main-header .options li a {
    display: inline-block;
    padding: 12px 23px 13px;
    height: 51px
}

.main-header .options li i {
    font-size: 1.4em;
    margin-right: 11px;
    position: relative;
    top: 4px
}

.main-header .options li i.fa-angle-down {
    margin-right: 7px
}

.main-header .socials.style3 li,
.main-header .socials.style4 li {
    margin-right: 22px;
    margin-left: 0
}

.main-header .options .language-selector.style2 a {
    padding-top: 10px;
    padding-right: 15px
}

.main-header .options .language-selector.style2 .fa-angle-down {
    font-size: 1.2em;
    top: 2px;
    margin-left: 10px
}

.main-header .options .RSS-feed {
    border-right: none!important
}

.main-header .options .RSS-feed a {
    padding-top: 13px
}

.main-header .socials.style3,
.main-header .socials.style4 {
    padding-top: 14px;
    padding-bottom: 12px
}

.main-header .options .RSS-feed strong {
    font-weight: 500
}

.main-header .options .RSS-feed .icon {
    top: 2px
}

.main-header .socials li {
    float: left
}

.main-header .socials.style1 li {
    display: inline-block;
    width: 51px;
    height: 51px;
    text-align: center
}

.main-header .socials.style1 li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-right: 1px solid #444
}

.main-header .socials.style1 li a:hover {
    background: #ff4d4d;
    border-color: #ff4d4d;
    color: #fff
}

.main-header .socials.style1 li:first-child a,
.main-header .socials.style2 li:first-child a {
    border-left: 1px solid #444
}

.main-header .socials.style2 li {
    display: inline-block;
    width: 51px;
    height: 51px;
    text-align: center
}

.main-header .socials.style2 li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-right: 1px solid #444
}

.main-header .socials.style3 li a i,
.main-header .socials.style4 li a i {
    font-size: 1.3em
}

.main-header .socials.style2 li a:hover {
    background: #333
}

.main-header .socials.style4 li a {
    color: #999
}

.main-header .socials.style4 li a:hover {
    color: #fff
}

.main-header .socials:last-of-type li:last-child {
    margin-right: 0
}

.main-header .account-entry li {
    float: left;
    font-family: Raleway, sans-serif;
    text-transform: uppercase
}

.main-header .account-entry.style1 li {
    padding-left: 12px;
    padding-top: 16px;
    padding-bottom: 14px
}

.main-header .account-entry.style1 li:before {
    content: '|';
    margin-right: 12px
}

.main-header .account-entry.style1 li:first-child:before {
    content: none;
    display: none
}

.main-header .account-entry.style2 li {
    border-left: 1px solid #ddd;
    font-weight: 600
}

.main-header .account-entry.style2 li a {
    display: inline-block;
    padding: 15px 25px 14px 22px
}

.main-header .account-entry.style2+.search-form input[type=text] {
    border-left: 0
}

.main-header .account-entry.style3 li {
    padding-left: 30px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 14px
}

.main-header .account-entry.style3 li:before {
    content: '|';
    margin-right: 31px
}

.main-header .account-entry.style3 li:first-child:before {
    content: ''
}

.main-header .account-entry:first-of-type.style2 li:last-child {
    border-right: 1px solid #ddd
}

.main-header .search-form,
.sticky-menu .search-form {
    position: relative
}

.main-header .search-form input[type=text],
.sticky-menu .search-form input[type=text] {
    border: none;
    background: 0 0;
    font-weight: 300;
    width: 277px;
    padding: 15px 40px 14px 20px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.main-header .main-bar .search-form input[type=text],
.main-header:not(.fixed-menu) .main-bar>.container>.row {
    width: 100%
}

.main-header .search-form input[type=submit],
.sticky-menu .search-form input[type=submit] {
    font-family: knight!important;
    font-size: 1.2em;
    line-height: 1.5em;
    background: 0 0;
    border: none;
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.main-header .search-form::-webkit-input-placeholder,
.sticky-menu .search-form::-webkit-input-placeholder {
    color: #444
}

.main-header .search-form:-moz-placeholder,
.sticky-menu .search-form:-moz-placeholder {
    color: #444
}

.main-header .search-form::-moz-placeholder,
.sticky-menu .search-form::-moz-placeholder {
    color: #444
}

.main-header .search-form:-ms-input-placeholder,
.sticky-menu .search-form:-ms-input-placeholder {
    color: #444
}

.main-header .top-bar a,
.main-header .top-bar li,
.main-header .top-bar ul {
    height: 50px
}

.main-header .top-bar.style2 a,
.main-header .top-bar.style2 li,
.main-header .top-bar.style2 ul {
    height: 80px
}

.main-header .top-bar .main-nav a,
.main-header .top-bar .main-nav li,
.main-header .top-bar .main-nav ul,
.main-header .top-bar .socials li {
    height: auto
}

.main-header .top-bar .left-sec .main-nav ul li:first-child,
.main-header .top-bar .left-sec .socials.style3:first-of-type li:first-child {
    margin-left: 0
}

.main-header .top-bar .left-sec .account-entry.style1:first-of-type li:first-child {
    padding-left: 0
}

.main-header .top-bar .left-sec .account-entry.style1:first-of-type li:last-child {
    margin-right: 23px
}

.main-header .top-bar .left-sec .account-entry.style2+.options li:first-child,
.main-header .top-bar .left-sec .socials.style1+.options li:first-child,
.main-header .top-bar .left-sec .socials.style2+.options li:first-child,
.main-header .top-bar .right-sec .account-entry+.search-form {
    border-left: none
}

.main-header .top-bar .right-sec .main-nav:last-of-type ul li:last-child,
.main-header .top-bar .right-sec .socials.style3:last-of-type li:last-child {
    margin-right: 0
}

.main-header .top-bar .right-sec .account-entry.style1:last-of-type li:first-child {
    margin-left: 11px
}

.main-header .top-bar .main-nav.style1 ul li:not(.icon) a {
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    display: inline-block;
    padding-top: 17px;
    padding-bottom: 12px
}

.main-header .top-bar .main-nav.style1 ul li.icon a {
    padding-top: 14px;
    padding-bottom: 11px
}

.main-header .top-bar .main-nav.style2 ul li {
    margin-left: 0
}

.main-header .top-bar .main-nav.style2>ul>li>a {
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 28px 30px 27px 22px;
    position: relative
}

.main-header .top-bar .main-nav.style2>ul>li>a>i {
    font-size: 1.4em;
    position: relative;
    top: 5px;
    margin-right: 8px
}

.main-header .top-bar .main-nav.style2>ul>li>a:hover {
    background: #333
}

.main-header .top-bar .main-nav.style2>ul>li.active>a {
    font-weight: 700;
    background: #333
}

.main-header .top-bar.style1 {
    height: 51px
}

.main-header .top-bar.style1 .socials.style3 {
    padding-top: 17px
}

.main-header .top-bar.style2 {
    height: 80px
}

.main-header .top-bar.style2 .contact-info li {
    padding-top: 28px;
    padding-bottom: 27px
}

.main-header .top-bar.style2 .contact-info .RSS-feed {
    padding-top: 29px
}

.main-header .top-bar.style2 .options li a {
    display: inline-block;
    padding: 26px 23px 28px
}

.main-header .top-bar.style2 .account-entry li {
    padding-top: 30px;
    padding-bottom: 28px
}

.main-header .top-bar.style2:not(.padding-20) .socials.style3 {
    padding-top: 32px;
    padding-bottom: 26px
}

.main-header .main-bar .socials,
.main-nav,
.main-nav ul li.icon .dropdown-menu.dropdown-search-form {
    padding: 0
}

.main-header .top-bar.dark-bg {
    color: #ddd
}

.main-header .top-bar.dark-bg a {
    color: #eee
}

.main-header .top-bar.dark-bg .contact-info li,
.main-header .top-bar.dark-bg .options li {
    border-right: 1px solid #444
}

.main-header .top-bar.dark-bg .contact-info li:first-child,
.main-header .top-bar.dark-bg .options li:first-child {
    border-left: 1px solid #444
}

.main-header .top-bar.dark-bg .contact-info.style2 li,
.main-header .top-bar.dark-bg .options.style2 li {
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    border: none
}

.main-header .top-bar.dark-bg .account-entry.style2 li,
.main-header .top-bar.dark-bg .search-form {
    border-color: #444
}

.main-header .top-bar.dark-bg .search-form input {
    color: #fff
}

.main-header .top-bar.dark-bg .search-form::-webkit-input-placeholder {
    color: #fff
}

.main-header .top-bar.dark-bg .search-form:-moz-placeholder {
    color: #fff
}

.main-header .top-bar.dark-bg .search-form::-moz-placeholder {
    color: #fff
}

.main-header .top-bar.dark-bg .search-form:-ms-input-placeholder {
    color: #fff
}

.main-header .top-bar.foggy-white-bg,
.main-header .top-bar.foggy-white-bg a {
    color: #444
}

.main-header .top-bar.foggy-white-bg .contact-info li,
.main-header .top-bar.foggy-white-bg .options li {
    border-right: 1px solid #ddd
}

.main-header .top-bar.foggy-white-bg .contact-info li:first-child,
.main-header .top-bar.foggy-white-bg .options li:first-child {
    border-left: 1px solid #ddd
}

.main-header .top-bar.foggy-white-bg .contact-info.style2 li,
.main-header .top-bar.foggy-white-bg .options.style2 li {
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    border: none
}

.main-header .top-bar.foggy-white-bg .socials.style1 li a {
    border-color: #ddd
}

.main-header .top-bar.foggy-white-bg .socials.style1 li a:hover {
    background: #ff5344;
    color: #fff;
    border-color: #ff5344
}

.main-header .top-bar.foggy-white-bg .socials.style1 li:first-child a {
    border-color: #ddd
}

.main-header .top-bar.foggy-white-bg .socials.style1 li:first-child a:hover {
    border-color: #ff5344
}

.main-header .top-bar.foggy-white-bg .socials.style2 li a {
    border-color: #ddd
}

.main-header .top-bar.foggy-white-bg .socials.style2 li a:hover {
    background: #ff5344;
    color: #fff;
    border-color: #ff5344
}

.main-header .top-bar.foggy-white-bg .socials.style2 li:first-child a {
    border-color: #ddd
}

.main-header .top-bar.foggy-white-bg .socials.style2 li:first-child a:hover {
    border-color: #ff5344
}

.main-header .top-bar.white-bg a {
    color: #444
}

.main-header .top-bar.white-bg .contact-info li,
.main-header .top-bar.white-bg .options li {
    border-right: 1px solid #eee
}

.main-header .top-bar.white-bg .contact-info li:first-child,
.main-header .top-bar.white-bg .options li:first-child {
    border-left: 1px solid #eee
}

.main-header .top-bar.white-bg .contact-info.style2 li,
.main-header .top-bar.white-bg .options.style2 li {
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    border: none
}

.main-header .top-bar.white-bg .socials.style1 li a {
    border-color: #eee
}

.main-header .top-bar.white-bg .socials.style1 li a:hover {
    background: #ff5344;
    border-color: #ff5344;
    color: #fff
}

.main-header .top-bar.white-bg .socials.style1 li:first-child a,
.main-header .top-bar.white-bg .socials.style2 li a,
.main-header .top-bar.white-bg .socials.style2 li:first-child a {
    border-color: #eee
}

.main-header .top-bar.white-bg .socials.style2 li a:hover {
    background: #f9f9f9
}

.main-header .top-bar.white-bg .socials.style3 li a:hover {
    color: #000
}

.main-header .top-bar.transparent-bg,
.main-header .top-bar.transparent-bg a {
    color: #fff
}

.main-header .top-bar.smocky-white-bg,
.main-header .top-bar.smocky-white-bg a {
    color: #444
}

.main-header .top-bar.smocky-white-bg .contact-info li,
.main-header .top-bar.smocky-white-bg .options li {
    border-right: 1px solid #ddd
}

.main-header .top-bar.smocky-white-bg .contact-info li:first-child,
.main-header .top-bar.smocky-white-bg .options li:first-child {
    border-left: 1px solid #ddd
}

.main-header .top-bar.smocky-white-bg .contact-info.style2 li,
.main-header .top-bar.smocky-white-bg .options.style2 li {
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    border: none
}

.main-header .top-bar.smocky-white-bg .socials.style1 li a {
    border-color: #ddd
}

.main-header .top-bar.smocky-white-bg .socials.style1 li a:hover {
    background: #ff5344;
    color: #fff;
    border-color: #ff5344
}

.main-header .top-bar.smocky-white-bg .socials.style1 li:first-child a {
    border-color: #ddd
}

.main-header .top-bar.smocky-white-bg .socials.style1 li:first-child a:hover {
    border-color: #ff5344
}

.main-header .top-bar.smocky-white-bg .socials.style2 li a {
    border-color: #ddd
}

.main-header .top-bar.smocky-white-bg .socials.style2 li a:hover {
    background: #ff5344;
    color: #fff;
    border-color: #ff5344
}

.main-header .top-bar.smocky-white-bg .socials.style2 li:first-child a {
    border-color: #ddd
}

.main-header .top-bar.smocky-white-bg .socials.style2 li:first-child a:hover {
    border-color: #ff5344
}

.main-header:not(.fixed-menu) .main-bar>.container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-header:not(.fixed-menu) .main-bar .main-nav {
    opacity: 0;
    visibility: hidden
}

.main-header .main-bar .nav {
    background: 0 0;
    border: none;
    margin-bottom: 0;
    height: auto;
    min-height: inherit
}

.main-header .main-bar .shifter-handle {
    float: left
}

.main-header .main-bar .logo-container,
.sticky-menu .sticky-logo-container {
    float: left;
    order: -1
}

.main-header .main-bar .left-sec {
    order: -1
}

.main-header .main-bar .right-sec {
    order: 1
}

.main-header .main-bar .search-form input[type=submit] {
    right: 26px
}

.main-header .main-bar.white-bg .main-nav ul>li>a {
    color: #444
}

.main-header .main-bar.white-bg .main-nav.active-style1>ul>li.active>a,
.main-header .main-bar.white-bg .main-nav.active-style1>ul>li.open>a,
.main-header .main-bar.white-bg .main-nav.active-style1>ul>li:hover>a,
.main-header .main-bar.white-bg .main-nav.shopping-menu-style1 ul li.icon>a {
    color: #000
}

.main-header .main-bar.white-bg .main-nav.active-style2>ul>li>a:after {
    background: #222
}

.main-header .main-bar.dark-bg .main-nav.active-style2>ul>li>a:after,
.main-header .main-bar.transparent-bg .main-nav.active-style2>ul>li>a:after {
    background: #fff
}

.main-header .main-bar.white-bg .socials li a {
    color: #444
}

.main-bar.dark-bg .main-nav ul>li>a,
.main-header .main-bar.dark-bg {
    color: #fff
}

.main-header .main-bar.dark-bg .main-nav.active-style1>ul>li.active:not(.icon)>a,
.main-header .main-bar.dark-bg .main-nav.active-style1>ul>li.open:not(.icon)>a,
.main-header .main-bar.dark-bg .main-nav.active-style1>ul>li:not(.icon):hover>a {
    color: #ff553f
}

.main-header .main-bar.dark-bg .socials.style3 li a:hover {
    color: #ff4f4c
}

.main-header .main-bar.transparent-bg .main-nav ul>li>a {
    color: #fff
}

.main-header .main-bar.transparent-bg .socials li a {
    color: #444
}

.main-header .main-bar.transparent-bg .options li a {
    color: #fff!important;
    border-color: #fff!important
}

.main-nav {
    font-family: Kanit, Sans-Serif;
    font-size: 22px;
    position: inherit;
    height: 25px
}

.main-nav ul li {
    float: left;
    margin-left: 30px;
    font-size: 20px
}

.main-nav ul li a {
    display: inline-block;
    color: #111b2a!important;
    -webkit-transition: color .3s ease, font-weight .3s ease, background .3s ease;
    -moz-transition: color .3s ease, font-weight .3s ease, background .3s ease;
    transition: color .3s ease, font-weight .3s ease, background .3s ease
}

.main-nav ul li a:hover {
    color: #09F!important
}

.main-nav ul li.icon a i {
    font-size: 1.4em;
    position: relative;
    top: 2px
}

.main-nav ul li.icon .dropdown-menu {
    left: auto;
    right: 0
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form {
    padding: 0!important
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form input[type=text] {
    width: 460px;
    border: none;
    padding-left: 60px
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form input[type=text].dark-bg {
    color: #fff
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form input[type=text].white-bg {
    color: #000
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form input[type=submit] {
    font-family: knight;
    font-size: 1.5em;
    display: inline-block;
    width: 57px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form .dark-bg+input[type=submit] {
    color: #ccc
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form .white-bg+input[type=submit] {
    color: #000
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form::-webkit-input-placeholder {
    color: #ccc
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form:-moz-placeholder {
    color: #ccc
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form::-moz-placeholder {
    color: #ccc
}

.main-nav ul li.icon .dropdown-menu.dropdown-search-form form:-ms-input-placeholder {
    color: #ccc
}

.main-nav ul li.icon.expandable-search-form .search-form-container .search-form input[type=text] {
    border: 1px solid transparent;
    width: 0;
    opacity: 0;
    -webkit-transition: .8s all 1ms ease;
    -moz-transition: .8s all 1ms ease;
    transition: .8s all 1ms ease
}

.main-nav ul li.icon.expandable-search-form .search-form-container .search-form input[type=text]:focus {
    outline: 0;
    border-color: #ccc!important
}

.main-nav ul li.icon.expandable-search-form .search-form-container .search-form input[type=submit] {
    font-weight: 400;
    right: -4px;
    height: 57px;
    width: 57px;
    font-size: 1.45em;
    -webkit-transition: 1s all 1ms ease;
    -moz-transition: 1s all 1ms ease;
    transition: 1s all 1ms ease
}

.main-nav ul li.icon.expandable-search-form .search-form-container .search-form:hover input[type=text] {
    width: 460px;
    border-color: #eee;
    opacity: 1;
    padding-left: 57px
}

.main-nav ul li.icon.expandable-search-form .search-form-container .search-form:hover input[type=submit] {
    right: 87%;
    -webkit-transition: .5s all 1ms ease;
    -moz-transition: .5s all 1ms ease;
    transition: .5s all 1ms ease
}

.main-nav ul li.active>a {
    font-weight: 700
}

.main-nav ul li.open>.sub-menu,
.main-nav ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.main-nav ul li.icon-cart .basket-icon {
    margin-right: 19px
}

.main-nav ul li.icon-cart>a {
    position: relative
}

.main-nav ul li.icon-cart>a span.items-counter.style2 {
    position: absolute;
    top: 50%;
    left: -11px;
    margin-left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    font-family: Ubuntu, sans-serif;
    text-align: center;
    line-height: 1.8em;
    font-weight: 300;
    color: #fff;
    background: #ff4d4d;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-nav ul li>.sub-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    z-index: 99999;
    border: none;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-transform .1s ease, opacity .1s ease, visibility .1s ease;
    -moz-transition: -moz-transform .1s ease, opacity .1s ease, visibility .1s ease;
    transition: transform .1s ease, opacity .1s ease, visibility .1s ease;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-thumb,
.portfolio-project-details .project-info .project-name {
    margin-bottom: 27px
}

.main-nav:not(.mobile-nav):not(.offcanvas-menu-style2):not(.main-nav-fixed) ul li>.sub-menu {
    display: inherit!important
}

.main-nav:not(.mobile-nav) ul li .sub-menu.white-bg li a {
    color: #444
}

.main-nav ul li>.sub-menu.sub-menu-left {
    float: right;
    left: auto;
    right: 0
}

.main-nav ul li>.sub-menu li {
    display: block;
    position: relative;
    float: none;
    margin-left: 0;
    padding-left: 19px;
    padding-right: 22px
}

.main-nav ul li>.sub-menu li>a {
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 400;
    display: block;
    border-bottom: 1px solid #444;
    position: relative;
    min-width: 236px;
    padding: 7px 0 7px 12px;
    white-space: nowrap
}

.main-nav ul li>.sub-menu li>a>i {
    margin-right: 11px;
    font-size: 1.6em;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-weight: 400!important
}

.main-nav ul li>.sub-menu li>a:focus,
.main-nav ul li>.sub-menu li>a:hover {
    background: 0 0;
    color: #09F!important
}

.main-nav ul li>.sub-menu li:last-child>a {
    border-bottom: none
}

.main-nav ul li>.sub-menu li .arrow-right>a,
.main-nav ul li>.sub-menu li.has-children>a {
    position: relative
}

.main-nav:not(.mobile-nav):not(.offcanvas-menu-style2) ul li>.sub-menu li .arrow-right>a:after,
.main-nav:not(.mobile-nav):not(.offcanvas-menu-style2) ul li>.sub-menu li.has-children>a:after {
    content: ''; /* ???*/
    font-size: 1.28em;
    font-family: knight!important;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-weight: 400!important
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-contents p,
.main-nav ul li.mega-menu .sub-menu .blog-post .post-meta a,
.main-nav ul li.mega-menu .sub-menu .blog-post .post-meta p {
    font-family: Ubuntu, sans-serif;
    font-weight: 300
}

.main-nav ul li>.sub-menu li.has-icon {
    padding-left: 23px;
    padding-right: 24px
}

.main-nav ul li>.sub-menu li.has-icon>a {
    padding: 16px 62px 16px 39px
}

.main-nav ul li>.sub-menu li.has-icon .sub-menu li {
    padding-left: 17px;
    padding-right: 21px
}

.main-nav ul li>.sub-menu li.has-icon .sub-menu li a {
    padding: 15px 22px 16px
}

.main-nav ul li>.sub-menu li .sub-menu {
    position: absolute;
    top: -21px;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    -webkit-transform: translateY(-3%);
    padding-top: 22px;
    padding-bottom: 24px
}

.main-nav ul li>.sub-menu li .sub-menu li {
    padding-left: 13px;
    padding-right: 21px
}

.main-nav ul li>.sub-menu li .sub-menu li>a {
    min-width: 205px;
    padding: 15px 13px
}

.main-nav ul .dropdown.dropdown-menu-left>.sub-menu {
    left: auto;
    right: 0
}

.main-nav ul li>.sub-menu li.dropdown-menu-left .sub-menu {
    left: auto;
    right: 100%
}

.main-nav ul li>.sub-menu li.open .sub-menu,
.main-nav ul li>.sub-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.main-nav ul li>.sub-menu.top-red-border {
    border-top: 3px solid #ff4d4d;
    padding-top: 18px
}

.main-nav ul li>.sub-menu.dark-bg {
    color: #fff
}

.main-nav ul li>.sub-menu.dark-bg a {
    color: #fff!important
}

.main-nav ul li>.sub-menu.white-bg {
    color: #444;
    -webkit-box-shadow: 0 3px 2px rgba(204, 204, 202, .4);
    -moz-box-shadow: 0 3px 2px rgba(204, 204, 202, .4);
    box-shadow: 0 3px 2px rgba(204, 204, 202, .4)
}

.main-nav:not(.mobile-nav) ul li>.sub-menu.white-bg li>a {
    color: #444!important;
    border-bottom-color: #ddd
}

.main-nav ul li>.sub-menu.white-bg .sub-menu.dark-bg>li>a {
    color: #fff;
    border-bottom: 1px solid #444
}

.main-nav ul li.mega-menu,
.main-nav ul li.mega-menu.multi-column {
    position: static
}

.main-nav ul li.mega-menu .sub-menu {
    padding-top: 18px;
    padding-bottom: 19px
}

.main-nav ul li.mega-menu .sub-menu li {
    padding: 0
}

.main-nav ul li.mega-menu .sub-menu li a {
    text-transform: inherit
}

.main-nav ul li.mega-menu .sub-menu li.has-icon a {
    padding: 15px 0 15px 39px
}

.main-nav ul li.mega-menu .sub-menu li .menu-column>ul {
    width: 100%
}

.main-nav ul li.mega-menu .sub-menu .container {
    float: none;
    margin-right: auto!important;
    margin-left: auto!important
}

.main-nav ul li.mega-menu .sub-menu.top-red-border {
    padding-top: 15px
}

.main-nav ul li.mega-menu .sub-menu .blog-post {
    padding-top: 19px
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-title h6 {
    margin-bottom: 21px
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-title h6 a {
    color: #202020
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-title h6 a:hover {
    color: #ff4d4d!important
}

.main-nav ul li.mega-menu .sub-menu.dark-bg .blog-post .post-title h6 a {
    color: #fff
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-contents p {
    line-height: 1.8em
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-meta .post-cat {
    padding-right: 0
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-meta .post-comments {
    padding-left: 23px
}

.main-nav ul li.mega-menu .sub-menu .blog-post .post-meta a {
    color: #ff5047
}

.main-nav ul li.mega-menu:not(.full-width) .sub-menu li .menu-column ul li {
    padding: 0
}

.main-nav:not(.mobile-nav) ul li.mega-menu:not(.full-width):not(.multi-column) .sub-menu li .menu-column ul li a {
    padding-left: 36px;
    border-bottom: none
}

.main-nav ul li.mega-menu.full-width .sub-menu {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px
}

.main-nav ul li.mega-menu.multi-column .sub-menu {
    width: auto;
    padding-top: 29px;
    padding-bottom: 29px
}

.main-header .main-nav ul .mega-menu.multi-column>.sub-menu {
    right: auto!important
}

.main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul li a,
.main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul li a {
    border-bottom: 1px solid #444
}

.main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul li:last-child:not(.column-title) a,
.main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul.arrow-list li:not(.column-title):last-child a,
.main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul li:last-child:not(.column-title) a,
.main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul.arrow-list li:not(.column-title):last-child a {
    border-bottom: none
}

.main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul li.column-title a,
.main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul li.column-title a {
    font-weight: 600;
    text-transform: uppercase
}

.main-nav:not(.mobile-nav) ul li.mega-menu.full-width .sub-menu .menu-column ul li.column-title:not(.has-icon) a,
.main-nav:not(.mobile-nav) ul li.mega-menu.multi-column .sub-menu .menu-column ul li.column-title:not(.has-icon) a {
    padding-top: 12px;
    padding-left: 6px
}

.main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul.arrow-list li:not(.column-title) a,
.main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul.arrow-list li:not(.column-title) a {
    padding: 17px 0 13px 34px;
    position: relative
}

.main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul.arrow-list li:not(.column-title) a:before,
.main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul.arrow-list li:not(.column-title) a:before {
    content: ''; /* ???*/
    font-family: knight;
    font-size: 1.45em;
    font-weight: 400!important;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.main-nav:not(.mobile-nav) ul li.mega-menu.full-width .sub-menu.white-bg .menu-column li a,
.main-nav:not(.mobile-nav) ul li.mega-menu.multi-column .sub-menu.white-bg .menu-column li a {
    border-bottom-color: #ddd
}

.main-nav ul li.mega-menu.full-width .sub-menu.top-red-border,
.main-nav ul li.mega-menu.multi-column .sub-menu.top-red-border {
    padding-top: 19px
}

.main-nav ul li.mega-menu.shop-style1>.sub-menu {
    padding-top: 47px;
    padding-bottom: 52px
}

.main-nav ul li.mega-menu.shop-style2>.sub-menu {
    padding-top: 35px;
    padding-bottom: 43px
}

.main-nav ul li.mega-menu.blog>.sub-menu {
    padding-top: 20px;
    padding-bottom: 27px
}

.main-nav ul li.checkout-style1>.sub-menu {
    padding-bottom: 0!important;
    border-top: 1px solid #eee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.main-nav ul li.checkout-style1 .product {
    margin-bottom: 28px
}

.main-nav ul li.checkout-style1 .product .product-details .product-price p {
    font-weight: 300
}

.main-nav ul li.checkout-style1 .product .product-details .product-price .quantity {
    margin-right: 4px
}

.main-nav ul li.checkout-style1 .product .product-details .product-price .quantity:after {
    content: 'x';
    margin-left: 3px
}

.main-nav ul li.checkout-style1 .checkout-buttons {
    padding-top: 30px;
    padding-bottom: 28px
}

.main-nav ul li.checkout-style1 .checkout-buttons .button {
    margin-left: 8px
}

.main-nav ul li.checkout-style2 {
    position: static
}

.main-nav ul li.checkout-style2>.sub-menu {
    padding-top: 4px;
    padding-bottom: 40px
}

.main-nav ul li.checkout-style2>.sub-menu>li {
    padding: 0 6px 0 13px
}

.main-nav ul li.checkout-style2>.sub-menu>li .menu-column {
    min-width: 340px;
    margin-right: 15px;
    margin-left: 15px;
    float: left;
    padding: 0
}

.main-nav ul li.checkout-style2>.sub-menu.dark-bg .product {
    border-bottom-color: #444
}

.main-nav ul li.checkout-style2>.sub-menu.dark-bg .product .product-remove {
    color: #838383
}

.main-nav ul li.checkout-style2>.sub-menu.white-bg {
    box-shadow: none;
    border: 1px solid #eee;
    padding-top: 3px;
    padding-bottom: 29px
}

.main-nav ul li.checkout-style2>.sub-menu.white-bg .product {
    border-bottom-color: #ddd
}

.main-nav ul li.checkout-style2>.sub-menu.white-bg .cart-checkout-buttons-container .checkout-buttons .view-cart-button {
    background: #222;
    color: #fff
}

.main-nav ul li.checkout-style2>.sub-menu.white-bg .cart-checkout-buttons-container .checkout-buttons .checkout-button {
    border: 1px solid #222;
    background: #fff;
    color: #222
}

.main-nav ul li.checkout-style2>.sub-menu .cart-checkout-buttons-container .checkout-buttons .checkout-button:hover,
.main-nav ul li.checkout-style2>.sub-menu .cart-checkout-buttons-container .checkout-buttons .view-cart-button:hover {
    background: #ff4d4d;
    color: #fff;
    border-color: transparent
}

.main-nav ul li.checkout-style2 .product {
    border-bottom: 1px solid #444;
    padding-top: 26px;
    padding-bottom: 25px;
    position: relative
}

.main-nav ul li.checkout-style2 .product .product-preview {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 12px;
    margin-left: 5px
}

.main-nav ul li.checkout-style2 .product .product-details {
    float: left;
    padding-right: 60px;
    width: 70%
}

.main-nav ul li.checkout-style2 .product .product-details h6 {
    margin-right: 0;
    margin-bottom: 3px
}

.main-nav ul li.checkout-style2 .product .product-details .product-cat {
    font-family: Ubuntu, sans-serif;
    margin-bottom: 6px
}

.main-nav ul li.checkout-style2 .product .product-details .product-price p,
.portfolio-container .portfolio-filter-container ul {
    margin-bottom: 0
}

.main-nav ul li.checkout-style2 .product .product-details .product-cat a {
    font-weight: 300;
    text-transform: none
}

.main-nav ul li.checkout-style2 .product .product-details .product-price {
    font-family: Ubuntu, sans-serif;
    color: #ff4d4d;
    font-weight: 400;
    text-align: left
}

.main-nav ul li.checkout-style2 .product .product-details .product-price .quantity {
    margin-right: 4px
}

.main-nav ul li.checkout-style2 .product .product-details .product-price .quantity:after {
    content: 'x';
    margin-left: 3px
}

.main-nav ul li.checkout-style2 .product .product-remove {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #adadad
}

.main-nav ul li.checkout-style2 .product .product-remove i {
    font-size: 2em;
    line-height: 0
}

.main-nav ul li.checkout-style2 .product .product-remove:hover {
    color: #ff4d4d!important
}

.main-nav ul li.checkout-style2 .cart-checkout-buttons-container {
    margin-top: 37px;
    text-align: center;
    float: right
}

.main-nav ul li.checkout-style2 .cart-checkout-buttons-container .checkout-buttons {
    padding-right: 29px
}

.main-nav ul li.checkout-style2 .cart-checkout-buttons-container .checkout-buttons .button {
    margin-left: 4px
}

.main-nav ul li.checkout-style2 .cart-checkout-buttons-container .checkout-buttons .view-cart-button {
    border: none;
    background: #fff;
    color: #222;
    padding: 11px 32px 13px
}

.main-nav ul li.checkout-style2 .dark-bg .cart-checkout-buttons-container .checkout-buttons .view-cart-button {
    color: #fff;
    background: #ff4d4d
}

.main-nav ul li.checkout-style2 .cart-checkout-buttons-container .checkout-buttons .checkout-button {
    padding: 10px 32px 12px;
    border: 1px solid #fff;
    background: #222;
    color: #fff
}

.main-nav.extra-padding ul li {
    margin-left: 39px
}

.main-nav.extra-padding ul li.icon {
    margin-left: 30px
}

.main-nav.style1>ul>li>a {
    font-weight: 400
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 ul .dropdown.open>a,
.main-nav.style1>ul>li.active>a {
    font-weight: 700
}

.main-nav.style2>ul>li>a {
    font-weight: 400
}

.main-nav.style2>ul>li.active>a {
    font-weight: 600
}

.main-nav.style3>ul>li {
    margin-left: 0;
    border-left: 1px solid #444;
    text-align: center
}

.main-nav.style3>ul>li>a {
    display: inline-block;
    padding: 20px 22px 19px 23px
}

.main-nav.style3>ul>li:hover>a {
    background: #ff4d4d
}

.main-nav.style3>ul>li:last-child {
    border-right: 1px solid #444
}

.main-nav.style4 {
    float: right
}

.main-nav.style4 .navigation {
    float: left
}

.main-nav.style4 .navigation>ul {
    float: none;
    text-align: right
}

.main-nav.style4 .navigation>ul>li {
    float: none;
    display: inline-block;
    margin-left: 0
}

.main-nav.style4 .navigation>ul.top-nav {
    border-bottom: 1px solid #666;
    margin-bottom: 8px
}

.main-nav.style4 .navigation>ul.top-nav>li {
    margin-left: 25px
}

.main-nav.style4 .navigation>ul.top-nav>li:hover>.sub-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3%);
    -moz-transform: translateY(3%);
    transform: translateY(3%)
}

.main-nav.style4 .navigation>ul.top-nav>li.open>.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.main-nav.style4 .navigation>ul.top-nav>li>a {
    padding-bottom: 10px;
    letter-spacing: 2px
}

.main-nav.style4 .navigation>ul.top-nav>li.has-children>a:after {
    font-family: knight;
    content: ''; /*î…» ???*/
    margin-left: 5px;
    position: relative;
    top: 2px
}

.main-nav.style4 .navigation>ul.top-nav>li:first-child {
    margin-left: 30px
}

.main-nav.style4 .navigation>ul.bottom-nav li {
    margin-left: 17px
}

.main-nav.style4 .navigation>ul.bottom-nav li a {
    font-family: Ubuntu, sans-serif;
    font-weight: 300;
    text-transform: none
}

.main-nav.style4 .navigation>ul.bottom-nav li:before {
    content: '|';
    font-size: 11px;
    color: #666;
    position: relative;
    top: -1px;
    margin-right: 23px
}

.main-nav.style4 .shopping-menu-style2>li .basket-icon,
.main-nav.style5 .shopping-menu>li .basket-icon {
    margin-right: 0
}

.main-nav.style4 .navigation>ul.bottom-nav li:first-child:before {
    content: ''
}

.main-nav.style4 .shopping-menu-style2 {
    float: right;
    margin-top: 8px
}

.main-nav.style4 .shopping-menu-style2>li>a {
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    background: #ff4d4d;
    padding: 0!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.main-nav.style4 .shopping-menu-style2>li>a i {
    line-height: 2.4em
}

.main-nav.style4 .shopping-menu-style2>li>a .items-counter.style2 {
    background: #fff;
    color: #444;
    top: -22%
}

.main-header.style4 .bottom-bar .main-nav {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.main-header.style4 .bottom-bar .main-nav.transparent-border {
    border-color: rgba(255, 255, 255, .5)!important
}

.main-nav.style4>.shopping-menu>li:hover>.sub-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3%);
    -moz-transform: translateY(3%);
    transform: translateY(3%)
}

.main-nav.style4>.shopping-menu>li.open>.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.main-nav.style5>ul>li {
    margin-left: 38px
}

.main-nav.style5>ul>li>a {
    font-family: Ubuntu, sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 2px
}

.main-nav.style5>ul>li>a .items-counter.style2 {
    top: 0
}

.main-nav.style5 .shopping-menu>li {
    margin-left: 15px
}

.main-nav.shopping-menu.shopping-menu-style1 ul li.icon,
.main-nav.style5 .shopping-menu>li:first-child {
    margin-left: 38px
}

.main-nav.style5 .shopping-menu>li>a {
    display: inline-block;
    width: 39px;
    height: 39px;
    padding: 0!important;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em
}

.main-nav.style5 .shopping-menu>li>a i {
    line-height: 2em
}

.main-nav.style5 .shopping-menu>li>a .items-counter.style2 {
    top: -20%
}

.main-nav.style5 .shopping-menu>li:hover>a {
    background: #ff4d4d;
    border-color: #ff4d4d
}

.main-nav.red-active>ul li.active>a,
.main-nav.red-active>ul>li:not(.icon):hover>a {
    color: #ff4d4d!important
}

.main-nav.active-style4.red-active>ul>li.active:not(.icon)>a,
.main-nav.active-style4.red-active>ul>li.open:not(.icon)>a,
.main-nav.active-style4.red-active>ul>li:hover:not(.shifter-handle):not(.icon)>a,
.sticky-dark .sticky-menu .main-nav ul li:not(.icon):not(.icons).active>a,
.sticky-dark .sticky-menu .main-nav ul li:not(.icon):not(.icons):hover>a {
    color: #ff4d4d
}

.main-nav.active-style1>ul>li.active>a {
    font-weight: 400
}

.main-nav.active-style2>ul>li:not(.icon)>a {
    position: relative
}

.main-nav.active-style2>ul>li:not(.icon)>a:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 37%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out;
    pointer-events: none
}

.main-nav.active-style2>ul>li.active:not(.icon)>a:after,
.main-nav.active-style2>ul>li.open:not(.icon)>a:after,
.main-nav.active-style2>ul>li:hover:not(.icon)>a:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.main-nav.active-style3>ul>li.active:not(.icon)>a,
.main-nav.active-style3>ul>li.open:not(.icon)>a,
.main-nav.active-style3>ul>li:hover:not(.icon)>a {
    position: relative
}

.main-nav.active-style3>ul>li.active:not(.icon)>a:after,
.main-nav.active-style3>ul>li.open:not(.icon)>a:after,
.main-nav.active-style3>ul>li:hover:not(.icon)>a:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.main-nav.active-style4>ul>li.active:not(.icon)>a,
.main-nav.active-style4>ul>li.open:not(.icon)>a,
.main-nav.active-style4>ul>li:hover:not(.icon):not(.shifter-handle)>a {
    position: relative
}

.main-nav.active-style4>ul>li.active:not(.icon)>a:after,
.main-nav.active-style4>ul>li.open:not(.icon)>a:after,
.main-nav.active-style4>ul>li:hover:not(.icon):not(.shifter-handle)>a:after {
    content: '';
    display: inline-block;
    width: 115%;
    min-width: 60px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main-nav.active-style4.red-active>ul>li.active:not(.icon)>a:after,
.main-nav.active-style4.red-active>ul>li.open:not(.icon)>a:after,
.main-nav.active-style4.red-active>ul>li:hover:not(.shifter-handle):not(.icon)>a:after {
    background: #ff4d4d
}

.main-nav.shopping-menu>ul>li>a {
    font-weight: 300
}

.main-nav.shopping-menu.shopping-menu-style1 ul li.icon a {
    text-transform: none
}

.main-nav.shopping-menu.shopping-menu-style1 ul li.icon a>span {
    margin-right: 4px;
    position: relative;
    top: -3px
}

.main-nav.shopping-menu.shopping-menu-style1 ul li.icon a .price:before {
    padding-right: 8px;
    content: '-'
}

.main-nav.align-center ul li {
    float: none;
    display: inline-block
}

.main-nav.align-center ul li:first-child {
    margin-left: 0
}

.main-nav.offcanvas-menu {
    padding-bottom: 40px
}

.main-nav.offcanvas-menu ul {
    padding: 73px 43px 0;
    margin-bottom: 18px
}

.main-nav.offcanvas-menu.mobile-nav {
    padding-top: 21px
}

.main-nav.offcanvas-menu.mobile-nav .logo-container {
    padding-left: 16px;
    margin-top: 21px;
    margin-bottom: 7px
}

.main-nav.offcanvas-menu.mobile-nav ul {
    padding: 0 26px;
    margin: 0
}

.main-nav.offcanvas-menu.mobile-nav ul+ul {
    padding-top: 0;
    border-top: 1px solid #444
}

.main-nav.offcanvas-menu.mobile-nav.white-bg ul+ul {
    border-color: #ddd
}

.main-nav.offcanvas-menu.mobile-nav ul li .sub-menu {
    opacity: 1;
    visibility: visible;
    width: 100%;
    position: relative;
    top: auto!important;
    bottom: auto!important;
    left: auto!important;
    right: auto!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    -webkit-transform: translateX(0) translateY(0)!important;
    -ms-transform: translateX(0) translateY(0)!important;
    transform: translateX(0) translateY(0)!important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.main-nav.offcanvas-menu.mobile-nav ul li>.sub-menu li {
    padding-left: 0!important;
    padding-right: 0!important
}

.main-nav.offcanvas-menu.mobile-nav ul li .sub-menu .menu-column+.menu-column {
    border-top: 1px solid #444
}

.main-nav.offcanvas-menu.mobile-nav.white-bg ul li .sub-menu .menu-column+.menu-column {
    border-top-color: #ddd
}

.main-nav.offcanvas-menu.mobile-nav ul li.mega-menu.full-width .sub-menu .menu-column ul.arrow-list li:not(.column-title) a,
.main-nav.offcanvas-menu.mobile-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul.arrow-list li:not(.column-title) a {
    padding: 17px 14px 16px 27px
}

.main-nav.offcanvas-menu.mobile-nav ul li.mega-menu.full-width .sub-menu .menu-column ul.arrow-list li:not(.column-title) a:before,
.main-nav.offcanvas-menu.mobile-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul.arrow-list li:not(.column-title) a:before {
    content: none
}

.main-nav.offcanvas-menu ul>li {
    float: none;
    margin-left: 0;
    opacity: 0;
    -webkit-transition: .15s all 1ms ease-out;
    -moz-transition: .15s all 1ms ease-out;
    transition: .15s all 1ms ease-out
}

.main-nav.offcanvas-menu>ul>li .sub-menu .menu-column>ul>li>a,
.main-nav.offcanvas-menu>ul>li>.sub-menu>li>.sub-menu>li>a,
.main-nav.offcanvas-menu>ul>li>.sub-menu>li>a,
.main-nav.offcanvas-menu>ul>li>a {
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 10px 14px 10px 18px;
    line-height: 1.5em;
    border-bottom: 1px solid #444;
    position: relative
}

.carousel-caption h1,
.carousel-caption h5,
.channel-detail-time,
.hilight-pr a h3,
.hilight-pr p,
.main-nav.offcanvas-menu.dark-bg ul li a,
.slide-title {
    font-family: Kanit, Sans-Serif
}

.main-nav.offcanvas-menu ul li .sub-menu a {
    text-transform: none!important
}

.main-nav.offcanvas-menu.iconic-items ul>li>a {
    padding-left: 39px
}

.main-nav.offcanvas-menu ul>li>a>i {
    font-size: 1.6em;
    color: #fff
}

.main-nav.offcanvas-menu>ul>li>a>i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-nav.offcanvas-menu>ul>li:last-child a {
    border-bottom: none
}

.main-nav.offcanvas-menu ul li:last-child .sub-menu {
    border-top: 1px solid #ddd!important
}

.main-nav.offcanvas-menu.dark-bg ul li:last-child .sub-menu {
    border-top: 1px solid #444!important
}

.main-nav.offcanvas-menu ul li .sub-menu .menu-column a {
    border-bottom: 1px solid #ddd
}

.main-nav.offcanvas-menu.dark-bg ul li .sub-menu .menu-column a {
    border-color: #444
}

.main-nav.offcanvas-menu ul li .sub-menu li.has-icon a>i,
.main-nav.offcanvas-menu.fullwidth-items>ul>li.has-icon>a>i,
.main-nav.offcanvas-menu.fullwidth-menu>ul>li.has-icon>a>i {
    margin-right: 11px;
    position: relative;
    top: 4px
}

.main-nav.offcanvas-menu>ul>li .sub-menu .container,
.main-nav.offcanvas-menu>ul>li .sub-menu .row,
.main-nav.offcanvas-menu>ul>li .sub-menu li .menu-column ul {
    padding: 0;
    margin: 0
}

.offcanvas-menu-right .main-nav.offcanvas-menu .logo-container,
.offcanvas-menu-right .main-nav.offcanvas-menu .search-form,
.offcanvas-menu-right .main-nav.offcanvas-menu ul>li {
    transform: translateX(7%);
    -ms-transform: translateX(7%);
    -webkit-transform: translateX(7%)
}

.offcanvas-menu-left .main-nav.offcanvas-menu .logo-container,
.offcanvas-menu-left .main-nav.offcanvas-menu .search-form,
.offcanvas-menu-left .main-nav.offcanvas-menu ul>li {
    transform: translateX(-7%);
    -ms-transform: translateX(-7%);
    -webkit-transform: translateX(-7%)
}

.main-nav.offcanvas-menu.dark-bg {
    background: #0A2139!important
}

.main-nav.offcanvas-menu.dark-bg ul li a {
    color: #CCC!important
}

.main-nav.offcanvas-menu.white-bg {
    background: #fff
}

.main-nav.offcanvas-menu.white-bg ul li a {
    border-bottom-color: #ddd!important
}

.main-nav.offcanvas-menu.white-bg>ul>li a {
    color: #444!important
}

.main-nav.offcanvas-menu>ul>li .sub-menu {
    position: relative;
    top: auto;
    left: auto!important;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: inherit;
    background: 0 0!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-nav.offcanvas-menu>ul>li .sub-menu li>.container {
    width: auto
}

.main-nav.offcanvas-menu>ul>li .sub-menu li .menu-column {
    float: none;
    padding: 0
}

.main-nav.offcanvas-menu.dark-bg>ul>li .sub-menu li a {
    background: #333
}

.main-nav.offcanvas-menu.white-bg>ul>li .sub-menu li a {
    background: #f9f9f9
}

.main-nav.offcanvas-menu.fullwidth-items>ul {
    padding-right: 0;
    padding-left: 0
}

.main-nav.offcanvas-menu.fullwidth-items ul .dropdown>a {
    position: relative
}

.main-nav.offcanvas-menu.fullwidth-items ul .dropdown>a:after,
.main-nav.offcanvas-menu.fullwidth-items ul .dropdown>a:before {
    display: inline-block;
    background: #ccc;
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s ease;
    content: ''
}

.main-nav.offcanvas-menu.fullwidth-items ul .dropdown>a:after {
    width: 13px;
    height: 1px;
    right: 14px;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-nav.offcanvas-menu.fullwidth-items ul .dropdown>a:before {
    width: 1px;
    height: 13px;
    right: 20px;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-nav.offcanvas-menu.fullwidth-items ul .dropdown.open>a:before {
    -webkit-transform: translateY(-50%) rotateZ(270deg);
    -ms-transform: translateY(-50%) rotateZ(270deg);
    transform: translateY(-50%) rotateZ(270deg)
}

.main-nav.offcanvas-menu.fullwidth-items.white-bg ul .dropdown>a:after,
.main-nav.offcanvas-menu.fullwidth-items.white-bg ul .dropdown>a:before {
    background: #666
}

.main-nav.offcanvas-menu.mobile-nav ul li .sub-menu,
.main-nav.offcanvas-menu>ul li.icon {
    display: none
}

.main-nav.offcanvas-menu.fullwidth-items .search-form {
    width: 240px
}

.main-nav.offcanvas-menu .search-form {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 216px;
    margin-top: 25px!important
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 .search-form {
    width: 240px
}

.main-nav.offcanvas-menu .search-form input[type=search] {
    display: inline-block;
    width: 100%;
    height: 59px;
    padding: 16px 40px 16px 16px;
    margin: 0 auto;
    color: #fff;
    border: 1px solid #333;
    background: 0 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-nav.offcanvas-menu.white-bg .search-form input[type=search] {
    color: #444
}

.main-nav.offcanvas-menu .search-form input[type=search]:active,
.main-nav.offcanvas-menu .search-form input[type=search]:focus {
    border-color: #666
}

.main-nav.offcanvas-menu .search-form input[type=submit] {
    font-family: knight;
    font-size: 1.4em;
    text-align: center;
    background: 0 0;
    border: none;
    color: #666;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 59px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-nav.offcanvas-menu.mobile-nav.fullwidth-menu,
.main-nav.offcanvas-menu.mobile-nav.fullwidth-menu .search-form input[type=search] {
    width: 100%
}

.main-nav.offcanvas-menu .search-form input[type=submit]:hover {
    color: #fff
}

.main-nav.offcanvas-menu.mobile-nav.white-bg .search-form input[type=submit],
.main-nav.offcanvas-menu.white-bg .search-form input[type=submit]:hover {
    color: #444
}

.main-nav.offcanvas-menu.mobile-nav.white-bg .search-form input[type=search] {
    border-color: #ddd;
    color: #444
}

.main-nav.offcanvas-menu.mobile-nav.white-bg .search-form input[type=search]:focus {
    border-color: #bbb
}

.mobile-header-wrapper.style2.dark-bg .search-form-trigger,
.sticky-dark .sticky-menu .main-nav ul li a {
    color: #fff
}

.main-nav.offcanvas-menu.mobile-nav.fullwidth-menu>ul>li>.sub-menu li>a,
.main-nav.offcanvas-menu.mobile-nav.fullwidth-menu>ul>li>a {
    padding: 15px 27px 16px
}

.main-nav.offcanvas-menu.mobile-nav.fullwidth-menu .search-form {
    width: 100%;
    margin: 0;
    padding: 0 26px
}

.main-nav.offcanvas-menu.mobile-nav.fullwidth-menu .search-form input[type=submit] {
    right: 26px
}

body.offcanvas-menu-right.shifter-open .main-header.style1 .main-header-inner {
    padding-right: 27px
}

body.shifter-open .main-nav.offcanvas-menu .logo-container,
body.shifter-open .main-nav.offcanvas-menu .search-form,
body.shifter-open .main-nav.offcanvas-menu li {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 {
    padding-top: 57px
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 .sub-menu,
.main-nav.offcanvas-menu.offcanvas-menu-style2 .sub-menu li,
.main-nav.offcanvas-menu.offcanvas-menu-style2 ul {
    padding: 0!important;
    position: relative!important;
    top: auto!important;
    left: auto!important;
    bottom: auto!important;
    right: auto!important;
    -webkit-transform: translateY(0) translateX(0)!important;
    -ms-transform: translateY(0) translateX(0)!important;
    transform: translateY(0) translateX(0)!important;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 .logo-container {
    width: 215px;
    text-align: center;
    margin: 0 auto 26px
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 ul .sub-menu {
    opacity: 1;
    visibility: visible;
    padding: 0;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 ul .menu-column {
    width: 100%!important
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 ul .dropdown>a:after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 ul .dropdown>a:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #ccc;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 ul .dropdown.open>a:before {
    -webkit-transform: translateY(-50%) rotateZ(270deg);
    -ms-transform: translateY(-50%) rotateZ(270deg);
    transform: translateY(-50%) rotateZ(270deg)
}

.main-nav.offcanvas-menu.offcanvas-menu-style2.white-bg ul .dropdown>a:after,
.main-nav.offcanvas-menu.offcanvas-menu-style2.white-bg ul .dropdown>a:before {
    background: #666
}

.main-nav.offcanvas-menu.offcanvas-menu-style2 ul li li a {
    text-transform: none;
    padding-top: 15px;
    padding-bottom: 15px
}

.shifter-handle {
    display: block;
    margin: 0;
    padding: 0;
    border: 0
}

.shifter-handle:hover {
    background: 0 0
}

.shifter-handle.style1 {
    float: right;
    margin-top: 27px
}

.shifter-handle.style1 .bars {
    display: inline-block;
    width: 25px;
    height: 20px;
    cursor: pointer
}

.shifter-handle.style1 .bars span {
    display: inline-block;
    width: 25px;
    height: 3px;
    float: left;
    background: #fff;
    margin-top: 5px;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.shifter-handle.dark-handle .bars span {
    background: #222
}

.shifter-handle.style2 .bars span,
.shifter-handle.style3 .bars span {
    display: inline-block;
    background: #fff;
    -webkit-transition: .3s all 1ms ease-out;
    float: left
}

.shifter-handle.style1 .bars span:first-child {
    margin-top: 0
}

.shifter-handle.style2 .bars {
    display: inline-block;
    width: 18px;
    height: 15px;
    cursor: pointer
}

.shifter-handle.style2 .bars span {
    width: 18px;
    height: 3px;
    margin-top: 3px;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.shifter-handle.style2 .bars span:first-child {
    margin-top: 0
}

.shifter-handle.style3 .bars {
    display: inline-block;
    width: 20px;
    height: 16px;
    cursor: pointer;
    position: relative;
    bottom: 3px
}

.shifter-handle.style3 .bars span {
    width: 20px;
    height: 3px;
    margin-top: 3px;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.header-slider .tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0
}

.header-slider .tp-banner {
    width: 100%;
    position: relative
}

.mobile-header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    padding: 10px 24px
}

.mobile-header-wrapper.style1 .logo-container {
    float: left
}

.mobile-header-wrapper.style2 {
    padding: 10px 25px;
    background-color: rgba(255, 255, 255, .88)!important
}

.mobile-header-wrapper.style2 .shifter-handle {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobile-header-wrapper.style2.white-bg .shifter-handle span {
    background: #444
}

.mobile-header-wrapper.style2 .logo-container {
    float: none;
    display: block;
    width: 95px;
    margin: 0 auto;
    text-align: center
}

.mobile-header-wrapper.style2 .search-form-trigger {
    font-size: 1.4em;
    position: absolute;
    top: 52%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobile-header-wrapper.style2 .search-form-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none
}

.mobile-header-wrapper.style2 .search-form-wrapper form {
    display: inline-block;
    width: 100%;
    height: 100%
}

.mobile-header-wrapper.style2 .search-form-wrapper form input[type=search] {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 2em;
    line-height: 1.5em;
    padding: 40px
}

.mobile-header-wrapper.style2.white-bg .search-form-wrapper form input[type=search] {
    background: #fff
}

.mobile-header-wrapper.style2 .search-form-wrapper .search-form-close-trigger {
    font-size: 2em;
    line-height: 1em;
    display: inline-block;
    position: absolute;
    top: 52%;
    right: 24px;
    cursor: pointer;
    padding-top: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shifter-enabled.mobile-header-style2 .main-nav.offcanvas-menu.mobile-nav {
    margin-top: 113px;
    padding-top: 0
}

.mobile-header-style2 .main-nav.offcanvas-menu {
    z-index: 2;
    -webkit-transform: translate3D(-100%, 0, 0);
    -ms-transform: translate3D(-100%, 0, 0);
    transform: translate3D(-100%, 0, 0)
}

.mobile-header-style2.offcanvas-menu-right .main-nav.offcanvas-menu {
    -webkit-transform: translate3D(100%, 0, 0);
    -ms-transform: translate3D(100%, 0, 0);
    transform: translate3D(100%, 0, 0)
}

.mobile-header-style2.shifter-open .main-nav.offcanvas-menu {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.sticky-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(255, 255, 255, .88);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease
}

.sticky-menu.slideDown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.sticky-menu>.container {
    display: table;
    height: 100%
}

.sticky-menu>.container>div {
    display: table-cell;
    height: 100%;
    float: none;
    vertical-align: middle
}

.sticky-menu .shifter-handle {
    text-align: right
}

.sticky-menu .shifter-handle .bars {
    display: table-cell;
    height: 100%
}

.sticky-menu .sticky-logo-container {
    padding: 8px 0
}

.sticky-menu .sticky-logo-container img {
    max-height: 90px
}

.sticky-menu .main-nav {
    float: right;
    height: 100%
}

.sticky-menu .main-nav ul .mega-menu.multi-column>.sub-menu {
    left: auto!important
}

.sticky-menu .main-nav>ul,
.sticky-menu .main-nav>ul .shopping-menu,
.sticky-menu .main-nav>ul .shopping-menu>li,
.sticky-menu .main-nav>ul .shopping-menu>li>a,
.sticky-menu .main-nav>ul>li,
.sticky-menu .main-nav>ul>li>a {
    height: 100%
}

.sticky-menu .main-nav>ul,
.sticky-menu .main-nav>ul .shopping-menu {
    float: left;
    display: table-cell
}

.sticky-menu .main-nav>ul .shopping-menu,
.sticky-menu .main-nav>ul .shopping-menu>li,
.sticky-menu .main-nav>ul>li {
    display: table;
    height: 100%
}

.sticky-menu .main-nav>ul .shopping-menu>li>a,
.sticky-menu .main-nav>ul>li>a {
    display: table-cell;
    vertical-align: middle;
    padding: 18px 0;
    font-weight: 400
}

.sticky-menu .main-nav .icons>ul,
.sticky-menu .main-nav .icons>ul>li,
.sticky-menu .main-nav .icons>ul>li>a {
    height: 100%
}

.sticky-menu .main-nav .icons>ul>li {
    display: table
}

.sticky-menu .main-nav .icons>ul>li>a {
    display: table-cell;
    vertical-align: middle
}

.hit-pic-no,
.img-app,
.live .box1 {
    vertical-align: top
}

.sticky-menu .main-nav>ul>li:not(.icon)>a>i {
    display: none
}

.sticky-menu .main-nav .icons>ul:after,
.sticky-menu .main-nav .icons>ul:before {
    content: " ";
    display: table
}

.sticky-menu .main-nav .expandable-search-form,
.sticky-menu .main-nav .icon-cart .cart-quantity .items-counter.style1,
.sticky-menu .main-nav .icon-cart .price,
.sticky-menu .main-nav .socials,
.sticky-menu .shifter-handle {
    display: none
}

.sticky-menu .main-nav ul li.icon-cart {
    float: right
}

.sticky-menu .main-nav ul li.icon-cart .basket-icon {
    margin-right: 0
}

.sticky-dark .sticky-menu {
    background: rgba(34, 34, 34, .9)
}

.sticky-light .sticky-menu {
    background: #fff
}

.shifter-open .sticky-menu {
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px)
}

.shifter-left.shifter-open .sticky-menu {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px)
}

.portfolio-container {
    overflow: hidden
}

.portfolio-container .portfolio-filter-container ul li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 10px
}

.portfolio-container .portfolio-filter-container ul li:last-child {
    margin-right: 0
}

.portfolio-container .portfolio-filter-container ul li span {
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 11px 24px;
    border: 1px solid #676767;
    cursor: pointer;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.portfolio-container .portfolio-filter-container ul li.active span,
.portfolio-container .portfolio-filter-container ul li:hover span {
    background: #444;
    color: #fff
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style2 .portfolio-filter.active span,
.portfolio-container .portfolio-filter-container.portfolio-filter-container-style2 .portfolio-filter:hover span {
    background: #ff4d4d;
    border-color: #ff4d4d;
    color: #fff
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 {
    text-align: center
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3>p {
    display: inline-block;
    margin-right: 25px;
    font-weight: 300
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 ul {
    display: inline-block
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 ul li {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 ul li:after {
    content: '/';
    margin-left: 15px
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 ul li:last-child:after {
    content: none
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 ul li span {
    font-family: Ubuntu, sans-serif;
    font-weight: 300;
    text-transform: none;
    padding: 0;
    border: none
}

.btn-watchnow,
.connect-txt,
.slide-title {
    text-transform: uppercase
}

.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 ul li.active span,
.portfolio-container .portfolio-filter-container.portfolio-filter-container-style3 ul li:hover span {
    background: 0 0;
    color: inherit;
    font-weight: 400;
    border-bottom: 1px solid #444
}

.portfolio-item-container,
.portfolio-item-container2,
.portfolio-item-container3,
.portfolio-item-container4,
.portfolio-item-container5,
.portfolio-item-container6,
.portfolio-item-container7,
.portfolio-item-container8 {
    border: 1px solid #dddfe1;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    background-color: #FFF
}

.portfolio-container .portfolio-item-wrapper {
    -webkit-transition: .75s all 1ms ease-out;
    -moz-transition: .75s all 1ms ease-out;
    transition: .75s all 1ms ease-out;
    margin: 0
}

.portfolio-item-container {
    height: 465px
}

.portfolio-item-container2,
.portfolio-item-container3 {
    height: 360px
}

.portfolio-item-container4 {
    height: 230px
}

.portfolio-item-container5 {
    min-height: 460px
}

.portfolio-item-container6 {
    height: 200px
}

.portfolio-item-container7,
.portfolio-item-container8 {
    height: 230px
}

.portfolio-container .portfolio-item-wrapper .portfolio-item {
    width: 100%;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.portfolio-container .portfolio-item-wrapper .portfolio-item figure {
    position: relative;
    width: 100%
}

.portfolio-container .portfolio-item-wrapper .portfolio-item figure img {
    width: 100%
}

.portfolio-container .portfolio-item-wrapper .portfolio-item figure .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.portfolio-container .portfolio-item-wrapper .portfolio-item .overlay a {
    display: inline-block;
    width: 58px;
    height: 58px;
    color: #fff;
    background: 0 0;
    text-align: center;
    position: relative;
    margin: 0 3px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em
}

.portfolio-container .portfolio-item-wrapper .portfolio-item .overlay a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    font-size: 38px;
    padding-left: 5px;
    padding-bottom: 3px
}

.portfolio-container .portfolio-item-wrapper .portfolio-item .overlay a.icon-link i {
    font-size: 26px
}

.portfolio-container .portfolio-item-wrapper .portfolio-item .overlay a.icon-zoom i,
.portfolio-project-details .project-info .related-project-container .related-project figure .overlay a i {
    font-size: 1.3em
}

.portfolio-container .portfolio-item-wrapper .portfolio-item .overlay a.icon-zoom {
    -webkit-transition: .4s all .2s cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all .2s cubic-bezier(.89, .75, .52, .91);
    transition: .4s all .2s cubic-bezier(.89, .75, .52, .91)
}

.portfolio-container .portfolio-item-wrapper .portfolio-item .overlay a:hover {
    color: #fff
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style1 .portfolio-item {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 9px 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 9px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 0 9px 6px rgba(0, 0, 0, .2);
    opacity: .8;
    cursor: pointer
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style1 .portfolio-item .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style1 .portfolio-item .overlay a {
    opacity: 1;
    visibility: visible
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style1 .portfolio-item:hover {
    opacity: 1
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 {
    margin-bottom: 40px
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item {
    border: 1px solid #ddd
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item figure .overlay {
    text-align: center;
    width: 100%
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item figure .overlay a {
    transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -webkit-transform: translateY(-15%)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
    padding: 35px 30px 27px;
    color: #444;
    -webkit-transition: .5s all 1ms ease-out;
    -moz-transition: .5s all 1ms ease-out;
    transition: .5s all 1ms ease-out;
    background: #fff
}

#slider-next01,
#slider-prev01,
.jssora21l,
.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay a {
    -webkit-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details .portfolio-item-name {
    margin-bottom: 15px
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details a,
.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details h4,
.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details h6 {
    color: #444;
    margin-bottom: 0
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details a:hover {
    color: #ff4d4d
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay {
    text-align: right;
    margin-top: 12px
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay a {
    opacity: 0;
    visibility: hidden;
    transform: translateX(15%);
    -ms-transform: translateX(15%);
    -webkit-transform: translateX(15%);
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay a.icon-link {
    -webkit-transition: .4s all .2s cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all .2s cubic-bezier(.89, .75, .52, .91);
    transition: .4s all .2s cubic-bezier(.89, .75, .52, .91)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay a.icon-zoom {
    -webkit-transition: .4s all 0s cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 0s cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 0s cubic-bezier(.89, .75, .52, .91)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover figure .overlay a {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover .portfolio-item-details {
    background: #444;
    color: #fff
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover .portfolio-item-details a:hover,
.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover .portfolio-item-details h4,
.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover .portfolio-item-details h6 {
    color: #fff
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover .overlay a {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover .overlay a.icon-link {
    -webkit-transition: .4s all 0s cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 0s cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 0s cubic-bezier(.89, .75, .52, .91)
}

.portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item:hover .overlay a.icon-zoom {
    -webkit-transition: .4s all .2s cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all .2s cubic-bezier(.89, .75, .52, .91);
    transition: .4s all .2s cubic-bezier(.89, .75, .52, .91)
}

.portfolio-container.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 {
    margin-bottom: 25px
}

.portfolio-container.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
    padding: 25px 15px 22px
}

.portfolio-container.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details .portfolio-item-name {
    margin-bottom: 10px
}

.portfolio-container.columns4 .portfolio-item-wrapper.portfolio-item-wrapper-style2 {
    margin-bottom: 25px
}

.portfolio-container.columns4 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
    padding: 10px 10px 6px
}

.portfolio-container.columns4 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details .portfolio-item-name {
    margin-bottom: 10px
}

.portfolio-container.portfolio-fullwidth.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2,
.portfolio-container.portfolio-fullwidth.columns4 .portfolio-item-wrapper.portfolio-item-wrapper-style2 {
    margin-bottom: 40px
}

.portfolio-container.columns5 .portfolio-item-container {
    float: left;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px
}

.portfolio-container.portfolio-fullwidth.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
    padding: 35px 30px 27px
}

.portfolio-container.portfolio-fullwidth.columns4 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
    padding: 35px 20px 31px
}

.portfolio-container.portfolio-fullwidth.columns5 .portfolio-item-wrapper.portfolio-item-wrapper-style2 {
    margin-bottom: 30px
}

.portfolio-container.portfolio-fullwidth.columns5 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
    padding: 25px 15px 27px
}

.portfolio-container.portfolio-fullwidth.columns5.no-gap .portfolio-item-wrapper .portfolio-item-container {
    padding: 0
}

.portfolio-container.portfolio-fullwidth.columns6 .portfolio-item-wrapper.portfolio-item-wrapper-style2 {
    margin-bottom: 25px
}

.portfolio-container.portfolio-fullwidth.columns6 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
    padding: 23px 13px 18px
}

.portfolio-container.portfolio-grayscale .portfolio-item figure img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.portfolio-container.portfolio-grayscale .portfolio-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.portfolio-container.no-gap {
    margin-left: -15px;
    margin-right: -15px
}

.portfolio-container.no-gap .portfolio-item-container {
    padding: 0;
    margin: 0
}

.portfolio-container.portfolio-fullwidth {
    margin: 0
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #eee;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container {
    position: relative
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:after,
.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:before,
.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:after,
.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:before {
    content: '';
    display: inline-block;
    position: absolute;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:before,
.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:before {
    width: 21px;
    height: 21px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:after,
.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:after {
    width: 11px;
    height: 11px;
    background: #ff4d4d;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:before {
    transform: translateX(10px);
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px)
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:after {
    transform: translateX(5px) translateY(5px);
    -ms-transform: translateX(5px) translateY(5px);
    -webkit-transform: translateX(5px) translateY(5px)
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:after,
.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:before {
    top: 50px;
    right: 0
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:hover:after {
    transform: translateX(5px) translateY(5px) scale(1.2);
    -ms-transform: translateX(5px) translateY(5px) scale(1.2);
    -webkit-transform: translateX(5px) translateY(5px) scale(1.2)
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:before {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px)
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:after {
    transform: translateX(-5px) translateY(5px);
    -ms-transform: translateX(-5px) translateY(5px);
    -webkit-transform: translateX(-5px) translateY(5px)
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:after,
.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:before {
    top: 90px;
    left: 0
}

.portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.right-positioned:hover:after {
    transform: translateX(-5px) translateY(5px) scale(1.2);
    -ms-transform: translateX(-5px) translateY(5px) scale(1.2);
    -webkit-transform: translateX(-5px) translateY(5px) scale(1.2)
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item {
    height: 100%;
    border: none;
    position: relative;
    overflow: hidden
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item figure {
    height: 100%;
    overflow: hidden
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item figure img {
    width: 100%;
    height: auto
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details {
    position: absolute;
    bottom: 33px;
    left: 0;
    color: #fff;
    padding: 50px 30px 25px;
    margin-right: 33px;
    margin-left: 33px;
    background: rgba(0, 0, 0, .9);
    opacity: 0;
    visibility: hidden;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    transform: translateY(10%) scale(.9);
    -ms-transform: translateY(10%) scale(.9);
    -webkit-transform: translateY(10%) scale(.9);
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details .portfolio-item-name,
.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details a,
.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details p {
    color: #fff
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details a:hover {
    color: #ff4d4d
}

.portfolio-project-details .project-info .project-details h6,
.portfolio-project-details .project-info .project-details span,
.portfolio-project-details .project-info .project-name h4,
.portfolio-project-details .project-info .project-name h6 {
    color: #444
}

.portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item:hover .portfolio-item-details {
    background: rgba(0, 0, 0, .9);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1)
}

.portfolio-project-details .project-info .project-name h6 {
    margin-bottom: 26px
}

.portfolio-project-details .project-info .project-desc {
    margin-bottom: 33px
}

.portfolio-project-details .project-info .project-details {
    margin-bottom: 34px
}

.portfolio-project-details .project-info .project-details span {
    font-style: italic;
    font-weight: 400
}

.portfolio-project-details .project-info .related-project-container h6 {
    background: #f9f9f9;
    padding: 19px 25px
}

.portfolio-project-details .project-info .related-project-container .related-project {
    margin-right: -5px
}

.portfolio-project-details .project-info .related-project-container .related-project figure {
    padding: 0 5px 0 0;
    margin-bottom: 5px
}

.portfolio-project-details .related-project-container .related-project figure {
    padding: 0
}

.portfolio-project-details .related-project-container .related-project figure img {
    width: 100%
}

.portfolio-project-details figure {
    overflow: hidden
}

.portfolio-project-details figure .overlay {
    display: inline-block;
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(255, 255, 255, .55);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.portfolio-project-details figure .overlay a {
    color: #444;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-80%);
    -ms-transform: translateX(-50%) translateY(-80%);
    -webkit-transform: translateX(-50%) translateY(-80%)
}

.portfolio-project-details figure .overlay a i {
    font-size: 1.8em
}

.portfolio-project-details figure:hover .overlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.portfolio-project-details figure:hover .overlay a {
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.portfolio-project-details.single-column-image .project-image figure {
    margin-bottom: 60px
}

.portfolio-project-details.single-column-image .project-image-carousel {
    position: relative
}

.portfolio-project-details.single-column-image .project-image-carousel figure {
    margin-bottom: 0;
    transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.portfolio-project-details.single-column-image .project-image-carousel .owl-controls .owl-nav div {
    position: absolute;
    top: 50%;
    z-index: 10;
    font-weight: 700;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    padding-top: 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.portfolio-project-details.single-column-image .project-image-carousel .owl-controls .owl-nav div i {
    font-size: 1.5em
}

.portfolio-project-details.single-column-image .project-image-carousel .owl-controls .owl-nav .owl-prev {
    left: 20px
}

.portfolio-project-details.single-column-image .project-image-carousel .owl-controls .owl-nav .owl-next {
    float: right;
    right: 20px
}

.portfolio-project-details.single-column-image .project-image-carousel .owl-controls .owl-nav div:hover {
    background: #fff;
    color: #444
}

.portfolio-project-details.single-column-image.single-column-image-fullwidth .project-image {
    margin-bottom: 15px
}

.portfolio-project-details.single-column-image.single-column-image-fullwidth .project-image figure {
    margin-bottom: 50px
}

.portfolio-project-details.single-column-image.single-column-image-fullwidth .project-info .project-name {
    margin-bottom: 0
}

.portfolio-project-details.single-column-image.single-column-image-fullwidth .project-info .project-name h6 {
    margin-bottom: 16px
}

.portfolio-project-details.multi-column-image .project-image figure {
    margin-bottom: 35px
}

.portfolio-project-details.multi-column-image.multi-column-image-fullwidth .project-image {
    margin-bottom: 15px
}

.main-footer .footer-bottom-bar p,
.main-footer .footer-nav.style1 ul,
.main-footer .widget-socials ul {
    margin-bottom: 0
}

.portfolio-project-details.info-right .project-info {
    float: right
}

.main-footer {
    border-bottom: 1px solid #333;
    color: #666;
    font-weight: 400
}

.main-footer .footer-nav {
    float: right;
    padding-top: 13px
}

.main-footer .footer-nav ul li {
    display: inline-block
}

.main-footer .footer-nav ul li a {
    color: #666;
    -webkit-transition: .3s all 1ms ease-out;
    -moz-transition: .3s all 1ms ease-out;
    transition: .3s all 1ms ease-out
}

.main-footer .footer-nav ul li a:hover,
.main-footer .footer-nav ul li.active a {
    color: #ff4c4c
}

.main-footer .footer-nav.style1 ul li {
    margin-left: 30px
}

.main-footer .footer-nav.style1 ul li a {
    font-family: Raleway, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.logintxt,
.welcometxt {
    font-family: Tahoma, sans-serif
}

.main-footer .footer-nav.style2 ul li {
    margin-left: 28px
}

.main-footer .footer-bottom-bar {
    border-top: 1px solid #333;
    padding-top: 28px;
    padding-bottom: 25px
}

.main-footer .footer-bottom-bar .widget {
    font-size: 15px;
    margin-top: -5px
}

.main-footer .footer-bottom-bar .widget.widget-socials-style1 {
    margin-top: 4px
}

.main-footer .footer-bottom-bar .copyright {
    display: block;
    text-align: center
}

.main-footer .footer-bottom-bar .socials-container {
    display: block;
    text-align: center;
    width: 100%
}

.main-footer .footer-bottom-bar .socials-container p {
    display: inline-block;
    float: left;
    margin-right: 12px
}

.main-footer .footer-bottom-bar.align-center .copyright,
.main-footer .footer-bottom-bar.align-center .socials-container,
.main-footer .footer-bottom-bar.align-center .widget,
.main-footer .footer-bottom-bar.footer-bottom-bar-style2 .copyright,
.main-footer .footer-bottom-bar.footer-bottom-bar-style2 .socials-container,
.main-footer .footer-bottom-bar.footer-bottom-bar-style2 .widget {
    float: none
}

.main-footer .footer-bottom-bar.footer-bottom-bar-style2 .widget.widget-socials-style1 {
    margin-top: inherit
}

.main-footer .footer-bottom-bar.footer-bottom-bar-style2 .widget.widget-socials-style3 ul li a {
    border-color: #454545
}

.main-footer .footer-bottom-bar.footer-bottom-bar-style2 .widget.widget-socials-style3 ul li a:hover {
    color: #fff!important;
    background: #ff4d4d;
    border-color: #ff4d4d
}

.main-footer .footer-bottom-bar.footer-bottom-bar-style2 .socials-container p {
    display: inline-block;
    margin-right: inherit
}

.main-footer .widget-socials {
    display: inline-block
}

.main-footer .widget-socials ul li {
    float: left
}

.main-footer .widget-socials ul li a {
    color: #666
}

.main-footer .widget-socials ul li a:hover {
    color: #fff
}

.main-footer .widget-socials.widget-socials-big ul li {
    margin-left: 22px
}

.main-footer .widget-socials.widget-socials-big ul li a i {
    font-size: 1.65em;
    position: relative;
    top: 10px
}

.main-footer .widget-socials.widget-socials-big ul li:first-child {
    margin-left: 0
}

.t {
    border: 1px solid red
}

#slider-prev01,
.circle-play-ic {
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em
}

.circle-play-ic {
    float: left;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 1px;
    padding-left: 1px;
    margin-left: 5px;
    border-radius: 50em;
    border: 1px solid #FFF;
    background-color: #667383;
    font-size: 28px
}

.padding0 {
    padding-left: 0;
    padding-right: 0
}

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

.padding3 {
    padding-left: 3px;
    padding-right: 3px
}

.whitetxt-link {
    color: #FFF;
    text-decoration: none
}

.whitetxt-link:hover {
    color: #3ec2ff
}

.topbar-special-bx {
    background-color: #455668;
    display: block;
    padding: 5px;
    font-size: 24px
}

.topbar-special-bx span {
    font-size: 17px
}

.profilepic {
    width: 60px;
    height: 60px
}

.welcometxt {
    font-size: 14px;
    line-height: 1.4
}

.welcomename {
    color: #ccc
}

.bg-main {
    background-color: #F6F8FA
}

.left-wrapper-index {
    width: 17%;
    float: left;
    position: relative
}

.right-wrapper-index {
    width: 100%;
    float: left;
    position: relative
}

.left-logo-bx {
    float: left;
    width: 10%
}

.logo-animate {
    width: 157px;
    height: 120px;
    background-image: url(../images/3.png);
    -webkit-animation: play 3s steps(43) 3s 1 normal backwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: play 3s steps(43) 3s 1 normal backwards;
    animation: play 3s steps(43) 3s 1 normal backwards;
    animation-iteration-count: infinite
}

@-webkit-keyframes play {
    0% {
        background-position: 0
    }
    100%,
    50% {
        background-position: -6794px
    }
}

@-moz-keyframes play {
    0% {
        background-position: 0
    }
    100%,
    50% {
        background-position: -6794px
    }
}

@-ms-keyframes play {
    0% {
        background-position: 0
    }
    100%,
    50% {
        background-position: -6794px
    }
}

@-o-keyframes play {
    0% {
        background-position: 0
    }
    100%,
    50% {
        background-position: -6794px
    }
}

@keyframes play {
    0% {
        background-position: 0
    }
    100%,
    50% {
        background-position: -6794px
    }
}

.right-menu-bx {
    float: left;
    width: 90%;
    margin-top: 20px
}

.banner {
    position: absolute;
    width: 100%;
    height: auto;
    top: 210px
}

#banner_l {
    left: 0
}

.channel-bar {
    height: 70px;
    background-color: #D3D6DB;
    margin-top: 1px;
    text-indent: -9999px;
    transition: all .2s;
    margin-bottom: 20px
}

#slider-next01,
#slider-prev01,
.jssora21l {
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91)
}

.channel-bar li {
    width: 25%;
    height: 70px;
    border-left: 1px solid #fff;
    float: left
}

.channel-bar li:last-child {
    border-right: 1px solid #fff
}

.channel-bar.menu1 {
    width: 100%;
    height: 67px;
    background: url(../images/channel-btn-showall1.gif) center top no-repeat
}

.active .channel-bar.menu1,
.channel-bar a:hover .channel-bar.menu1 {
    background: url(../images/channel-btn-showall2.gif) center top no-repeat;
    border-bottom: 5px solid #1b416a
}

.channel-bar.menu2 {
    width: 100%;
    height: 67px;
    background: url(../images/channel-btn-hd1.png) center top no-repeat
}

.active .channel-bar.menu2,
.channel-bar a:hover .channel-bar.menu2 {
    background: url(../images/channel-btn-hd2.png) center top no-repeat;
    border-bottom: 5px solid #4455d7
}

.channel-bar.menu3 {
    width: 100%;
    height: 67px;
    background: url(../images/channel-btn-sd1.png) center top no-repeat
}

.active .channel-bar.menu3,
.channel-bar a:hover .channel-bar.menu3 {
    background: url(../images/channel-btn-sd2.png) center top no-repeat;
    border-bottom: 5px solid #09ad4c
}

.channel-bar.menu4 {
    width: 100%;
    height: 67px;
    background: url(../images/channel-btn-family1.png) center top no-repeat
}

.active .channel-bar.menu4,
.channel-bar a:hover .channel-bar.menu4 {
    background: url(../images/channel-btn-family2.png) center top no-repeat;
    border-bottom: 5px solid #e8332c
}

.carousel-inner .item {
    background: top center no-repeat;
    background-size: cover;
    height: 530px
}

#slider-next01,
#slider-prev01 {
    background: 0 0;
    font-size: 36px;
    width: 50px;
    height: 50px;
    top: 45%;
    position: absolute;
    text-align: center;
    padding-top: 3px
}

#slider-next01:hover,
#slider-prev01:hover,
.btn-watchnow {
    background-color: #FE4B33
}

#slider-prev01 {
    left: 18%;
    border-radius: 50em;
    border: 2px solid #fff;
    padding-right: 4px
}

#slider-next01,
.jssora21l {
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em
}

#slider-next01 a,
#slider-prev01 a {
    color: #fff
}

#slider-next01 {
    right: 18%;
    border-radius: 50em;
    border: 2px solid #fff;
    padding-left: 4px
}

.carousel-caption h1 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    color: #fff
}

.caption-link {
    text-decoration: none;
    color: #fff
}

.caption-link:hover {
    text-decoration: none;
    color: #2b2b2b
}

.carousel-caption h5 {
    font-size: 25px;
    margin-bottom: -2px;
    text-align: left
}

.carousel-caption p {
    font-size: 18px;
    margin-top: -5px;
    line-height: 1.13;
    text-align: left
}

.btn-watchnow {
    color: #FFF!important;
    padding: 13px 20px;
    font-size: 26px;
    float: left
}

.btn-watchnow:hover {
    color: #FFF;
    background-color: #ca3d2a
}

.jssora21l,
.jssora21r {
    background: 0 0;
    font-size: 36px;
    width: 50px;
    top: 45%;
    position: absolute;
    padding-top: 3px;
    text-align: center;
    height: 50px
}

.channel-detail-time,
.channel-detail-txt {
    font-size: 20px;
    color: #000;
    line-height: .8
}

.margin-content {
    margin-top: 150px;
    margin-left: 10px
}

.channel,
.channel-detail-txt {
    margin-top: 0
}

.channel {
    float: right;
    padding-left: 60px
}

.jssora21l {
    display: block;
    cursor: pointer;
    overflow: hidden;
    left: 100%;
    border-radius: 50em;
    border: 2px solid #fff;
    padding-right: 4px
}

.jssora21r {
    right: 100%;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    border: 2px solid #fff;
    -webkit-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    padding-left: 4px
}

.jssora21l:hover,
.jssora21r:hover {
    background-color: #FE4B33
}

.livenow-bx {
    width: 10%;
    float: left
}

.nowshow-bx {
    width: 30%;
    float: left
}

.channel-bx {
    width: 17.5%;
    float: left;
    margin-right: 3%
}

.hd-bx {
    background-color: #2133b6;
    height: 50px;
    text-align: center
}

.sd-bx {
    background-color: #09ae4e;
    height: 50px;
    text-align: center
}

.family-bx {
    background-color: #e83230;
    height: 50px;
    text-align: center
}

.channel-detail-bx {
    width: 77%;
    float: left
}

.channel-detail-txt span {
    font-size: 12px;
    color: #666;
    display: block;
    margin-top: 5px;
    font-family: tahoma
}

.special-channel-bx {
    background-color: #fe4b33;
    padding-left: 15px;
    padding-top: 10px;
    float: left;
    width: 100%
}

.special-program-bx {
    color: #fff;
    float: left;
    margin-right: 20px;
    margin-top: 15px;
    width: 100%
}

.special-program-bx p {
    font-size: 33px
}

.special-program-bx span {
    font-size: 25px;
    display: block
}

.nowshow-special-bx {
    width: 100%;
    margin: 8px 0;
    float: left;
    border-bottom: #fff 1px dashed;
    padding-bottom: 10px
}

.nowshow-special-bx:last-child {
    border-bottom: none
}

.special-bx {
    width: 50px;
    height: 50px;
    background-color: #3c3e42;
    margin-right: 10px;
    float: left
}

.slide-title {
    background-color: #a9a4a4;
    color: #fff;
    font-size: 28px;
    display: inline-table;
    height: 50px;
    padding: 12px 40px 0;
    float: left;
    font-weight: 400;
    line-height: inherit;
    margin-bottom: 0;
    margin-top: 0
}

#slider-next02,
#slider-prev02 {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    display: inline-block;
    text-align: center
}

#slider-prev02 {
    margin: 0 2px
}

#slider-next02 a,
#slider-prev02 a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-next02:hover,
#slider-prev02:hover {
    background-color: #feb900
}

.pr-hilight-left {
    float: left;
    width: 40%
}

.pr-hilight-right {
    float: left;
    width: 100%
}

.hilight-pr {
    position: relative
}

.fa-channel,
.hd-channel,
.hilight-pr-detail,
.sd-channel {
    position: absolute;
    bottom: 0
}

.hilight-pr a h3 {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 10px;
    margin: 10px 0 0
}

.hilight-pr a:hover h3 {
    color: #09F
}

.hilight-pr p {
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    padding: 0 25px;
    font-family: tahoma
}

.hilight-pr p a {
    color: #fff
}

.hilight-pr p a:hover {
    color: #09F
}

.hilight-pr span {
    color: #fff;
    text-align: center;
    font-family: Tahoma, sans-serif;
    font-size: 14px
}

.card a h3,
.pr-detail-bx,
.pr-detail-bx h4 {
    font-family: Kanit, Sans-Serif
}

.hilight-pr a .photo img {
    max-width: 100%;
    display: block
}

.hilight-pr-detail {
    width: 99.5%;
    left: 0;
    z-index: 10;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0)
}

.pr-slide-item .overlay a i,
.pr-slide-item figure .overlay {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.btn-viewall {
    background-color: #666;
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
    padding: 1px 15px;
    float: right;
    margin-top: 5px;
    margin-left: 5px
}

.appbx span,
.footer-grey h3,
.footer-text-head,
.widget-tags p {
    text-transform: uppercase
}

.btn-viewall:hover {
    color: #fff;
    background-color: #333
}

.pr-slide-item {
    border: 1px solid #dddfe1;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    -webkit-transition: .75s all 1ms ease-out;
    -moz-transition: .75s all 1ms ease-out;
    transition: .75s all 1ms ease-out;
    height: 465px
}

.fa-channel img,
.hd-channel img,
.sd-channel img {
    margin: 0 auto;
    max-width: 45px;
    height: auto;
    display: block
}

.hd-channel {
    border-bottom: 6px solid #4556d8;
    width: 100%
}

.sd-channel {
    border-bottom: 6px solid #42ed89;
    width: 100%
}

.fa-channel {
    border-bottom: 6px solid #ff5c5a;
    width: 100%
}

.pr-slide-item figure {
    position: relative;
    width: 100%
}

.pr-slide-item figure img {
    max-width: 100%
}

.pr-slide-item figure .overlay {
    position: absolute
}

.pr-slide-item figure .overlay a {
    width: 58px;
    height: 58px;
    display: block;
    font-size: 45px;
    position: relative;
    color: #fff;
    background: 0 0;
    text-align: center;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em
}

.pr-detail-bx,
.pr-social-bx {
    background-color: #fff
}

.pr-slide-item .overlay a i {
    position: absolute
}

.pr-slide-item figure .overlay .fa-search {
    font-size: 24px;
    margin-top: 10px
}

.pr-slide-item figure .overlay:hover {
    opacity: 1;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color: #fff
}

.pr-detail-bx {
    padding: 10px;
    height: 200px;
    font-size: 14px;
    font-family: tahoma;
    line-height: 1.5;
    overflow: hidden
}

.pr-social-bx,
.pr-social-bx2 {
    border-top: 1px solid #dddfe1;
    padding: 0 10px;
    font-family: tahoma;
    font-size: 12px
}

.pr-social-bx2 {
    padding: 0
}

.pr-detail-bx h4 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400
}

.pr-detail-bx h4:hover {
    color: #000
}

#slider-next03 a,
#slider-prev03 a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-next03,
#slider-prev03 {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    display: inline-block;
    text-align: center
}

#slider-prev03 {
    margin: 0 2px
}

#slider-next03:hover,
#slider-prev03:hover {
    background-color: #feb900
}

.panel {
    width: 290px;
    height: 290px;
    margin: auto;
    position: relative
}

.card {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.front {
    z-index: 2
}

.back {
    z-index: 1;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color: rgba(15, 21, 30, 1)
}

.panel:hover .front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.panel:hover .back {
    z-index: 2;
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

.card a h3 {
    text-align: center;
    line-height: 1;
    font-size: 24px;
    margin: 0;
    height: auto;
    font-weight: 400;
    padding: 5px 7px;
    color: #fff
}

.card a:hover h3 {
    color: #09F
}

.card p,
.card p a {
    color: #fff
}

.card p {
    font-family: tahoma, Sans-Serif;
    padding: 0 15px;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.activitie-bg a h3,
.activitie-bg p,
.info-detail-bx,
.info-detail-bx h4,
.kkn-detail-bx,
.kkn-detail-bx h4 {
    font-family: Kanit, Sans-Serif
}

.card p a:hover {
    color: #09F
}

.drama-channel {
    text-align: center;
    width: 100%;
    margin-top: 50px
}

.drama-channel ul {
    margin-bottom: -10px
}

.drama-channel li {
    border-right: 1px solid #fff;
    padding: 0;
    display: inline-block
}

#slider-next04,
#slider-next05,
#slider-next06,
#slider-prev04,
#slider-prev05,
#slider-prev06 {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    display: inline-block;
    text-align: center
}

.drama-channel li:last-child {
    border-right: none
}

#slider-prev04,
#slider-prev05,
#slider-prev06 {
    margin: 0 2px
}

#slider-next04 a,
#slider-next05 a,
#slider-next06 a,
#slider-prev04 a,
#slider-prev05 a,
#slider-prev06 a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-next04:hover,
#slider-next05:hover,
#slider-next06:hover,
#slider-prev04:hover,
#slider-prev05:hover,
#slider-prev06:hover {
    background-color: #feb900
}

.activitie-bg {
    background-color: #0f151e;
    height: 382px;
    padding: 13px;
    float: left
}

.activitie-bg a h3 {
    font-size: 24px;
    color: #fff;
    line-height: 1.1;
    font-weight: 400
}

.activitie-bg a:hover h3 {
    color: #09F
}

.activitie-bg p {
    color: #999;
    font-size: 14px;
    word-spacing: 4px;
    font-family: tahoma;
    line-height: 1.5
}

.activitie-image {
    float: right;
    position: relative
}

.activitie-image figure img {
    max-width: 100%;
    cursor: pointer;
    transition: all 250ms ease;
    -moz-transition: -moz-transform .2s, transition: all .4s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}

.activitie-image figure img:hover {
    transition: all .4s;
    opacity: .85;
    -moz-transition: -moz-transform .2s;
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01)
}

.activitie-image figure .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 20;
    width: 75px;
    display: block;
    font-size: 58px;
    height: 75px;
    color: #fff;
    background: 0 0;
    text-align: center;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    opacity: 0;
    -webkit-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em
}

.info-slide-item,
.kkn-slide-item {
    box-shadow: 0 0 1px rgba(0, 0, 0, .5)
}

.activitie-image figure .overlay:hover {
    opacity: 1;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color: #fff
}

.activitie-image figure .overlay .fa-search {
    font-size: 40px;
    margin-top: 10px
}

.activitie-image .hd-channel {
    position: absolute;
    border-bottom: 6px solid #4556d8;
    bottom: 0;
    width: 100%
}

.activitie-image .hd-channel img {
    margin: 0 auto;
    width: 45px;
    height: auto
}

.activitie-image .sd-channel {
    position: absolute;
    border-bottom: 6px solid #42ed89;
    bottom: 0;
    width: 100%
}

.activitie-image .sd-channel img {
    margin: 0 auto;
    width: 45px;
    height: auto
}

.activitie-image .fa-channel {
    position: absolute;
    border-bottom: 6px solid #ff5c5a;
    bottom: 0;
    width: 100%
}

.activitie-image .fa-channel img {
    margin: 0 auto;
    width: 45px;
    height: auto
}

#slider-next07,
#slider-prev07 {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    text-align: center;
    display: inline-block
}

#slider-prev07 {
    margin: 0 2px
}

#slider-next07 a,
#slider-prev07 a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-next07:hover,
#slider-prev07:hover {
    background-color: #feb900
}

.info-slide-item {
    border: 1px solid #dddfe1;
    -webkit-transition: .75s all 1ms ease-out;
    -moz-transition: .75s all 1ms ease-out;
    transition: .75s all 1ms ease-out;
    height: 410px;
    background-color: #FFF
}

.info-slide-item figure {
    position: relative;
    width: 100%
}

.info-slide-item figure a {
    display: block;
    height: 260px;
    overflow: hidden
}

.info-slide-item figure img {
    max-width: 100%;
    cursor: pointer;
    transition: all 250ms ease;
    -moz-transition: -moz-transform .2s, transition: all .4s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}

.info-slide-item figure img:hover {
    transition: all .4s;
    opacity: .85;
    -moz-transition: -moz-transform .2s;
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01)
}

.info-detail-bx {
    padding: 10px;
    height: 120px;
    font-size: 14px;
    line-height: 1.3;
    background-color: #fff;
    font-family: tahoma
}

.info-detail-bx h4 {
    font-size: 24px;
    line-height: .7;
    font-weight: 400
}

.info-detail-bx h4:hover {
    color: #000
}

.btn-seeall {
    background-color: #0F151E;
    padding: 2px 8px;
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
    float: left;
    display: inherit
}

.btn-seeall:hover {
    background-color: #092D47;
    color: #fff
}

#slider-next08,
#slider-prev08 {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    display: inline-block;
    text-align: center
}

#slider-prev08 {
    margin: 0 2px
}

#slider-next08 a,
#slider-prev08 a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-next08:hover,
#slider-prev08:hover {
    background-color: #feb900
}

.kkn-slide-item {
    border: 1px solid #dddfe1;
    -webkit-transition: .75s all 1ms ease-out;
    -moz-transition: .75s all 1ms ease-out;
    transition: .75s all 1ms ease-out;
    height: 360px
}

.kkn-slide-item figure {
    position: relative;
    width: 100%
}

.kkn-slide-item figure img {
    max-width: 100%;
    cursor: pointer;
    transition: all 250ms ease;
    -moz-transition: -moz-transform .2s, transition: all .4s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}

.kkn-slide-item figure img:hover {
    transition: all .4s;
    opacity: .85;
    -moz-transition: -moz-transform .2s;
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01)
}

.kkn-slide-item figure .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 58px;
    display: block;
    font-size: 45px;
    height: 58px;
    color: #fff;
    background: 0 0;
    text-align: center;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    opacity: 0;
    -webkit-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em
}

.kkn-slide-item figure .overlay:hover {
    opacity: 1;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color: #fff
}

.kkn-slide-item figure .overlay .fa-search {
    font-size: 24px;
    margin-top: 10px
}

.kkn-detail-bx {
    padding: 10px;
    height: 165px;
    background-color: #fff;
    font-size: 14px;
    font-family: tahoma;
    line-height: 1.5;
    overflow: hidden
}

.kkn-detail-bx h4 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400
}

#slider-next09,
#slider-next10,
#slider-prev09,
#slider-prev10 {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    display: inline-block;
    text-align: center
}

.kkn-detail-bx h4:hover {
    color: #000
}

#slider-prev09,
#slider-prev10 {
    margin: 0 2px
}

#slider-next09 a,
#slider-next10 a,
#slider-prev09 a,
#slider-prev10 a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-next09:hover,
#slider-next10:hover,
#slider-prev09:hover,
#slider-prev10:hover {
    background-color: #feb900
}

.soundtrack-slide-item {
    border: 1px solid #dddfe1;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    -webkit-transition: .75s all 1ms ease-out;
    -moz-transition: .75s all 1ms ease-out;
    transition: .75s all 1ms ease-out;
    height: 390px
}

.soundtrack-slide-item figure {
    position: relative;
    width: 100%
}

.soundtrack-slide-item figure img {
    max-width: 100%;
    cursor: pointer;
    transition: all 250ms ease;
    -moz-transition: -moz-transform .2s, transition: all .4s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}

.soundtrack-slide-item figure img:hover {
    transition: all .4s;
    opacity: .85;
    -moz-transition: -moz-transform .2s;
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01)
}

.soundtrack-slide-item figure .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 58px;
    display: block;
    font-size: 45px;
    height: 58px;
    color: #fff;
    background: 0 0;
    text-align: center;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    opacity: 0;
    -webkit-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -moz-transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    transition: .4s all 1ms cubic-bezier(.89, .75, .52, .91);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em
}

.soundtrack-slide-item figure .overlay:hover {
    opacity: 1;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color: #fff
}

.soundtrack-detail-bx h4:hover,
.soundtrack-detail-bx2 h4:hover {
    color: #000
}

.soundtrack-hilight-left {
    float: left;
    width: 55%
}

.soundtrack-hilight-right {
    float: left;
    width: 45%
}

.soundtrack-slide-item figure .overlay .fa-search {
    font-size: 24px;
    margin-top: 10px
}

.soundtrack-detail-bx {
    padding: 10px;
    height: 50px;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    line-height: 1.4;
    background-color: #fff
}

.soundtrack-detail-bx h4 {
    font-size: 16px;
    font-family: Kanit, Sans-Serif;
    line-height: 1.1;
    font-weight: 400;
    margin: 2px 0 0
}

.soundtrack-detail-bx2 {
    padding: 10px;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    line-height: 1.5;
    background-color: #fff
}

.caption-dara h1,
.soundtrack-detail-bx2 h4,
figure.effect-ming h2 {
    font-family: Kanit, Sans-Serif;
    font-weight: 400
}

.soundtrack-detail-bx2 h4 {
    font-size: 24px;
    line-height: 1.1;
    margin: 0
}

#slider-next11,
#slider-next12,
#slider-prev11,
#slider-prev12 {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    display: inline-block;
    text-align: center
}

#slider-prev11,
#slider-prev12 {
    margin: 0 2px
}

#slider-next11 a,
#slider-next12 a,
#slider-prev11 a,
#slider-prev12 a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-next11:hover,
#slider-next12:hover,
#slider-prev11:hover,
#slider-prev12:hover {
    background-color: #feb900
}

.caption-dara {
    position: absolute;
    color: #fff;
    z-index: 10;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.grid,
.grid figure,
.grid figure img {
    position: relative;
    max-width: 100%;
    table-layout: fixed
}

.grid>figure>img:first-child {
    position: relative;
    width: 100%;
    table-layout: fixed
}

.caption-dara h1 {
    font-size: 58px
}

.grid {
    display: table;
    margin: 0 auto
}

.grid figure {
    float: left;
    overflow: hidden;
    height: auto;
    background: #000;
    cursor: pointer
}

.grid figure img {
    min-height: auto;
    opacity: 1;
    float: left
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    backface-visibility: hidden
}

.grid figure figcaption::after,
.grid figure figcaption::before {
    pointer-events: none
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.grid figure h2 {
    font-size: 35px
}

.grid figure h2,
.grid figure p {
    margin: 0
}

.grid figure p {
    font-size: 16px
}

figure.effect-ming {
    background: #030c17
}

figure.effect-ming img {
    opacity: .9;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

figure.effect-ming figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
}

figure.effect-ming h2 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    color: #fff;
    margin-top: 40%
}

figure.effect-ming p {
    padding: 1em;
    color: #fff;
    font-family: Tahoma, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.footer-grey h3,
.group-footer h2 {
    font-family: Kanit, Sans-Serif
}

figure.effect-ming:hover h2 {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

figure.effect-ming:hover figcaption {
    background-color: rgba(58, 52, 42, 0)
}

figure.effect-ming:hover img {
    opacity: .4
}

.widget-tags ul li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 7px;
    font-size: 22px
}

.widget-tags ul {
    padding-left: 0
}

.widget-tags ul li a {
    display: inline-block;
    padding: 5px 19px;
    border: 1px solid #42525c;
    color: #42525c;
    text-decoration: none;
    font-size: 18px
}

.widget-tags ul li a:hover {
    color: #fff;
    border-color: #0A2139;
    background-color: #0A2139;
    transition: all .5s ease
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #FFF;
    background-color: #2d2d2d;
    border: 1px solid #2d2d2d
}

.footer-grey {
    background-color: #b4c0c2;
    height: auto
}

.footer-grey h3 {
    color: #FFF;
    font-size: 30px;
    font-weight: 400
}

.group-footer {
    display: inline-table;
    padding-top: 0;
    height: 200px;
    white-space: normal;
    transition: background .3s;
    width: 14%
}

.cha-link,
.cha-name,
.edit-list-next,
.ig-profile-name {
    white-space: nowrap;
    text-overflow: ellipsis
}

.group-footer h2 {
    color: #052135;
    font-size: 18px;
    line-height: .8;
    width: 100%
}

.nav-footer ul {
    padding-left: 0;
    margin-top: -5px
}
.nav-footer ul li.line img { height: 16px; width: auto;}
.nav-footer ul li.tiktok img { height: 16px; width: auto;}
.nav-footer li a {
    margin-bottom: 6px;
    color: #42525c;
    font-size: 16px;
    font-weight: 400;
    line-height: 1
}

.nav-footer li a:hover {
    color: #000002;
    text-decoration: none
}

.breadcrumb>li+li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px;
    padding: 0 8px;
    color: #888
}

.detail-whitebx2,
.detailtxt,
.drama-all-detailbx a,
.tab-detail-inside a h3,
.title-blue-detail,
.titletxt-all {
    font-family: Kanit, Sans-Serif
}

.drama-line-bx {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px;
    margin-bottom: 40px
}

.news-other-bx {
    float: left;
    margin-top: 20px;
    width: 100%
}

.titletxt-all {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0
}

.all-bx-height {
    display: table;
    height: 265px
}

.all-bx-height2 {
    display: table;
    height: 400px
}

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 0;
    height: 3.75em;
    background: rgba(15, 21, 30, .9);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.channelbx2 {
    text-align: center
}

figure.effect-zoe figcaption ul {
    padding-top: 5px;
    display: inline-table
}

figure.effect-zoe figcaption li {
    display: inline
}

figure.effect-zoe figcaption li img {
    border-right: 1px solid #fff
}

figure.effect-zoe figcaption li:last-child img {
    border-right: none
}

figure.effect-zoe p {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0)
}

figure.effect-zoe:hover figcaption {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.drama-all-detailbx {
    height: 110px;
    padding: 8px 0 0;
    float: left;
    line-height: 1.5;
    font-size: 14px;
    font-family: tahoma
}

.drama-all-detailbx a {
    color: #4455d7;
    font-size: 20px;
    font-weight: 400;
    line-height: 1
}

#spoiler,
.detailtxt {
    line-height: 1.5;
    font-family: tahoma
}

.drama-all-detailbx a:hover {
    color: #0A2139
}

.btn-loadmore {
    background: #666;
    color: #fff;
    width: 20%;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 25px;
    padding: 15px 0
}

.btn-loadmore:hover {
    background: #333;
    color: #fff
}

.left-content {
    width: 70%;
    float: left
}

.right-content {
    width: 30%;
    float: left;
    padding-left: 25px;
    position: relative
}

.banner-main-inside {
    background: top center no-repeat;
    background-size: cover;
    height: 600px
}

.viewtxt {
    font-size: 18px;
    display: block;
    margin-top: 8px;
    margin-bottom: 10px
}

.socialbx-detail {
    float: right
}

.greytxt {
    color: #8a8585
}

.bluetxt {
    color: #4455d7
}

.bluetxt:hover {
    color: #333
}

.title-blue-detail {
    color: #4455d7;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0
}

.detailtxt {
    font-size: 14px
}

.detail-greybx,
.detail-whitebx,
.detail-whitebx2 {
    padding: 10px;
    box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .4);
    font-size: 19px;
    height: auto;
    width: 100%;
    float: left
}

#spoiler {
    font-size: 14px
}

.detail-whitebx {
    background-color: #FFF
}

.detail-greybx {
    background-color: #dde1e8
}

.detail-whitebx2 {
    background-color: #FFF;
    line-height: 1.4;
    font-family: tahoma;
    font-size: 16px
}

.detail-whitebx2 img {
    display: block;
    max-width: 100%!important;
    height: auto;
    overflow: hidden;
    border: 0;
    margin: 0 auto
}

.detail-whitebx2 p {
    padding-top: 8px
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-containe-inline {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.live,
.playlist-list {
    max-height: 255px;
    overflow-y: scroll;
    overflow-x: hidden;
    list-style: none
}

.video-containe-inline embed,
.video-containe-inline iframe,
.video-containe-inline object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.actorbx {
    width: 100%
}

.actorbx li {
    float: left
}

#slider-next13,
#slider-prev13 {
    border-radius: 0;
    background-color: #666;
    font-size: 28px;
    width: 35px;
    height: 35px;
    display: inline-block;
    padding-top: 3px;
    text-align: center
}

.actorbx li a img {
    max-width: 100%
}

.actorbx li a:hover img {
    opacity: .7;
    transition: .3s all 1ms ease-out
}

.actorbx li p a {
    color: #4455d7
}

.actorbx li p a:hover {
    color: #333
}

#slider-prev13 {
    margin: 0 3px
}

#slider-next13 a,
#slider-prev13 a {
    color: #fff
}

#slider-next13:hover,
#slider-prev13:hover {
    background-color: #333
}

.line-white {
    height: 1px;
    width: 100%;
    border-top: 1px solid #fff;
    margin: 20px 0;
    float: left
}

.soundtrack-insidebx {
    width: 32%;
    float: left;
    margin: 0 10px 10px 0
}

.soundtrack-insidebx:last-child {
    margin: 0
}

.gallery-cover-txt {
    padding: 8px;
    width: 100%;
    font-size: 18px;
    line-height: 1.3
}

.tab-detail-inside {
    background-color: #0f151e;
    height: 229px;
    padding: 13px;
    float: left
}

.tab-detail-inside a h3 {
    font-size: 23px;
    color: #fff;
    line-height: 1.2;
    font-weight: 400
}

.tab-detail-inside a:hover h3 {
    color: #09F
}

.tab-detail-inside p {
    color: #999;
    font-family: tahoma;
    font-size: 15px
}

.thrumb-gallery {
    width: 100%;
    height: 200px;
    background-position: 50% 25%;
    margin-bottom: 8px
}

.thrumb-gallery:hover {
    opacity: .8
}

.greentxt {
    color: #5CB815
}

.greentxt2 {
    color: #333
}

.greentxt2.active,
.greentxt2:hover {
    color: #5CB815
}

.show-hide {
    text-align: center;
    margin: 20px 0 30px;
    border-bottom: 1px solid #ddd;
    height: 12px
}

.show-hide a {
    background: #666;
    color: #fff;
    padding: 2px 20px;
    font-weight: 400
}

.show-hide a:hover {
    color: #FFF;
    background: #333
}

.playlist-list li a:hover,
.playlist-list>li>.current-list {
    text-decoration: none;
    background: #fff
}

.playlistbx {
    margin-left: -25px
}

.playlist-list {
    margin: 10px 0 0;
    padding: 0;
    font-family: Kanit, Sans-Serif
}

.form-control2,
.statictxt {
    font-family: Tahoma, sans-serif
}

.playlist-list img {
    width: 110px;
    height: 62px;
    float: left;
    margin-right: 10px
}

.playlist-list li a {
    width: 100%;
    float: left;
    padding: 5px 0;
    color: #4455d7;
    margin: 3px 0;
    line-height: 1.2;
    font-size: 19px
}

.gs-snippet b,
.gs-title,
.gs-title b,
.gsc-cursor-page {
    text-decoration: none!important
}

.absolute-rightbx {
    position: absolute;
    bottom: -555px;
    left: 25px
}

.appbx2-w100 {
    width: 100%
}

::-webkit-scrollbar {
    width: 8px
}

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

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(102, 102, 102, .8)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 102, 203, .4)
}

.live {
    margin: 5px 0 0;
    padding: 0
}

.live li {
    width: 100%;
    float: left;
    padding: 10px 0 10px 5px;
    border-bottom: 1px dashed #ccc
}

.live .box1 {
    font-size: 16px;
    color: #4455d7;
    float: left;
    width: 30%
}

.live .box2 {
    float: left;
    line-height: 1;
    width: 70%
}

.channelbx-live {
    width: 100%;
    height: 68px;
    background-color: #D3D6DB;
    margin-top: -20px
}

.channel-bar2 {
    text-indent: -9999px;
    transition: all .2s
}

.channel-bar2 ul li {
    display: inline;
    float: left
}

.channel-bar2.menu1,
.channel-bar2.menu2 {
    display: block;
    overflow: hidden;
    height: 67px
}

.channel-bar2 li {
    width: 33.33%;
    border-left: 1px solid #fff
}

.channel-bar2 li:last-child {
    border-right: none
}

.channel-bar2.menu1 {
    width: 100%;
    background: url(../images/channel-btn-hd1.png) center top no-repeat
}

.active .channel-bar2.menu1,
.channel-bar2 a:hover .channel-bar2.menu1 {
    background: url(../images/channel-btn-hd2.png) center top no-repeat;
    border-bottom: 5px solid #4455d7
}

.channel-bar2.menu2 {
    width: 100%;
    background: url(../images/channel-btn-sd1.png) center top no-repeat
}

.active .channel-bar2.menu2,
.channel-bar2 a:hover .channel-bar2.menu2 {
    background: url(../images/channel-btn-sd2.png) center top no-repeat;
    border-bottom: 5px solid #09ad4c
}

.channel-bar2.menu3 {
    width: 100%;
    height: 67px;
    background: url(../images/channel-btn-family1.png) center top no-repeat
}

.active .channel-bar2.menu3,
.channel-bar2 a:hover .channel-bar2.menu3 {
    background: url(../images/channel-btn-family2.png) center top no-repeat;
    border-bottom: 5px solid #e8332c
}

.btn-search {
    height: 50px;
    width: 15.5%;
    font-size: 24px;
    background-color: #666;
    color: #fff;
    border: 0;
    float: right
}

.dara-form,
.dara-select {
    padding: 0 10px;
    height: 50px;
    width: 41.8%;
    font-size: 18px
}

.btn-search:hover {
    background-color: #333
}

.dara-select {
    background-color: #FFF
}

.ig-border {
    border: 1px solid #dbdbdb
}

.ig-name {
    font-size: 35px;
    color: #4455d7
}

.ig-name:hover {
    color: #333
}

.ig-followbx {
    display: flex;
    flex-direction: row;
    margin-top: 5px
}

.ig-numb:first-child {
    margin-left: 0
}

.ig-numb {
    font-size: 20px;
    margin-right: 45px
}

.ig-numb span {
    font-size: 22px
}

.title-calendar-txt1 {
    width: 23%;
    font-size: 18px;
    padding-top: 5px;
    float: left
}

.custom-calendar-bx1 {
    width: 100%
}

.title-calendar-txt2 {
    width: 17%;
    font-size: 22px;
    padding-top: 5px;
    float: left
}

.custom-calendar-bx2 {
    width: 100%
}

.btn-calendar,
.btn-calendar.focus,
.btn-calendar:focus,
.btn-calendar:hover {
    background-color: #5467DD;
    border-color: #5467DD;
    color: #FFF
}

.input-group-addon {
    background-color: #5467DD;
    color: #fff;
    font-size: 16px;
    border: 1px solid #5467DD
}

.table>thead>tr>th {
    background-color: #D3D6DB;
    text-align: center
}

.form-control2 {
    font-size: 15px
}

.dl-pdf-bx2 {
    width: 100%;
    background-color: #666;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
    margin-top: 10px
}

.dl-pdf-bx2:hover {
    background-color: #333;
    color: #fff
}

.bluetxt2 {
    color: #4455d7
}

.statictxt {
    font-size: 15px
}
.statictxt table { border-collapse: collapse; width: 100%;}
.statictxt table th{ border: 1px solid #333; text-align: center; padding: 5px; text-indent: 0;}
.statictxt table td { border: 1px solid #333; text-align: left; padding: 5px; vertical-align: top; text-indent: 0;}
.statictxt table td:nth-child(1) { width: 25%; max-width: 25%;}
.statictxt table td:nth-child(2) { width: 40%; max-width: 40%;}
.statictxt table td:nth-child(3) { width: 25%; max-width: 25%; text-align: center;}
.statictxt table td:nth-child(4) { width: 10%; max-width: 10%;}

.footer-bar { position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 3; background: rgba(0, 0, 0, 0.85); box-shadow: rgb(31, 31, 31) 0px 0px 8px; display: block;}
.footer-bar p {text-align: center; padding: 10px; color:#fff; font-size: 12px; line-height: 16px; margin: 0;}
.footer-bar p a { text-decoration: underline; color:#faa935;}
.footer-bar p a:last-child { text-decoration :none; background: #2133b6; padding: 8px 20px; border-radius: 4px; color:#fff; margin: 0 0 0 10px; font-size: 16px; display: inline-block;}

.form-control {
    border-radius: 0;
    padding: 8px 12px;
    height: auto
}

.form-select1 {
    width: 32.4%;
    float: left;
    font-size: 16px;
    margin-right: 5px
}

.redtxt {
    color: #E93332;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4
}

.btn-submit {
    background-color: #666;
    border-radius: 0;
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 8px 30px
}

.btn-submit:hover {
    background-color: #333;
    color: #fff
}

.gs-title {
    font-size: 22px!important;
    font-family: Kanit, Sans-Serif
}

.gs-snippet {
    font-size: 14px;
    font-family: Tahoma, sans-serif
}

.gsc-url-top {
    font-size: 19px;
    font-family: Kanit, Sans-Serif
}

.gsc-cursor-page {
    font-size: 16px;
    padding: 4px 8px;
    border: 1px solid #ccc
}

.gs-webResult {
    border: 1px solid #eee;
    padding: 1em
}

.gs-snippet b,
.gs-title b {
    font-family: Tahoma, sans-serif;
    font-size: 16px!important;
    font-weight: 700
}

@media screen and (max-width:320px) {
    .bg-slide {
        height: 180px!important;
        background-size: 120% auto!important
    }
    .bg-slide .name a {
        font-size: 27px!important
    }
    .bg-slide .margin-content {
        margin-top: 80px!important
    }
    .btn-tv-online,
    .btn-vdo {
        width: 49%!important;
        font-size: 30px
    }
}

@media screen and (max-width:640px) {
    .ig-name,
    .ig-numb span {
        text-align: center;
        display: block
    }
    .dl-pdf-bx2,
    .ig-numb {
        font-family: Tahoma, sans-serif
    }
    .portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details {
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .title-bar h1 {
        font-size: 46px
    }
    .title-bar h6 {
        font-size: 22px
    }
    .margin-login {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .profilepic {
        width: 50px;
        height: 50px
    }
    .panel {
        width: 280px;
        height: 280px
    }
    .drama-info,
    .drama-info-wrap,
    .drama-item {
        width: 260px;
        height: 260px
    }
    .drama-info a h3 {
        font-size: 30px
    }
    .drama-info p {
        font-size: 14px;
        padding: 0 8px
    }
    .drama-channel {
        margin-top: 50px
    }
    .activitie-image figure .overlay {
        width: 55px;
        font-size: 42px;
        height: 55px
    }
    .grid figure h2 {
        font-size: 28px
    }
    figure.effect-ming figcaption::before {
        top: 8px;
        right: 8px;
        bottom: 8px;
        left: 8px
    }
    .jssora21l,
    .jssora21r {
        top: 45%;
        width: 33px;
        height: 33px;
        font-size: 25px;
        padding-top: 0
    }
    .jssora21l {
        left: 0
    }
    .jssora21r {
        right: 0
    }
    .panel:hover {
        background: #0f151e
    }
    .card:hover {
        -o-transition: all 0s;
        -ms-transition: all 0s;
        -moz-transition: all 0s;
        -webkit-transition: all 0s;
        transition: all 0s;
        -webkit-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -moz-backface-visibility: visible;
        backface-visibility: visible;
        background: #0f151e!important
    }
    .back {
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none
    }
    .scrollup {
        right: 5px
    }
    .portfolio-item-container {
        height: 430px
    }
    .portfolio-item-container2 {
        height: 340px
    }
    .portfolio-item-container3 {
        height: 330px
    }
    .kkn-slide-item figure .overlay,
    .soundtrack-slide-item figure .overlay {
        top: 40%;
        left: 50%;
        width: 40px;
        font-size: 30px;
        height: 40px
    }
    .channel-bar {
        height: 106px;
        margin-bottom: 5px
    }
    .channel-bar li {
        height: 53px;
        width: 50%
    }
    .channel-bar.menu1 {
        background-size: 58% auto;
        height: 52px
    }
    .active .channel-bar.menu1,
    .channel-bar a:hover .channel-bar.menu1 {
        border-bottom: 3px solid #1b416a;
        background-size: 58% auto
    }
    .channel-bar.menu2 {
        background-size: 75% auto;
        height: 52px
    }
    .active .channel-bar.menu2,
    .channel-bar a:hover .channel-bar.menu2 {
        border-bottom: 3px solid #4455D7;
        background-size: 75% auto
    }
    .channel-bar.menu3 {
        background-size: 55% auto;
        height: 52px;
        border-top: 1px solid #fff
    }
    .active .channel-bar.menu3,
    .channel-bar a:hover .channel-bar.menu3 {
        border-bottom: 3px solid #09AE4E;
        background-size: 55% auto
    }
    .channel-bar.menu4 {
        background-size: 60% auto;
        height: 52px;
        border-top: 1px solid #fff
    }
    .active .channel-bar.menu4,
    .channel-bar a:hover .channel-bar.menu4 {
        border-bottom: 3px solid #e8332c;
        background-size: 60% auto
    }
    .channelbx-live {
        height: 53px
    }
    .channel-bar2.menu1 {
        background-size: 100% auto;
        height: 52px
    }
    .active .channel-bar2.menu1,
    .channel-bar2 a:hover .channel-bar2.menu1 {
        border-bottom: 3px solid #4455d7;
        background-size: 100% auto
    }
    .channel-bar2.menu2 {
        background-size: 80% auto;
        height: 52px
    }
    .active .channel-bar2.menu2,
    .channel-bar2 a:hover .channel-bar2.menu2 {
        border-bottom: 3px solid #09ad4c;
        background-size: 80% auto
    }
    .channel-bar2.menu3 {
        background-size: 85% auto;
        height: 52px
    }
    .active .channel-bar2.menu3,
    .channel-bar2 a:hover .channel-bar2.menu3 {
        border-bottom: 3px solid #e8332c;
        background-size: 85% auto
    }
    .ig-name {
        margin-bottom: 15px
    }
    .ig-numb {
        font-size: 16px;
        margin-right: 16%;
        font-weight: 700
    }
    .table-bordered>tbody>tr>td,
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        font-family: Tahoma, sans-serif;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 700
    }
    .title-calendar-txt1 {
        width: 100%;
        margin-bottom: 5px
    }
    .custom-calendar-bx1 {
        width: 100%
    }
    .dl-pdf-bx {
        font-size: 30px
    }
    .dl-pdf-bx2 {
        font-size: 16px;
        padding: 5px 0
    }
    .form-select1 {
        width: 100%;
        margin-top: 8px;
        margin-right: 0
    }
}

.dl-pdf-bx {
    width: 31.8%;
    float: left;
    background-color: #fff;
    text-align: center;
    font-size: 28px;
    color: #333;
    padding-top: 10px;
    margin-top: 10px;
    border: 1px dashed #D3D6DB;
    margin-right: 6px
}

.dl-pdf-bx-family,
.dl-pdf-bx-hd,
.dl-pdf-bx-sd {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.25;
    padding: 3px 0;
    color: #fff
}

.dl-pdf-bx:last-child {
    margin-right: 0
}

.dl-pdf-bx-hd {
    background-color: #4455D7
}

.dl-pdf-bx-hd:hover {
    color: #fff;
    background-color: #5f6ff1
}

.dl-pdf-bx-sd {
    background-color: #09AE4E
}

.dl-pdf-bx-sd:hover {
    color: #fff;
    background-color: #4ddc89
}

.dl-pdf-bx-family {
    background-color: #E83230
}

.dl-pdf-bx-family:hover {
    color: #fff;
    background-color: #f7706e
}

@media screen and (max-width:767px) {
    .btn-viewall,
    .carousel-caption h1,
    .carousel-caption h5,
    .carousel-caption p,
    .drama-all-detailbx a {
        font-family: Tahoma, sans-serif
    }
    .actorbx li p a,
    .btn-search,
    .btn-viewall,
    .caption-dara h1,
    .carousel-caption h1,
    .carousel-caption p,
    .live .box1,
    .show-hide a {
        font-weight: 700
    }
    .info-slide-item figure a {
        height: 180px
    }
    .bg-slide,
    .btn-vdo {
        margin-left: 0
    }
    .dara-form,
    .dara-select {
        border-radius: 0
    }
    .mobile-header-wrapper.style2 .logo-container {
        width: 60px
    }
    .bg-slide,
    .left-wrapper-index,
    .right-wrapper-index {
        width: 100%
    }
    .mobile-header-wrapper.style1 .logo-container {
        max-width: 200px
    }
    .mobile-header-wrapper.style1 .shifter-handle {
        margin-top: 17px
    }
    .portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .portfolio-item-details {
        padding: 30px 25px 22px
    }
    .portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay {
        text-align: left;
        margin-top: 20px
    }
    .portfolio-container .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay a {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .main-footer .footer-bottom-bar .copyright,
    .main-footer .footer-bottom-bar .widget.widget-socials {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 5px
    }
    .main-footer .footer-bottom-bar .widget.widget-socials ul li {
        float: none;
        display: inline-block
    }
    .welcometxt {
        font-size: 15px;
        line-height: 1.5
    }
    .logintxt {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .padding3 {
        margin-bottom: 5px
    }
    .bg-slide {
        height: 200px;
        background-size: 118% auto;
        margin-right: 0
    }
    .bg-slide .margin-content {
        margin-top: 85px;
        margin-left: 0
    }
    .bg-slide .title {
        font-size: 28px
    }
    .bg-slide .name a {
        font-size: 30px;
        line-height: .8
    }
    .bg-slide .channel {
        margin-top: 5px;
        padding-left: 8px;
        width: 18%
    }
    .btn-watchnow {
        padding: 5px 15px;
        font-size: 23px
    }
    .btn-tv-online,
    .btn-vdo {
        width: 49.3%;
        font-size: 33px
    }
    .btn-viewall {
        padding: 4px 15px;
        font-size: 16px
    }
    .fix-padding {
        padding-left: 10px;
        padding-right: 10px
    }
    .img-live {
        margin: 0 auto;
        display: block;
        width: 100%
    }
    .text-live-now {
        font-size: 24px;
        padding-left: 30px;
        margin-bottom: 5px
    }
    .span-color-g {
        color: #5CB704
    }
    .livenow-bx {
        width: 100%;
        margin: 10px 0
    }
    .nowshow-bx {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 30px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #ccc
    }
    .channel-bx {
        width: 14.5%;
        text-align: center
    }
    .special-channel-bx {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .special-program-bx {
        margin-right: 0;
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 1px dashed #fff;
        height: 60px
    }
    .nowshow-special-bx {
        padding-left: 30px
    }
    .slide-title {
        font-size: 26px;
        padding: 12px 15px
    }
    .pr-hilight-left {
        width: 360px;
        margin: 0 auto;
        float: none
    }
    .pr-hilight-right {
        width: 100%
    }
    .hilight-pr-detail {
        width: 360px
    }
    .activitie-bg,
    .activitie-image,
    .appbx,
    .soundtrack-hilight-left,
    .soundtrack-hilight-right {
        width: 100%
    }
    .hilight-pr a h3 {
        font-size: 22px
    }
    .hilight-pr p {
        padding: 0 10px
    }
    .pr-slide-item {
        height: 430px
    }
    .pr-detail-bx h4 {
        font-size: 20px;
        line-height: 1.1
    }
    .kkn-detail-bx {
        height: 185px
    }
    .kkn-detail-bx h4 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .drama-info a h3 {
        font-size: 30px
    }
    .activitie-bg a h3 {
        font-size: 22px;
        line-height: 1.1;
        margin-top: 5px
    }
    .activitie-bg p {
        font-size: 14px;
        line-height: 1.4
    }
    .activitie-image figure img {
        margin: 0 auto
    }
    .info-slide-item {
        height: 360px
    }
    .info-detail-bx h4 {
        font-size: 24px;
        margin-top: 6px;
        line-height: 1
    }
    .portfolio-item-container5 {
        min-height: 330px
    }
    .soundtrack-detail-bx2 {
        font-size: 15px
    }
    .soundtrack-detail-bx2 h4 {
        font-size: 22px;
        margin: 5px 0
    }
    .carousel-control.left,
    .carousel-control.right,
    .carousel-inner .item {
        height: 185px
    }
    .carousel-caption {
        right: 8%;
        left: 8%;
        top: 30%
    }
    .jssora21l {
        top: 45%;
        left: 10%
    }
    .jssora21r {
        top: 45%;
        right: 10%
    }
    .carousel-caption h1 {
        font-size: 19px
    }
    .carousel-caption h5 {
        font-size: 16px
    }
    .carousel-caption p {
        font-size: 13px;
        margin-top: -10px;
        line-height: 1.1
    }
    .margin-content {
        margin-top: 0;
        margin-left: 0
    }
    .panel:hover {
        background: #0f151e
    }
    .card:hover {
        -o-transition: all 0s;
        -ms-transition: all 0s;
        -moz-transition: all 0s;
        -webkit-transition: all 0s;
        transition: all 0s;
        -webkit-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -moz-backface-visibility: visible;
        backface-visibility: visible;
        background: #0f151e!important
    }
    .back {
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none
    }
    .widget-tags ul li {
        font-size: 20px
    }
    .nav-footer li a {
        font-size: 14px
    }
    .group-footer {
        padding-left: 8px;
        padding-right: 5px;
        height: 250px;
        width: 50%
    }
    .titletxt-all {
        font-size: 30px;
        line-height: 1.2;
        padding-left: 10px;
        border-bottom: 1px solid #d4d4d4;
        padding-bottom: 10px
    }
    .actorbx,
    .drama-all-detailbx,
    .gallery-cover-txt {
        font-family: Tahoma, sans-serif;
        line-height: 1.3
    }
    figure.effect-zoe figcaption ul {
        padding-top: 8px
    }
    figure.effect-zoe figcaption li img {
        width: 40px;
        height: 40px
    }
    .drama-all-detailbx {
        font-size: 14px;
        height: 100px
    }
    .drama-all-detailbx a {
        font-size: 15px;
        font-weight: 700
    }
    .btn-loadmore {
        width: 70%;
        font-size: 22px;
        padding: 10px 0
    }
    .all-bx-height {
        height: 195px
    }
    .all-bx-height2 {
        height: 240px
    }
    .left-content {
        width: 100%
    }
    .right-content {
        width: 100%;
        padding-left: 0
    }
    .socialbx-detail,
    .title-blue-detail {
        padding-left: 10px
    }
    .banner-main-inside {
        height: 185px
    }
    .socialbx-detail {
        float: left;
        margin-bottom: 10px
    }
    .actorbx {
        font-size: 14px
    }
    .actorbx li {
        width: 45%;
        margin: 0 5px
    }
    .actorbx li:last-child {
        margin: 0 0 0 5px
    }
    .actorbx li p a {
        font-size: 15px
    }
    .soundtrack-insidebx {
        width: 46.6%;
        margin: 0 5px 10px
    }
    .soundtrack-insidebx:last-child {
        margin: 0 0 0 5px
    }
    .portfolio-item-container7 {
        height: 205px
    }
    .portfolio-item-container8 {
        height: 275px
    }
    .gallery-cover-txt {
        font-size: 14px
    }
    .tab-detail-inside {
        height: 210px
    }
    .tab-detail-inside a h3 {
        font-size: 21px
    }
    .tab-detail-inside p {
        font-size: 14px;
        line-height: 1.4
    }
    .detail-whitebx2,
    .greytxt {
        line-height: 1.45
    }
    .detail-whitebx2,
    .detailtxt {
        font-size: 17px;
        font-family: tahoma, Sans-Serif
    }
    .caption-dara h1,
    .greytxt,
    .live .box1,
    .live .box2,
    .playlist-list li a,
    .show-hide a {
        font-family: Tahoma, sans-serif
    }
    .margin-top15-banner {
        margin-top: 15px
    }
    .thrumb-gallery {
        width: 100%;
        height: 200px;
        margin: 0 auto
    }
    .btn-search,
    .dara-form {
        margin-top: 10px
    }
    .playlistbx {
        margin-left: 0
    }
    .absolute-rightbx {
        position: static
    }
    .greytxt {
        font-size: 16px
    }
    .playlist-list li a {
        font-size: 17px;
        line-height: 1.45
    }
    .show-hide a {
        padding: 8px 30px;
        font-size: 16px
    }
    .live .box1 {
        width: 28%;
        font-size: 18px
    }
    .live .box2 {
        width: 72%;
        font-size: 17px;
        line-height: 1.3
    }
    .btn-search,
    .dara-form,
    .dara-select {
        width: 100%;
        font-size: 20px;
        font-family: Tahoma, sans-serif
    }
    .statictxt {
        padding: 0 8px;
        font-size: 16px
    }
    .caption-dara {
        left: 8%;
        top: 30%;
        margin-top: 80px
    }
    .caption-dara h1 {
        font-size: 19px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .scrollup {
        right: 15px
    }
    .fa-channel img,
    .hd-channel img,
    .sd-channel img {
        max-width: 45px
    }
    .left-wrapper-index,
    .right-wrapper-index {
        width: 100%
    }
    .activitie-bg {
        height: 245px
    }
    .activitie-bg a h3 {
        font-size: 20px;
        line-height: 1.3
    }
    .activitie-bg p {
        font-size: 14px;
        line-height: 1.2
    }
    .pr-hilight-left {
        width: 52%
    }
    .hilight-pr-detail {
        width: 100%
    }
    .hilight-pr a h3 {
        font-size: 21px;
        padding: 2px 15px
    }
    .hilight-pr p {
        line-height: 1.3
    }
    .pr-detail-bx h4 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .pr-detail-bx {
        height: 175px;
        font-size: 13px
    }
    .portfolio-item-container {
        height: 390px
    }
    .portfolio-item-container2 {
        height: 320px
    }
    .portfolio-item-container3 {
        height: 330px
    }
    .kkn-detail-bx {
        height: 135px
    }
    .kkn-detail-bx h4 {
        font-size: 22px;
        margin-bottom: 10px
    }
    .soundtrack-hilight-left {
        width: 65%
    }
    .soundtrack-hilight-right {
        width: 35%
    }
    .appbx {
        width: 100%
    }
    .group-footer {
        height: 210px;
        width: 33%
    }
    .footer-grey h3 {
        font-size: 30px
    }
    .nav-footer li a {
        font-size: 20px
    }
    .carousel-inner .item {
        height: 350px
    }
    .carousel-caption {
        right: 8%;
        left: 8%;
        top: 7%
    }
    .jssora21l {
        top: 45%;
        left: 10%
    }
    .jssora21r {
        top: 45%;
        right: 10%
    }
    .carousel-caption h1 {
        font-size: 35px;
        line-height: 1
    }
    .carousel-caption p {
        font-size: 20px;
        line-height: .85
    }
    .caption-dara {
        left: 8%;
        top: 7%;
        margin-top: 130px
    }
    .caption-dara h1 {
        font-size: 45px
    }
    .btn-watchnow {
        padding: 7px 20px;
        font-size: 20px;
        margin-top: -13px
    }
    .margin-content {
        margin-top: 50px;
        margin-left: 0
    }
    .panel:hover {
        background: #0f151e
    }
    .card:hover {
        -o-transition: all 0s;
        -ms-transition: all 0s;
        -moz-transition: all 0s;
        -webkit-transition: all 0s;
        transition: all 0s;
        -webkit-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -moz-backface-visibility: visible;
        backface-visibility: visible;
        background: #0f151e!important
    }
    .back {
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none
    }
    .widget-tags ul li a {
        padding: 8px 19px;
        line-height: 1
    }
    .drama-all-detailbx {
        line-height: 1.2;
        font-size: 16px
    }
    .drama-all-detailbx a {
        font-size: 18px
    }
    .btn-loadmore {
        width: 30%;
        font-size: 25px
    }
    .titletxt-all {
        font-size: 40px
    }
    .actorbx,
    .gallery-cover-txt {
        font-size: 18px
    }
    .all-bx-height {
        height: 200px
    }
    .all-bx-height2 {
        height: 267px
    }
    .left-content {
        width: 100%
    }
    .right-content {
        width: 100%;
        padding-left: 0
    }
    .banner-main-inside {
        height: 350px
    }
    .socialbx-detail {
        float: left;
        margin-bottom: 20px
    }
    .actorbx li {
        width: 170px;
        margin: 0 6px
    }
    .actorbx li:last-child {
        margin: 0 0 0 6px
    }
    .soundtrack-insidebx {
        width: 31.9%
    }
    .portfolio-item-container7 {
        height: 230px
    }
    .portfolio-item-container8 {
        height: 275px
    }
    .tab-detail-inside {
        height: 210px
    }
    .tab-detail-inside a h3 {
        font-size: 20px
    }
    .tab-detail-inside p {
        font-size: 14px;
        line-height: 1.4
    }
    .margin-top15-banner {
        margin-top: 15px
    }
    .playlistbx {
        margin-left: 0
    }
    .absolute-rightbx {
        position: static
    }
    .appbx2-w100 {
        width: 90%
    }
    .live .box1 {
        width: 15%
    }
    .live .box2 {
        width: 85%
    }
    .title-calendar-txt2 {
        width: 10%
    }
    .form-select1 {
        width: 32.1%;
        font-size: 16px
    }
}

@media (max-height:800px) {
    body.fixed-nav .fixed-menu .menu-container {
        margin-bottom: 100px
    }
    body.fixed-nav .fixed-menu .bottom-sec {
        position: relative;
        bottom: auto;
        padding-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    .product.single-product .product-details-container .product-review,
    .subscribe-form-container-style2 header .icon-container i {
        float: none
    }
    .main-footer .right-bordered:after,
    .portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:after,
    .portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container.left-positioned:before,
    .portfolio-container.portfolio-timeline .portfolio-item-wrapper:before,
    .post-container.blog-timeline .article-container.left-positioned:after,
    .post-container.blog-timeline .article-container.left-positioned:before,
    .post-container.blog-timeline .article-container.right-positioned:after,
    .post-container.blog-timeline .article-container.right-positioned:before,
    .post-container.blog-timeline:before {
        content: none
    }
    .title-bar.title-bar-style2 h6 {
        margin-top: 160px
    }
    .sticky-menu {
        display: none
    }
    .shopping-cart .shopping-cart-table {
        margin-bottom: 75px
    }
    .shopping-cart .shopping-cart-table tbody td {
        padding: 30px 20px 35px
    }
    .shopping-cart .shopping-cart-table tbody td:before {
        font-family: Raleway, sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        top: 30px;
        left: 20px
    }
    .shopping-cart .shopping-cart-table tbody .product-image img {
        width: 100%
    }
    .subscribe-form-container-style2,
    .subscribe-form-container-style2 .main-subscribe-form,
    .subscribe-form-container-style3,
    .subscribe-form-container-style3 .main-subscribe-form {
        text-align: center
    }
    .subscribe-form-container-style2 header .icon-container,
    .subscribe-form-container-style3 header .icon-container {
        float: none;
        margin-bottom: 40px;
        margin-right: 0
    }
    .subscribe-form-container-style2 .main-subscribe-form,
    .subscribe-form-container-style3 .main-subscribe-form {
        margin-top: 30px
    }
    .single-product-image-container .thumbnails {
        margin-bottom: 43px
    }
    .product .product-options form select {
        margin-bottom: 10px
    }
    .product.single-product .product-options form .input-container {
        margin-bottom: 30px
    }
    .product .product-details .product-info,
    .product.single-product .product-details-container .product-info {
        margin-bottom: 15px
    }
    .product-quickview-container {
        padding-top: 40px!important
    }
    .product .product-details .product-price {
        text-align: left;
        padding-left: 15px
    }
    .w1740 .product .product-details .product-price {
        padding-left: 30px
    }
    .product.single-product .product-details-container .product-price {
        padding-left: 0!important
    }
    .single-product-image-container.thumbnails-left .slider .slides li .product-preview,
    .single-product-image-container.thumbnails-right .slider .slides li .product-preview {
        margin-bottom: 35px
    }
    .single-product-image-container .thumbnails .slides li {
        width: 125px!important
    }
    .sidebar-left .product.single-product .product-details-container .product-info {
        margin-bottom: 15px
    }
    .product.single-product .product-details-container .product-review-container {
        margin-bottom: 35px
    }
    .product.single-product .product-details-container .product-review .product-rating {
        margin-top: 0;
        display: inline-block
    }
    .main-footer .footer-bottom-bar .socials-container>p,
    .portfolio-project-details .project-info .related-project-container {
        display: none
    }
    .product.single-product .product-details-container .product-review .review-counter {
        margin-bottom: 0
    }
    .sidebar-left .single-product-image-container.thumbnails-left,
    .sidebar-left .single-product-image-container.thumbnails-right,
    .sidebar-right .single-product-image-container.thumbnails-left,
    .sidebar-right .single-product-image-container.thumbnails-right {
        margin-bottom: 35px
    }
    .sidebar-left .single-product-image-container.thumbnails-left .slider,
    .sidebar-left .single-product-image-container.thumbnails-right .slider,
    .sidebar-right .single-product-image-container.thumbnails-left .slider,
    .sidebar-right .single-product-image-container.thumbnails-right .slider {
        width: 80%
    }
    .sidebar-left .single-product-image-container.thumbnails-left .thumbnails,
    .sidebar-left .single-product-image-container.thumbnails-right .thumbnails,
    .sidebar-right .single-product-image-container.thumbnails-left .thumbnails,
    .sidebar-right .single-product-image-container.thumbnails-right .thumbnails {
        width: 125px
    }
    .portfolio-container .portfolio-item-wrapper .portfolio-item-container,
    .sidebar-left .single-product-image-container.thumbnails-left .slider .slides li .product-preview img,
    .sidebar-left .single-product-image-container.thumbnails-right .slider .slides li .product-preview img,
    .sidebar-right .single-product-image-container.thumbnails-left .slider .slides li .product-preview img,
    .sidebar-right .single-product-image-container.thumbnails-right .slider .slides li .product-preview img {
        width: 100%
    }
    .sidebar-left .single-product-image-container.thumbnails-left .slider .slides li .product-preview,
    .sidebar-left .single-product-image-container.thumbnails-right .slider .slides li .product-preview,
    .sidebar-right .single-product-image-container.thumbnails-left .slider .slides li .product-preview,
    .sidebar-right .single-product-image-container.thumbnails-right .slider .slides li .product-preview {
        height: 548px
    }
    .sidebar-left .single-product-image-container.thumbnails-left .slider,
    .sidebar-left .single-product-image-container.thumbnails-left .slider .flex-viewport,
    .sidebar-right .single-product-image-container.thumbnails-left .slider,
    .sidebar-right .single-product-image-container.thumbnails-left .slider .flex-viewport {
        margin-right: 0
    }
    .main-footer .widget-flickr-feed ul.flickr-3columns li:nth-child(3n),
    .main-footer .widget-flickr-feed ul.flickr-4columns li:nth-child(4n),
    .main-footer .widget-instagram-feed ul.insta-3columns li:nth-child(3n) {
        margin-right: 10px
    }
    .sidebar-left .single-product-image-container.thumbnails-left+.product-details-container,
    .sidebar-left .single-product-image-container.thumbnails-right+.product-details-container,
    .sidebar-right .single-product-image-container.thumbnails-left+.product-details-container,
    .sidebar-right .single-product-image-container.thumbnails-right+.product-details-container {
        padding-left: 15px
    }
    .sidebar-left .single-product-image-container.thumbnails-left .thumbnails .flex-direction-nav li,
    .sidebar-left .single-product-image-container.thumbnails-right .thumbnails .flex-direction-nav li,
    .sidebar-right .single-product-image-container.thumbnails-left .thumbnails .flex-direction-nav li,
    .sidebar-right .single-product-image-container.thumbnails-right .thumbnails .flex-direction-nav li {
        left: 50%
    }
    .latest-postbox .post-content h1,
    .main-footer .widget-latest-posts.widget-latest-posts-style1 ul li article .post-contents h1,
    .main-footer .widget-latest-posts.widget-latest-posts-style2 ul li article .post-contents h1,
    .main-footer .widget-latest-posts.widget-latest-posts-style3 ul li article .post-contents h1,
    .main-footer .widget-latest-posts.widget-latest-posts-style4 ul li article .post-contents h1,
    .main-footer .widget-latest-posts.widget-latest-posts-style5 ul li article .post-contents h1,
    .main-footer .widget-store-items ul li article .item-details h1 {
        font-size: 14px!important
    }
    .sm-borderless {
        border: none!important
    }
    .portfolio-fullwidth.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay {
        text-align: left
    }
    .portfolio-fullwidth.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay a {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .portfolio-container .portfolio-filter-container ul {
        float: none!important
    }
    .portfolio-project-details.info-right .project-info {
        float: none
    }
    .main-footer .widget-contact-info.widget-contact-info-style1 address p i {
        width: 3%
    }
    .main-footer .widget-contact-info.widget-contact-info-style1 address p span {
        width: 93%
    }
    .main-footer .widget .widget-title {
        margin-bottom: 35px!important
    }
    .main-footer .widget-flickr-feed ul.flickr-3columns li {
        width: 81px;
        height: auto
    }
    .main-footer .widget-flickr-feed ul li a img {
        width: 100%;
        height: auto
    }
    .main-footer .widget-flickr-feed .view-more-button {
        float: none!important;
        margin-bottom: 35px
    }
    .main-footer .widget-subscribe.widget-subscribe-style1,
    .main-footer .widget-subscribe.widget-subscribe-style2 {
        margin-bottom: 60px
    }
    .main-footer .widget-subscribe.widget-subscribe-style1 form input[type=text] {
        margin-bottom: 10px
    }
    .main-footer .widget-subscribe.widget-subscribe-style1 form input[type=submit] {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: 100%
    }
    .main-footer .footer-bottom-bar .copyright,
    .main-footer .footer-bottom-bar .footer-nav,
    .main-footer .footer-bottom-bar .socials-container,
    .main-footer .footer-bottom-bar .widget-socials {
        float: none;
        text-align: center;
        display: block
    }
    .main-footer .footer-bottom-bar *+[class^=col-] .widget-socials {
        text-align: center;
        margin-top: 10px
    }
    .main-footer .footer-bottom-bar .footer-nav+.copyright,
    .main-footer .footer-bottom-bar .socials-container+.copyright,
    .main-footer .footer-bottom-bar .widget+.copyright {
        margin-top: 15px
    }
    .main-footer .footer-bottom-bar .widget-socials ul li {
        float: none;
        display: inline-block
    }
    .main-footer .right-bordered {
        border: none
    }
    .main-footer .widget-instagram-feed ul.insta-3columns li {
        width: 81px;
        height: 81px
    }
    .post-container.medium-post-thumb .mejs-container.mejs-video,
    .post-container.medium-post-thumb .post .entry-image {
        margin-bottom: 60px!important
    }
    .main-sidebar .widget.widget-instagram ul li {
        width: 10%;
        height: auto;
        margin-right: 7px;
        margin-bottom: 7px
    }
    .main-sidebar .widget.widget-subscribe .subscribe-form .subscribe-email {
        margin-bottom: 15px
    }
    .main-sidebar .widget.widget-subscribe .subscribe-form input[type=submit] {
        width: 100%
    }
    .sidebar-left .post-container,
    .sidebar-right .post-container {
        float: none!important
    }
    body.fixed-nav {
        padding-left: 0!important
    }
    .fixed-menu,
    .main-header .breadcrumbs-container,
    .main-header.fixed-header .main-header-inner,
    .main-header.overlay-header .main-header-inner,
    .main-nav.offcanvas-menu:not(.mobile-nav) {
        display: none
    }
    .main-nav.offcanvas-menu {
        width: 270px
    }
    .main-nav.offcanvas-menu ul {
        padding: 73px 27px
    }
    .main-nav.mobile-nav .blog-post,
    .main-nav.mobile-nav .product,
    .main-nav.mobile-nav .shifter-handle,
    .main-nav.mobile-nav .socials {
        display: none!important
    }
    .shifter-open .shifter-header,
    .shifter-open .shifter-page {
        -webkit-transform: translate3D(-270px, 0, 0);
        -ms-transform: translate3D(-270px, 0, 0);
        transform: translate3D(-270px, 0, 0)
    }
    .shifter-enabled.shifter-left.shifter-open .shifter-header,
    .shifter-enabled.shifter-left.shifter-open .shifter-page {
        -webkit-transform: translate3D(270px, 0, 0);
        -ms-transform: translate3D(270px, 0, 0);
        transform: translate3D(270px, 0, 0)
    }
    .no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation,
    .no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
        left: -270px
    }
    .shifter-enabled.shifter-left.shifter-open.mobile-header-style2 .shifter-header,
    .shifter-enabled.shifter-left.shifter-open.mobile-header-style2 .shifter-page,
    .shifter-open.mobile-header-style2 .shifter-header,
    .shifter-open.mobile-header-style2 .shifter-page {
        -webkit-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0)
    }
    .no-csstransforms3d .shifter-enabled.shifter-left.mobile-header-style2 .shifter-navigation,
    .no-csstransforms3d .shifter-enabled.shifter-open.mobile-header-style2 .shifter-page {
        left: 0
    }
    .w1740 .product .single-product-image-container .thumbnails .slides li {
        width: 120px!important;
        margin-bottom: 24px!important
    }
}

.cha-head,
.cha-name,
.index-head {
    font-family: Kanit, Sans-Serif;
    font-weight: 400
}

.ir,
.visuallyhidden {
    border: 0;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .main-wrapper {
        padding-top: 0!important
    }
    .main-nav ul li.woocommerce-menu .mobile-woocommerce-dropdown {
        display: none!important
    }
    .main-nav.mobile-nav {
        display: none
    }
    .mobile-woocommerce-menu {
        display: none!important
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .main-nav.extra-padding ul li {
        margin-left: 20px
    }
    .main-header.style4 .main-bar .options li {
        margin-right: 10px
    }
    .main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul.arrow-list li:not(.column-title) a,
    .main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul.arrow-list li:not(.column-title) a {
        padding-left: 25px
    }
    .main-nav ul li.mega-menu.full-width .sub-menu .menu-column ul.arrow-list li:not(.column-title) a:before,
    .main-nav ul li.mega-menu.multi-column .sub-menu .menu-column ul.arrow-list li:not(.column-title) a:before {
        left: 0
    }
    .portfolio-fullwidth.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay {
        text-align: left
    }
    .portfolio-fullwidth.columns3 .portfolio-item-wrapper.portfolio-item-wrapper-style2 .portfolio-item .overlay a {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .portfolio-container.portfolio-masonry .portfolio-item-container .portfolio-item .portfolio-item-details {
        bottom: 0;
        margin: 0;
        width: 100%;
        height: 100%
    }
    .main-footer .footer-nav.style1 ul li,
    .main-footer .footer-nav.style2 ul li {
        margin-left: 10px
    }
    .main-footer .widget-store-items ul li article .item-details {
        overflow: hidden
    }
    .main-footer .widget-store-items ul li article .item-details .item-rating span {
        margin-right: 0
    }
    .main-footer .widget-store-items ul li article .item-details .item-price del {
        display: block
    }
    .main-footer .widget-instagram-feed ul li {
        width: 64px;
        height: 64px
    }
    .main-footer .right-skewed-border:after {
        right: 0
    }
    .portfolio-container.columns3 .portfolio-item-container,
    .portfolio-container.columns4 .portfolio-item-container {
        width: 50%
    }
    .portfolio-container.columns5 .portfolio-item-container,
    .portfolio-container.columns6 .portfolio-item-container {
        width: 33.33333333333333%
    }
    .topbar-special-bx {
        font-size: 21px
    }
    .topbar-special-bx span {
        font-size: 16px
    }
    .profilepic {
        width: 50px;
        height: 50px
    }
    .margin-login {
        margin-top: 8px
    }
    .main-nav {
        font-size: 21px
    }
    .main-nav ul li {
        margin-left: 16px;
        font-size: 19px
    }
    .bg-slide {
        height: 400px;
        background-size: 108% auto;
        width: 98.2%
    }
    .bg-slide .name a {
        font-size: 62px
    }
    .bg-slide p {
        font-size: 22px
    }
    .activitie-bg {
        height: 317px
    }
    .activitie-bg a h3 {
        font-size: 23px;
        line-height: 1.2
    }
    .activitie-bg p {
        font-size: 14px;
        line-height: 1.2
    }
    .appbx {
        width: 90%
    }
    .appbx img {
        width: 80px
    }
    .carousel-inner .item {
        height: 335px
    }
    .carousel-caption {
        right: 10%;
        left: 10%;
        top: 5%
    }
    .jssora21l {
        top: 45%;
        left: 30%
    }
    .jssora21r {
        top: 45%;
        right: 30%
    }
    .carousel-caption h1 {
        font-size: 38px;
        line-height: 1
    }
    .carousel-caption p {
        font-size: 23px;
        line-height: .85
    }
    .btn-watchnow,
    .pr-detail-bx h4 {
        font-size: 20px
    }
    .caption-dara {
        left: 10%;
        top: 5%;
        margin-top: 110px
    }
    .margin-content {
        margin-top: 80px;
        margin-left: 10px
    }
    .btn-watchnow {
        padding: 7px 20px;
        margin-top: -10px
    }
    .pr-hilight-left,
    .pr-hilight-right {
        height: 415px
    }
    .pr-detail-bx {
        height: 150px
    }
    .portfolio-item-container {
        height: 415px
    }
    .portfolio-item-container4 {
        height: 210px
    }
    .portfolio-item-container5 {
        height: 420px
    }
    .hilight-pr-detail {
        width: 100%
    }
    .hilight-pr a h3 {
        font-size: 23px
    }
    .hilight-pr a .photo img {
        max-width: 106.7%
    }
    .soundtrack-detail-bx {
        font-size: 13px
    }
    .soundtrack-detail-bx h4 {
        font-size: 19px;
        margin: -7px 0 0
    }
    .panel:hover {
        background: #0f151e
    }
    .card:hover {
        -o-transition: all 0s;
        -ms-transition: all 0s;
        -moz-transition: all 0s;
        -webkit-transition: all 0s;
        transition: all 0s;
        -webkit-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -moz-backface-visibility: visible;
        backface-visibility: visible;
        background: #0f151e!important
    }
    .back {
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none
    }
    .titletxt-all {
        font-size: 39px
    }
    .drama-all-detailbx {
        line-height: 1.2;
        font-size: 17px;
        height: 100px
    }
    .drama-all-detailbx a {
        font-size: 20px
    }
    .all-bx-height {
        height: 235px
    }
    .all-bx-height2 {
        height: 300px
    }
    .banner-main-inside {
        height: 335px
    }
    .left-content {
        width: 70%
    }
    .right-content {
        width: 30%;
        padding-left: 10px
    }
    .actorbx {
        font-size: 18px
    }
    .actorbx li {
        width: 155px;
        margin: 0 5px
    }
    .actorbx li:last-child {
        margin: 0 0 0 5px
    }
    .soundtrack-insidebx {
        width: 31.8%
    }
    .portfolio-item-container7 {
        height: 205px
    }
    .gallery-cover-txt {
        font-size: 17px
    }
    .tab-detail-inside {
        height: 190px
    }
    .tab-detail-inside a h3 {
        font-size: 20px
    }
    .tab-detail-inside p {
        font-size: 14px;
        line-height: 1.4
    }
    .playlist-list li a,
    .title-blue-detail {
        font-size: 18px
    }
    .playlistbx {
        margin-left: -10px
    }
    .absolute-rightbx {
        bottom: -545px;
        left: 10px
    }
    .appbx2-w100 {
        width: 100%
    }
    .live .box1 {
        font-size: 16px
    }
    .title-calendar-txt1 {
        width: 26%
    }
    .title-calendar-txt2 {
        width: 20%
    }
    .custom-calendar-bx2 {
        width: 100%
    }
}

.app-box,
.btn-showmore {
    text-align: center
}

.hidden,
.invisible {
    visibility: hidden
}

@media screen and (max-width:1199px) {
    .main-header.style3 .main-bar .menu-container .right-menu>ul>li {
        margin-right: 20px
    }
    .main-header.style3 .main-bar .menu-container .right-menu.short-spacing>ul>li {
        margin-right: 17px
    }
    .main-header.style3 .main-bar .menu-container .right-menu.short-spacing>ul .icons li {
        display: none
    }
    .main-header.style3 .main-bar .menu-container .left-menu>ul>li {
        margin-left: 18px
    }
    .main-header.style3 .main-bar .menu-container .right-menu>ul .icons li {
        margin-left: 15px
    }
    .main-header.style3 .main-bar .menu-container .right-menu>ul .icons {
        margin-right: 0
    }
    .main-header.style2 .main-bar.style2 {
        padding-right: 40px;
        padding-left: 40px
    }
    .main-nav.style4 .navigation>ul.top-nav>li {
        margin-left: 13px
    }
    .main-nav.style4 .navigation>ul.top-nav>li:first-child {
        margin-left: 20px
    }
    .main-nav.style4 .navigation>ul.top-nav>li>a {
        letter-spacing: 1px
    }
    .main-nav.style4 .navigation>ul.top-nav>li.has-children>a:after {
        margin-left: 3px
    }
    .main-nav.style4 .navigation>ul.bottom-nav li {
        margin-left: 10px
    }
    .main-nav.style4 .navigation>ul.bottom-nav li:before {
        margin-right: 16px
    }
    .main-nav.style4 .navigation+.shopping-menu>li {
        margin-left: 15px
    }
    .main-nav.style5 .shopping-menu>li:first-child,
    .main-nav.style5>ul>li {
        margin-left: 20px
    }
}

@media screen and (min-width:1200px) {
    .container {
        padding-right: 0;
        padding-left: 0
    }
    .portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container:last-child,
    .portfolio-container.portfolio-timeline .portfolio-item-wrapper .portfolio-item-container:nth-last-child(2) {
        margin-bottom: 0
    }
    .carousel-caption {
        right: 10%;
        left: 10%;
        top: 7%
    }
    .caption-dara {
        left: 10;
        top: 7%;
        margin-top: 200px
    }
    .jssora21l {
        top: 45%;
        left: 35%
    }
    .jssora21r {
        top: 45%;
        right: 35%
    }
}

@media (min-width:1900px) and (max-width:2500px) {
    .carousel-caption {
        right: 20%;
        left: 20%;
        top: 5%
    }
    .caption-dara {
        left: 20;
        top: 5.1%;
        margin-top: 200px
    }
    .jssora21l {
        top: 48%;
        left: 110%
    }
    .jssora21r {
        top: 48%;
        right: 110%
    }
}

@media screen and (max-width:1440px) {
    .w1740 .product .single-product-image-container .thumbnails .slides li {
        width: 102px!important;
        margin-bottom: 16px!important
    }
}

@media screen and (max-width:1200px) {
    .w1740 .product .single-product-image-container .thumbnails .slides li {
        width: 79px!important;
        margin-bottom: 10px!important
    }
}

.ir {
    background-color: transparent
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none!important
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.cha-img,
.cha-link,
.cha-name,
.edit-list-next,
.hit-pic-no,
.line-one,
.login-name,
.mello {
    overflow: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.banner-3live,
.bg-white,
.cha-box,
.drama-hit-num,
.ig-box-bg {
    box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .4)
}

.btn-showmore {
    background-color: #fff;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px 0 0;
    color: #666;
    display: block;
    height: 35px;
    margin-top: 20px;
    transition: background .3s ease 0s;
    width: 100%
}

.app-box,
.app-list>li,
.app-load-a,
.edit-share li,
.hinge,
.img-app,
.text-app {
    display: inline-block
}

.main-nav.offcanvas-menu.dark-bg ul li .color-later {
    color: #fe4b33!important
}

.main-nav.offcanvas-menu.dark-bg ul li .color-tv {
    color: #5DB805!important
}

.right-dropdown {
    right: 0;
    left: inherit
}

.dl-detail-list {
    width: 80%;
    margin: 20px auto;
    padding: 10px;
    font-size: 25px
}

.fixed-margin .bx-wrapper {
    margin: -1px!important
}

.appbx {
    width: 100%;
    background-color: #dde1e8;
    padding: 10px;
    margin: 0 auto
}

.appbx img {
    width: 85px;
    height: auto
}

.app-bx-index,
.bg-white {
    width: 85%
}

.appbx span {
    color: #4556d8;
    font-size: 25px
}

.app-content {
    background-color: #FFF;
    padding: 10px;
    margin: 10px 0;
    font-size: 12.5px
}

.app-box>p {
    margin-bottom: 0
}

.bg-white {
    background-color: #FFF;
    padding: 10px 0;
    margin: 0 auto 10px
}

.application-sec {
    background: #dde1e8;
    padding: 30px 0
}

.app-text {
    color: #2d3748;
    font-size: 28px
}

.app-list {
    padding: 0;
    margin: 0
}

.app-list>li {
    border: 1px solid #b4c0c2;
    padding: 10px;
    margin: 0 10px 10px 0
}

.text-app {
    padding-right: 3px;
    padding-left: 3px
}

.app-name {
    font-size: 20px;
    margin-bottom: 10px;
}

.index-head {
    font-size: 35px;
    line-height: 1;
    text-align: left;
    color: #fff;
    margin-bottom: 10px
}

.banner-3live,
.banner-head,
.btn-tv-online,
.btn-vdo,
.not-box,
.scrollup,
.search-icon-index,
.show-icon-guide,
.show-play,
.social-icons {
    text-align: center
}

.not-head,
.not-text1,
.not-text2 {
    line-height: normal
}

.not-box {
    margin-top: 60px;
    margin-bottom: 40px;
    background: url(../images/not-f.png) bottom center no-repeat;
    padding-bottom: 200px
}

.not-head {
    font-size: 48px;
    color: #283372;
    border-bottom: 1px solid #d4d4d4
}

.not-text1 {
    color: #d3d8dd;
    font-size: 70px;
    margin-bottom: 0;
    position: relative
}

.not-text2 {
    color: #333;
    font-size: 36px
}

.not-ef {
    position: absolute;
    color: #d3d8dd;
    width: 100%;
    left: 0
}

.not-span {
    color: #fe4b33
}

.not-g-index,
.not-g-index:focus {
    display: inline-block;
    background: #283372;
    color: #fff;
    font-size: 30px;
    padding: 5px 20px 8px
}

.not-g-index:hover {
    background: #000;
    color: #E7E7E7
}

.error-span {
    opacity: 0
}

.error-span1 {
    animation: not-text-er 6s linear infinite;
    color: #0b2139
}

@keyframes not-text-er {
    0%,
    100%,
    19.999%,
    22%,
    40%,
    62.999%,
    64%,
    64.999%,
    70% {
        opacity: .99;
        text-shadow: 0 0 100px #fff, 0 0 30px #c4c4c4, 0 0 5px #283371
    }
    20%,
    21.999%,
    63%,
    63.999%,
    65%,
    69.999% {
        opacity: .4;
        text-shadow: none
    }
}

.animated {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top center;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(10deg);
        transform-origin: top center;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(5deg);
        transform-origin: top center;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(5deg) translateY(0);
        transform-origin: top center;
        animation-timing-function: ease-in-out
    }
}

.hinge {
    animation-name: hinge
}

.edit-size-head {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 12px
}

.edit-size-bread {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

.edit-margin {
    margin-top: 15px
}

.edit-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 24px
}

.edit-t-head {
    color: #666;
    font-size: 20px
}

.edit-t-head:after {
    content: ":";
    margin-left: 5px;
    margin-right: 5px
}

.edit-share {
    padding: 0;
    margin: 0 0 10px
}

.edit-share li {
    padding: 0;
    margin: 0;
    color: #666
}

.edit-ic {
    margin-left: 5px
}

.edit-ic>img {
    width: 35px
}

.edit-re {
    position: relative
}

.edit-watch {
    margin-bottom: 5px;
    position: absolute;
    right: 5px;
    top: 3px;
    color: #fe4b33;
    font-size: 24px
}

.edit-watch-w {
    color: #666;
    font-size: 20px
}

.edit-next {
    background: #0A2139;
    margin-top: 20px;
    float: left;
    display: block;
    width: 100%
}

.edit-box-next,
.edit-list-next,
.edit-p-n {
    display: inline-block
}

.edit-p-n {
    background: #5DB805;
    color: #fff;
    margin-bottom: 0;
    padding: 6px 10px;
    float: left;
    width: 105px
}

.edit-box-next {
    position: relative;
    float: left;
    width: 65%
}

.edit-list-next {
    color: #fff;
    margin-bottom: 0;
    padding-left: 13px;
    font-size: 22px;
    padding-top: 5px;
    width: 100%
}

.cha-mr-b,
.cha-mr-tb,
.hit-chan,
.hit-title {
    margin-bottom: 5px
}

.edit-time-n {
    padding-right: 25px
}

.edit-next-btn {
    position: absolute;
    color: #fff;
    background: #384450;
    display: block;
    padding: 0 15px;
    right: -170px;
    top: 5px
}

.banner-3live,
.drama-hit-num {
    padding: 15px 10px;
    margin-top: 20px
}

.edit-next-btn:hover {
    background: #061321;
    color: #fff
}

.banner-3live {
    float: left;
    background-color: #FFF;
    width: 100%;
    height: auto
}

.live3-and,
.live3-ios,
.live3-text {
    margin-right: 10px
}

.img-live-app {
    margin-left: 10px
}

.box-hit-drama {
    float: left;
    width: 100%
}

.drama-hit-num {
    background: #DDE2E8;
    clear: both;
    position: relative
}

.hit-pic-no {
    width: 120px;
    display: inline-block
}

.hit-box-title {
    display: inline-block;
    padding-left: 10px
}

.hit-drama-click {
    display: block
}

.hit-title {
    font-size: 20px
}

.hit-drama-click:hover .hit-title {
    color: #4455d7
}

.hit-chan {
    font-size: 14px;
    color: #666
}

.hit-num {
    position: absolute;
    right: 15px;
    bottom: 31px;
    color: #c8cdd4;
    font-size: 120px
}

.box-app-left {
    float: left;
    width: 100%;
    margin-top: 25px
}

.cha-mr-tb {
    margin-top: 5px
}

.cha-play-list {
    max-height: 355px
}

.cha-head {
    font-size: 28px;
    margin-top: 25px;
    margin-bottom: 10px
}

.cha-box {
    background-color: #dde1e8;
    padding: 20px 15px 15px;
    margin-bottom: 25px
}

.cha-img {
    position: relative;
    display: inline-block;
    float: left;
    width: 40%
}

.cha-img a,
.cha-num-v {
    display: block
}

.cha-img img,
.cha-num-v {
    width: 100%
}

.cha-num-v {
    position: absolute;
    bottom: 0;
    background: rgba(102, 102, 102, .9);
    color: #fff;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 26px
}

.cha-box-text,
.cha-v {
    display: inline-block
}

.cha-v {
    font-size: 16px
}

.cha-name {
    font-size: 26px;
    color: #4455d7;
    margin-bottom: 0;
    margin-top: -10px
}

.cha-box-text {
    width: 60%;
    height: 130px;
    padding-left: 15px
}

.cha-link {
    display: block
}

.cha-link:before {
    font-family: FontAwesome;
    content: "\f144";
    margin-right: 5px
}

.breadcrumbs-active-blue h2,
.ig-profile-name {
    font-family: Kanit, sans-serif
}

.cha-link:hover {
    color: #000
}

.cha-line {
    margin: 10px 0
}

.mfp-wrap {
    max-height: 100vh
}

.breadcrumbs-active-blue {
    display: inline-block
}

.breadcrumbs-active-blue h2 {
    font-size: 18px;
    margin-bottom: 0;
    color: #4455d7;
    margin-top: 0
}

.ig-box-bg {
    background: #fff;
    padding: 15px;
    display: block;
    margin-bottom: 30px
}

.ig-profile {
    margin-bottom: 10px
}

.ig-profile img {
    border-radius: 50px;
    width: 50px;
    display: inline-block
}

.ig-profile-name {
    display: inline-block;
    font-size: 20px;
    padding-left: 5px;
    width: 70%;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 0
}

.ig-pic-show {
    height: 235px;
    margin-bottom: 0;
    position: relative
}

.ig-box-bg:hover .igdara-more {
    opacity: 1;
    top: 50%
}

.ig-box-bg:hover .ig-profile-name {
    color: #4455d7
}

.igdara-more {
    display: inline-block;
    color: #fff;
    background: #0E151D;
    padding: 5px 10px;
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transition: all .5s ease;
    opacity: 0
}

.igdara-more i {
    font-size: 12px
}

.ribbon-black {
    position: fixed;
    z-index: 9999999;
    right: 0
}

.ribbon-black img {
    width: auto
}

.MsoNormal,
.detail-whitebx p {
    font-family: tahoma
}

@media (max-width:767px) {
    .not-box {
        margin-top: 30px
    }
    .not-head {
        font-size: 36px
    }
    .not-text1 {
        font-size: 30px
    }
    .not-text2 {
        font-size: 22px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bg-white {
        width: 90%
    }
    .index-head {
        font-size: 38px;
        line-height: 1
    }
    .edit-next-btn {
        right: -125px
    }
    .banner-3live {
        padding: 10px
    }
    .live3-and,
    .live3-ios,
    .live3-text {
        margin-right: 0
    }
    .cha-play-list {
        max-height: 305px
    }
    .ig-profile-name {
        width: 60%
    }
    .ig-pic-show {
        height: 260px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bg-white {
        width: 100%;
        margin-top: 20px
    }
    .appbx {
        margin-top: 25px
    }
    .app-list>li {
        margin-right: 5px;
        padding: 5px
    }
    /*.app-load-a>img {
        width: 100px
    }*/
    .index-head {
        font-size: 35px;
        line-height: 1
    }
    .edit-next-btn {
        right: -145px;
        top: 5px
    }
    .ribbon-black img {
        width: 50px
    }
}

@media (max-width:767px) {
    .ribbon-black img {
        width: 40px
    }
    .info-detail-bx {
        padding: 10px;
        height: 150px;
        font-size: 14px;
        line-height: 1.3;
        background-color: #fff;
        font-family: tahoma
    }
    .cha-mr-b,
    .edit-title {
        padding-left: 0
    }
    .bg-white {
        width: 100%;
        margin-top: 20px
    }
    .appbx {
        margin-top: 25px
    }
    .app-list>li {
        margin-right: 0;
        width: 100%;
        text-align: center
    }
    .index-head {
        font-size: 19px;
        font-family: Tahoma, sans-serif;
        font-weight: 700
    }
    .not-box {
        margin-top: 30px
    }
    .not-head {
        font-size: 36px
    }
    .not-text1 {
        font-size: 30px
    }
    .not-text2 {
        font-size: 22px
    }
    .edit-size-head {
        padding-bottom: 10px;
        margin-bottom: 0
    }
    .edit-watch {
        position: static
    }
    .edit-next-btn {
        position: inherit;
        margin-left: 10px;
        top: inherit;
        right: inherit;
        text-align: center
    }
    .edit-time-n {
        padding-right: 5px
    }
    .edit-p-n {
        height: 65px;
        padding-top: 20px
    }
    .edit-box-next {
        width: 65%
    }
    .img-live-app {
        width: 170px;
        margin-left: 0
    }
    .ig-pic-show {
        height: 300px
    }
}

@media(max-width:450px) {
    .col-mobile {
        width: 100%
    }
}

@media (max-width:320px) {
    .cha-link {
        display: none
    }
    .cha-name {
        text-overflow: inherit;
        white-space: normal;
        margin-top: 3px
    }
    .cha-box-text {
        width: 100%;
        padding: 0
    }
    .cha-img {
        width: 100%
    }
    .portfolio-item-container {
        height: 390px
    }
}

.line-one,
.login-name {
    text-overflow: ellipsis;
    white-space: nowrap
}

ul {
    padding: 0
}

.brandv0517,
.header-nav-v0517,
.line-style {
    display: inline-block
}

.line-style {
    margin-top: 5px;
    margin-left: 10px;
    background-color: #00b900;
    padding-top: 2px;
    height: 43px
}

.top-bar .col-sm-12 {
    padding: 0;
    margin-left: -11px
}

.head-v0517 {
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

.position-rev {
    position: relative
}

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

.brandv0517 img {
    width: 110px
}

.header-nav-v0517 {
    float: left;
    padding-left: 10px
}

.nav-hilight-v0517 {
    display: block;
    margin-bottom: 15px;
    width: 100%
}

.navbar-v0517 {
    color: #111b2a;
    border-color: transparent;
    background-color: transparent;
    margin-bottom: 5px
}

.nav-menu-v0531 {
    display: inline-block;
    float: left
}

.truehit {
    display: inline-block;
    float: right;
    padding-top: 20px
}

.navbar-v0517 .navbar-nav>.active>a,
.navbar-v0517 .navbar-nav>.active>a:focus,
.navbar-v0517 .navbar-nav>.active>a:hover {
    color: #003296;
    background-color: transparent
}

.navbar-v0517 .navbar-nav>li>a {
    color: #111b2a;
    font-size: 22px;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px
}

.navbar-v0517 .navbar-nav>li>a:focus,
.navbar-v0517 .navbar-nav>li>a:hover {
    color: #003296
}

.dropdown-menu>li>.sub-menu-v0517 {
    color: #fff;
    padding: 8px 20px;
    font-size: 18px;
    border-bottom: 1px solid #444;
    margin: 0 15px
}

.dropdown-menu>li>.sub-menu-v0517:focus,
.dropdown-menu>li>.sub-menu-v0517:hover {
    color: #4680EC;
    background-color: transparent
}

.dropdown-menu>li:last-child>.sub-menu-v0517 {
    border-bottom-color: transparent
}

.navbar-nav>li:first-child>a {
    padding-left: 0
}

.sub-menu {
    background-color: #222
}

.btn-tv-online,
.btn-vdo {
    padding: 6px 0;
    width: 140px;
    display: inline-block;
    font-size: 22px;
    color: #FFF;
    float: left
}

.btn-tv-online h2,
.btn-vdo h2 {
    font-size: 22px;
    margin: 0;
    padding: 0;
    font-family: Kanit;
    font-weight: 400
}

.btn-vdo {
    background-color: #fe4b33
}

.btn-vdo:hover {
    color: #FFF;
    background-color: #ca3d2a
}

.btn-tv-online {
    background-color: #5DB805;
    margin-left: 8px
}

.btn-tv-online:hover {
    color: #FFF;
    background-color: #468f00
}

.search-bx-index {
    width: 190px;
    margin-left: 8px;
    float: left
}

.search-form-index {
    height: 39px;
    background-color: #D3D6DB;
    color: #333;
    font-size: 14px;
    border: 0
}

.search-icon-index {
    background-color: #D3D6DB;
    color: #fff;
    height: 39px;
    font-size: 20px;
    display: block;
    padding-top: 7px
}

.showon-mobile {
    position: absolute;
    width: 53%;
    right: 0;
    top: 65px;
    display: block
}

.social-icons {
    float: left;
    height: 39px;
    margin-left: 8px
}

.social-icons ul {
    padding: 0;
    margin: 3px 0;
    display: inline-block
}

.mello img,
.sub-menu-login {
    margin-top: -5px
}

.social-icons ul li {
    float: left;
    margin-right: 8px
}

.social-icons ul li:last-child {
    margin-right: 0
}

.social-icons ul li a {
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 31px;
    display: block;
    font-size: 20px;
    opacity: .8;
    border-radius: 50%
}

.social-icons ul li a:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.social-icons ul li a.youtube {
    background-color: #E14E42
}

.social-icons ul li a.facebook {
    background-color: #3b5999
}

.social-icons ul li a.line {
    background-color: #3CD037
}

.social-icons ul li a.line img {
    width: 22px
}

.social-icons ul li a.instagram {
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF)
}

.social-icons ul li a.twitter {
    background-color: #3CF
}
.social-icons ul li a.tiktok img {
    border-radius: 100%; vertical-align: top;
}
.btn-wwu { margin: 5px 10px 0 10px; float: left; text-decoration: underline !important; color: #ff0000;}
.connect-txt {
    font-size: 18px;
    padding-top: 5px;
    margin-bottom: 0
}

.mello {
    display: inline-block;
    border-radius: 50px;
    background: #4fa459
}

.login-v0517,
.logintxt {
    float: right;
    border: 1px solid #e7e7e7;
    padding: 3px
}

.logintxt {
    font-size: 15px;
    display: block
}

.login-v0517 {
    width: 202px;
    position: relative
}

.login-on-pic {
    display: inline-block;
    float: left
}

.login-on-pic img {
    width: 30px;
    height: auto
}

.login-name {
    display: inline-block;
    width: 80%;
    padding: 7px 0 0 5px;
    margin-bottom: 0;
    line-height: 1
}

.caret-pos {
    position: absolute;
    right: 0;
    top: 15px
}

.sub-menu-login {
    min-width: 166px;
    background: #fff
}

.banner-head {
    margin: 15px 0
}

.scrollup {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 100px;
    right: 50px;
    display: none;
    background-color: rgba(10, 33, 57, .4);
    z-index: 9999;
    padding-top: 8px;
    color: #fff
}

.content-right,
.img-left,
.show-play {
    display: inline-block
}

.scrollup:hover {
    background-color: rgba(10, 33, 57, 1)
}

.effect-zoe {
    position: relative
}

.show-play,
.show-play>i {
    position: absolute;
    top: 50%;
    left: 50%
}

.effect-zoe>a {
    opacity: .85
}

.effect-zoe>a:hover {
    opacity: 1
}

.show-play {
    width: 58px;
    height: 58px;
    color: #fff;
    background: 0 0;
    margin: 0 3px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    z-index: 999;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.news-show-click:hover,
.rerun-show-click:hover {
    color: #000
}

.show-play>i {
    font-size: 38px;
    padding-left: 5px;
    padding-bottom: 3px;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.actorbx,
.extra-spon,
.img-left,
.img-left-news {
    position: relative
}

.actorbx {
    padding-bottom: 10px
}

.actorbx li {
    width: 25%;
    padding: 5px 5px 0;
    margin: 0
}

.actorbx li:last-child {
    margin: 0
}

.actorbx p {
    font-size: 14px;
    margin-bottom: 0
}

.actorbx ul {
    float: left;
    margin-bottom: 10px
}

.line-grey {
    border-bottom: 1px solid #d4d4d4;
    margin-top: 18px;
    margin-bottom: 25px
}

.rerun-show-box {
    padding-left: 0;
    margin-bottom: 8px
}

.img-left {
    float: left;
    width: 40%;
    opacity: .85
}

.img-left img {
    width: 100%
}

.content-right {
    float: left;
    width: 60%;
    padding-left: 10px;
    line-height: 1.25
}

.view-show {
    display: block;
    font-family: Tahoma, sans-serif, Arial;
    font-size: 14px
}

#slider-nextnews,
#slider-prevnews,
.content-right-news,
.footer-ch-mello,
.footer-ch-yt,
.img-left-news,
.news-show-click,
.rerun-show-click,
.show-icon-guide-d,
.show-icon-r,
.title-green-detail {
    display: inline-block
}

.rerun-show-click {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px
}

.rerun-show-click:hover .img-left {
    opacity: 1
}

.news-show-box {
    padding-left: 0;
    margin-bottom: 8px
}

.news-show-click {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px
}

.news-show-click:hover .img-left-news {
    opacity: .85
}

.img-left-news {
    float: left;
    width: 25%;
    opacity: 1
}

.content-right-news {
    float: left;
    width: 75%;
    padding-left: 10px;
    line-height: 1.25
}

.text-show {
    font-size: 14px;
    margin-bottom: 3px
}

.onair-box {
    margin-bottom: 15px
}

.title-green-detail {
    color: #5DB805;
    margin-bottom: 0;
    font-size: 20px;
    font-family: Kanit, Sans-Serif;
    font-weight: 400
}

.img-headtop,
.lastest-text,
.show-onair-day {
    margin-bottom: 10px
}

.show-onair-day {
    display: inline-block
}

.lastest-rerun {
    background: #FE4B34;
    padding: 5px 15px
}

.lastest-text {
    color: #fff;
    font-family: Kanit, Sans-Serif!important
}

.lastest-rerun-click .content-right,
.news-box-relate-in a:hover p {
    color: #000
}

.lastest-rerun-click {
    border-color: transparent;
    padding-bottom: 0;
    width: 100%
}

.padding-left5 {
    padding-left: 5px
}

.padding-right5 {
    padding-right: 5px
}

.lastest-story {
    background: #898989;
    padding: 5px 15px
}

.img-col-4 img,
.img-headtop img {
    width: 100%
}

.text-col-4 {
    margin-bottom: 5px;
    margin-top: 10px
}

.news-box-relate .news-box-relate-in {
    padding: 0 5px
}

.news-box-relate-in a:hover img {
    opacity: .85
}

.bx-viewport {
    height: auto!important
}

.bxslider-celeb img {
    min-height: 290px;
    width: 100%
}

.breadcrumbs-container {
    margin-bottom: 10px!important
}

.show-icon-guide {
    font-size: 12px;
    background: #EDEDED;
    margin-top: 5px;
    font-family: tahoma
}

.show-icon-guide-d {
    padding-right: 10px
}

.show-icon-r {
    color: red;
    margin-right: 5px
}

.table {
    margin-bottom: 0
}

.modal-dialog {
    z-index: 9999
}

.footer-ch-mello {
    width: 55px;
	display: inline-block; float: left;
}

.footer-ch-mello img {
    width: 100%;
	vertical-align: top;
}

.footer-ch-yt {
    margin-top: 10px;
    width: 100px;
	display: inline-block; float: left;
}

.footer-ch-yt img {
    width: 100%
}
.footer-ch-iqiyi {
	width: 55px;
	display: inline-block; float: left;
}
.footer-ch-iqiyi img {
	width: 100%;
}
.footer-ch-viu {
	margin-top: 6px;
    width: 92px;
	display: inline-block; float: left;
}
.footer-ch-viu img {
	 width: 100%
}

.footer-text-head {
    font-size: 28px;
    color: #2d3748;
    font-weight: 400
}
.watch-back a { margin-right: 25px; margin-bottom: 20px;}
.watch-back a:last-child { margin-right: 0;}
.watch-back a:nth-child(4) { clear: both;}

@media screen and (max-width:1199px) {
	.footer-ch-mello { width: 45px;}
	.footer-ch-iqiyi { width: 45px;}
	.watch-back a { margin-right: 15px;}
}
@media screen and (max-width:991px) {
	.footer-ch-mello { width: 45px;}
	.watch-back a { margin-right: 5%; margin-bottom: 20px;}
	.watch-back a:nth-child(4) { clear: both;}
	.logo-ch3hd a img { height: 45px;}
}
@media screen and (max-width:767px) {
	.footer-ch-yt { margin-top: -4px;}
	.footer-ch-viu { margin-top: 0;}
	.watch-back a { margin-right: 25px;}
	.watch-back a:nth-child(4) { clear: both;}
	.logo-ch3hd a img { height: 40px;}
	.text-app { display: block;}
	.app-name { margin: 10px 0;}
	.app-load-a { display: block; margin: 0 0 10px;}
}
@media screen and (max-width:374px) {
	.watch-back .footer-ch-viu { margin-right: 0;}
}

#slider-nextnews,
#slider-prevnews {
    border-radius: 0;
    background-color: #fe7b33;
    font-size: 37px;
    text-align: center
}

#slider-nextnews {
    margin: 0 2px
}

#slider-nextnews a,
#slider-prevnews a {
    color: #fff;
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px
}

#slider-nextnews:hover,
#slider-prevnews:hover {
    background-color: #feb900
}

.line-one {
    display: block
}

.extra-spon {
    background: #c2d430
}

.extra-pic {
    display: inline-block;
    position: absolute
}

.extra-pic img {
    height: 32px
}

.extra-text {
    font-family: Kanit!important;
    margin-bottom: 0;
    display: inline-block;
    padding: 4px 5px 4px 84px;
    font-size: 16px
}

.extra-text i {
    color: red;
    font-size: 8px;
    vertical-align: middle;
    padding-right: 5px
}

.bg-spon {
    background: url(../images/live-1366-show-2.jpg) bottom right no-repeat #fff;
    background-size: 290px auto
}

.mt-15 {
    margin-top: 15px
}

.contact-text {
    margin-bottom: 15px
}

.contact-text h5 {
    text-transform: inherit
}

.contact-topic {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 3px
}

.table-contact>tbody>tr>td {
    padding-top: 20px;
    word-break: break-word
}

.table-contact td:first-child {
    font-weight: 700;
    width: 30%
}

.content-text a,
.table-contact a[href^="tel:"],
.table-contact a[href^="mailto:"] {
    color: #4455d7
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent
}

.contact-map {
    padding-bottom: 35%;
    border: 1px solid #ddd
}

.line-dot {
    border-top: 1px dashed #ddd;
    padding-top: 15px
}

.contact-list {
    list-style: disc;
    padding-left: 35px
}

.float-bk-corner {
    position: fixed;
    width: 300px;
    height: 200px;
    right: 20px;
    bottom: 10px;
    z-index: 10000;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    background: transparent;
    border-radius: 5px
}

.float-bk-corner > div {
    border-radius: 5px;
    border: 2px solid #333;
    overflow: hidden
}

.float-bk-corner .close-pop {
    color: #333;
    font-size: 16px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 15px;
    border: 3px solid #333;
    text-align: center;
    line-height: 9px;
    padding: 3px 0 0
}

@media (min-width:768px) {
    .dropdown-menu li:hover .sub-menu {
        visibility: visible
    }
    .dropdown:hover .dropdown-menu {
        display: block
    }
    .caret-pos-mo {
        display: none
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .header-nav-v0517 {
        padding-left: 10px
    }
    .navbar-v0517 .navbar-nav>li>a {
        font-size: 20px;
        margin-top: 10px;
        padding-left: 0
    }
    .search-bx-index {
        width: 200px
    }
    .social-icons ul {
        margin: 0
    }
    .showon-mobile {
        width: 48%;
        top: 65px;
        display: block
    }
    .btn-tv-online,
    .btn-vdo {
        padding: 9.5px 0;
        width: 100px;
        font-size: 16px
    }
    .btn-tv-online h2,
    .btn-vdo h2 {
        font-size: 16px
    }
    .login-v0517,
    .logintxt {
        width: 180px
    }
    .social-icons ul li {
        margin-right: 2px;
        padding-top: 4px
    }
    .connect-txt {
        display: none
    }
    .logintxt {
        font-size: 13px;
        margin-top: 3px
    }
	/* btn work with us*/
	.btn-tv-online, .btn-vdo { width: 90px;}
	.search-bx-index { width: 130px;}
	.showon-mobile { width: 59%;}
	.btn-wwu { font-size: 14px; margin: 5px 5px 0 5px;}
	
}

@media (min-width:768px) and (max-width:991px) {
    .brandv0517 {
        display: block;
        float: left;
        text-align: center;
        width: 100%
    }
    .brandv0517 img {
        width: 50px
    }
    .header-nav-v0517 {
        padding-left: 0
    }
    .navbar-v0517 {
        min-height: inherit
    }
    .navbar-v0517 .navbar-nav>li>a {
        font-size: 18px;
        margin-top: 5px;
        padding: 5px 8px
    }
    .truehit {
        padding-top: 5px
    }
    .showon-mobile {
        width: 44%;
        top: 42px;
        display: block
    }
    .btn-tv-online,
    .btn-vdo {
        padding: 9.5px 0;
        width: 100px;
        font-size: 16px
    }
    .btn-tv-online h2,
    .btn-vdo h2 {
        font-size: 16px
    }
    .social-icons ul {
        margin: 0
    }
    .social-icons ul li {
        margin-right: 5px;
        padding-top: 4px
    }
    .connect-txt,
    .login-on-pic {
        display: none
    }
    .logintxt {
        padding: 3px 18px
    }
    .login-v0517 {
        width: 95px
    }
    .banner-head img {
        width: 100%
    }
    .search-bx-index {
        width: 176px
    }
    .show-icon-guide {
        text-align: left;
        padding: 0 5px
    }
    .footer-text-head {
        font-size: 20px
    }
    .footer-ch-mello {
        width: 45px
    }
    .footer-ch-yt {
        margin-top: 10px;
        width: 100px
    }
    .main-footer .widget-socials ul {
        font-size: 14px
    }
	/* btn work with us*/
	.btn-tv-online, .btn-vdo { width: 90px;}
	.search-bx-index { width: 112px;}
	.showon-mobile { width: 56%;}
	.btn-wwu { font-size: 14px; margin: 5px 0 0 5px;}
	.search-form-index { padding: 0 5px;}
}

@media (max-width:767px) {
    .brandv0517 {
        position: absolute;
        z-index: 9;
        padding-top: 0;
        margin-top: 5px;
        background: url(../images/Logo-CH3-mobile-v1.svg) no-repeat;
        width: 153px;
        height: 58px;
        background-size: 153px 58px
    }
    .brandv0517 img {
        display: none
    }
    .nav-menu-v0531 {
        width: 100%
    }
    .navbar-default .toggle-v0517 {
        border-color: #003296
    }
    .toggle-v0517 {
        margin-right: 10px;
        margin-top: 20px;
        margin-bottom: 8px;
        padding: 3px 20px
    }
    .navbar-v0517 .navbar-nav>li>a {
        margin-top: 0;
        font-size: 21px
    }
    .navbar-v0517 .navbar-collapse,
    .navbar-v0517 .navbar-form {
        margin-top: 6px;
        border-color: #003296;
        padding-right: 0
    }
    .navbar-v0517 .navbar-toggle:focus,
    .navbar-v0517 .navbar-toggle:hover {
        background-color: #fff
    }
    .navbar-v0517 .open .dropdown-menu .dropdown-header,
    .navbar-v0517 .open .dropdown-menu>li>a {
        padding-top: 10px
    }
    .sub-menu {
        background-color: transparent
    }
    .header-nav-v0517 {
        padding: 0;
        width: 100%
    }
    .nav-hilight-v0517 {
        border-top: 1px solid #e7e7e7;
        padding-top: 5px
    }
    .btn-tv-online {
        margin-left: 0;
        float: right
    }
    .btn-tv-online,
    .btn-vdo {
        width: 49%;
        font-size: 16px;
        padding: 8px 0;
        margin-bottom: 6px
    }
    .btn-tv-online h2,
    .btn-vdo h2 {
        font-size: 16px
    }
    .search-bx-index {
        width: 100%;
        margin-left: 0
    }
    .showon-mobile {
        position: static;
        width: 100%;
        bottom: 0;
        display: block
    }
    .connect-txt {
        display: none
    }
    .search-icon-index {
        height: 30px;
        padding-top: 3px
    }
    .search-form-index {
        font-size: 16px;
        height: 30px
    }
    .social-icons {
        margin-left: 0;
        margin-top: 6px
    }
    .social-icons ul li {
        margin-right: 5px
    }
    .logintxt {
        margin-left: 0;
        margin-top: 5px;
        padding: 3px 20px
    }
    .login-v0517 {
        display: block;
        width: 100%
    }
    .sub-menu-login {
        margin-top: 0;
        position: static;
        width: 100%;
        border-color: transparent;
        box-shadow: 0 6px 12px transparent
    }
    .banner-head img {
        width: 100%
    }
    .social-icons ul {
        margin: 0
    }
    .img-left-news {
        width: 35%
    }
    .content-right-news {
        width: 65%
    }
    .actorbx li {
        width: 50%
    }
    .padding-left5 {
        padding-left: 15px;
        margin-top: 10px
    }
    .padding-right5 {
        padding-right: 15px;
        margin-top: 10px
    }
    .bxslider-celeb img {
        min-height: 190px
    }
    .bxslider-celeb .grid figure h2 {
        font-size: 20px
    }
    .show-icon-guide {
        text-align: left;
        padding: 0 5px
    }
    .footer-text-head {
        font-size: 22px;
        margin-top: 15px
    }
    .footer-ch-mello {
        width: 40px
    }
	.footer-ch-iqiyi {
		width: 40px;
	}
    .footer-ch-yt {
        margin-top: 5px;
        width: 100px
    }
    .main-footer .widget-socials ul {
        font-size: 14px
    }
    .bg-spon {
        background-size: 250px auto
    }
    .table-contact thead {
        display: none
    }
    .table-contact>tbody>tr>td {
        display: block;
        width: 100%;
        border: 1px solid #ddd;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-bottom: 25px
    }
    .table-contact td:first-child {
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
        font-weight: 700;
        background: #fff;
        border: 1px solid #ddd;
        margin-bottom: 0;
        border-radius: 10px 10px 0 0
    }
    .float-bk-corner {
        left: 50%;
        margin-left: -150px
    }
    @media (max-width:320px) {
        .logintxt {
            float: left
        }
    }	
}

 @media (max-width:454px) {
	 .btn-wwu { clear: both; margin: 0 0 10px;}
	 #login-bx { clear: both;}
}