Edit File - File Manager

Edit File: thuynga.less

body {
    background: #fff;
}
.tygh-content > div {
    background-color: transparent;
}
.ty-sidebox {
    background: rgba(255, 255, 255, 0.5);
}
/* reset */
a:hover, a:focus {
    text-decoration: none !important;
}

/* button */
/* Buttons */
.btn-icon.sbtnf,
.btn-icon .sbtnf {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
}
.btn-info {
    background-color: #50c1e9;
    border-color: #50c1e9;
}

/* End Buttons */

.sbtnf,
.sbtnf:visited {
    display: inline-block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    margin: 2px 0;
    background-position: -10000px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration: none;
    color: #ffffff;
    overflow: hidden;
    vertical-align: top;
}
.sbtnf:hover {
    text-decoration: none;
}
@media screen {
    .sbtnf{
        display: block;
        float: left;
    }
}
.sbtnf-circle {
    border-radius: 400px;
    -webkit-border-radius: 400px;
    position: relative;
}
.sbtnf-rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
}
.sbtnf-squere {
    border-radius: 0
}
.sbtnf-icon-bg-black {
    background: #444444;
}
.sbtnf-icon-bg-black:hover {
    background: #000000;
    color: #ffffff;
}

.color.icon-twitter{background: #00bdec;} .color.icon-twitter:hover{background: #000000;}
.color.icon-dribbble{background: #ef5b92;} .color.icon-dribbble:hover{background: #000000;}
.color.icon-facebook{background: #3b5998;} .color.icon-facebook:hover{background: #000000;}
.color.icon-duckduckgo{background: #de3100;} .color.icon-duckduckgo:hover{background: #000000;}
.color.icon-aim{background: #158799;} .color.icon-aim:hover{background: #000000;}
.color.icon-delicious{background: #183864;} .color.icon-delicious:hover{background: #000000;}
.color.icon-paypal{background: #32689a;} .color.icon-paypal:hover{background: #000000;}
.color.icon-android{background: #8ab733;} .color.icon-android:hover{background: #000000;}
.color.icon-gplus{background: #d94a39;} .color.icon-gplus:hover{background: #000000;}
.color.icon-lanyrd{background: #3879ba;} .color.icon-lanyrd:hover{background: #000000;}
.color.icon-stumbleupon{background: #ea4b24;} .color.icon-stumbleupon:hover{background: #000000;}
.color.icon-fivehundredpx{background: #00a6e1;} .color.icon-fivehundredpx:hover{background: #000000;}
.color.icon-pinterest{background: #b8242a;} .color.icon-pinterest:hover{background: #000000;}
.color.icon-bitcoin{background: #f7931a;} .color.icon-bitcoin:hover{background: #000000;}
.color.icon-w3c{background: #005a9c;} .color.icon-w3c:hover{background: #000000;}
.color.icon-foursquare{background: #3bb7e8;} .color.icon-foursquare:hover{background: #000000;}
.color.icon-html5{background: #e44e26;} .color.icon-html5:hover{background: #000000;}
.color.icon-ie{background: #00ccff;} .color.icon-ie:hover{background: #000000;}
.color.icon-grooveshark{background: #f66f00;} .color.icon-grooveshark:hover{background: #000000;}
.color.icon-ninetyninedesigns{background: #ff5501;} .color.icon-ninetyninedesigns:hover{background: #000000;}
.color.icon-forrst{background: #223f17;} .color.icon-forrst:hover{background: #000000;}
.color.icon-spotify{background: #8fbd05;} .color.icon-spotify:hover{background: #000000;}
.color.icon-reddit{background: #ff4500;} .color.icon-reddit:hover{background: #000000;}
.color.icon-gowalla{background: #f6911d;} .color.icon-gowalla:hover{background: #000000;}
.color.icon-appstore{background: #5f5f5f;} .color.icon-appstore:hover{background: #000000;}
.color.icon-blogger{background: #fb9241;} .color.icon-blogger:hover{background: #000000;}
.color.icon-cc{background: #5e7c00;} .color.icon-cc:hover{background: #000000;}
.color.icon-evernote{background: #61b239;} .color.icon-evernote:hover{background: #000000;}
.color.icon-flickr{background: #ff0084;} .color.icon-flickr:hover{background: #000000;}
.color.icon-google{background: #d94a39;} .color.icon-google:hover{background: #000000;}
.color.icon-viadeo{background: #f5a433;} .color.icon-viadeo:hover{background: #000000;}
.color.icon-instapaper{background: #eaec08;} .color.icon-instapaper:hover{background: #000000;}
.color.icon-klout{background: #e34600;} .color.icon-klout:hover{background: #000000;}
.color.icon-linkedin{background: #1b92bd;} .color.icon-linkedin:hover{background: #000000;}
.color.icon-meetup{background: #e51938;} .color.icon-meetup:hover{background: #000000;}
.color.icon-vk{background: #587da4;} .color.icon-vk:hover{background: #000000;}
.color.icon-disqus{background: #2e9fff;} .color.icon-disqus:hover{background: #000000;}
.color.icon-rss{background: #ff7f00;} .color.icon-rss:hover{background: #000000;}
.color.icon-skype{background: #18b7f1;} .color.icon-skype:hover{background: #000000;}
.color.icon-youtube{background: #c4302b;} .color.icon-youtube:hover{background: #000000;}
.color.icon-vimeo{background: #01557a;} .color.icon-vimeo:hover{background: #000000;}
.color.icon-windows{background: #00ccff;} .color.icon-windows:hover{background: #000000;}
.color.icon-xing{background: #036567;} .color.icon-xing:hover{background: #000000;}
.color.icon-yahoo{background: #61399d;} .color.icon-yahoo:hover{background: #000000;}
.color.icon-chrome{background: #58b947;} .color.icon-chrome:hover{background: #000000;}
.color.icon-macstore{background: #6e6e6e;} .color.icon-macstore:hover{background: #000000;}
.color.icon-amazon{background: #ff9900;} .color.icon-amazon:hover{background: #000000;}
.color.icon-steam{background: #a5a4a1;} .color.icon-steam:hover{background: #000000;}
.color.icon-dropbox{background: #7ab6ec;} .color.icon-dropbox:hover{background: #000000;}
.color.icon-cloudapp{background: #489dde;} .color.icon-cloudapp:hover{background: #000000;}
.color.icon-ebay{background: #86b817;} .color.icon-ebay:hover{background: #000000;}
.color.icon-github{background: #667F8E;} .color.icon-github:hover{background: #000000;}
.color.icon-googleplay{background: #5befd0;} .color.icon-googleplay:hover{background: #000000;}
.color.icon-itunes{background: #177ac8;} .color.icon-itunes:hover{background: #000000;}
.color.icon-plurk{background: #a73d07;} .color.icon-plurk:hover{background: #000000;}
.color.icon-songkick{background: #f80046;} .color.icon-songkick:hover{background: #000000;}
.color.icon-lastfm{background: #c60e16;} .color.icon-lastfm:hover{background: #000000;}
.color.icon-gmail{background: #e04a3f;} .color.icon-gmail:hover{background: #000000;}
.color.icon-pinboard{background: #224cf4;} .color.icon-pinboard:hover{background: #000000;}
.color.icon-openid{background: #be661b;} .color.icon-openid:hover{background: #000000;}
.color.icon-quora{background: #c41a00;} .color.icon-quora:hover{background: #000000;}
.color.icon-soundcloud{background: #ff5c00;} .color.icon-soundcloud:hover{background: #000000;}
.color.icon-tumblr{background: #395874;} .color.icon-tumblr:hover{background: #000000;}
.color.icon-eventasaurus{background: #b9f15e;} .color.icon-eventasaurus:hover{background: #000000;}
.color.icon-wordpress{background: #464646;} .color.icon-wordpress:hover{background: #000000;}
.color.icon-yelp{background: #c41200;} .color.icon-yelp:hover{background: #000000;}
.color.icon-intensedebate{background: #00aeef;} .color.icon-intensedebate:hover{background: #000000;}
.color.icon-eventbrite{background: #ff6c00;} .color.icon-eventbrite:hover{background: #000000;}
.color.icon-scribd{background: #002939;} .color.icon-scribd:hover{background: #000000;}
.color.icon-posterous{background: #f8d667;} .color.icon-posterous:hover{background: #000000;}
.color.icon-stripe{background: #617ee8;} .color.icon-stripe:hover{background: #000000;}
.color.icon-opentable{background: #990000;} .color.icon-opentable:hover{background: #000000;}
.color.icon-instagram{background: #4c799f;} .color.icon-instagram:hover{background: #000000;}
.color.icon-dwolla{background: #ff7404;} .color.icon-dwolla:hover{background: #000000;}
.color.icon-appnet{background: #1e0c29;} .color.icon-appnet:hover{background: #000000;}
.color.icon-statusnet{background: #fb6104;} .color.icon-statusnet:hover{background: #000000;}
.color.icon-acrobat{background: #ff0000;} .color.icon-acrobat:hover{background: #000000;}
.color.icon-drupal{background: #007dc3;} .color.icon-drupal:hover{background: #000000;}
.color.icon-pocket{background: #ee4056;} .color.icon-pocket:hover{background: #000000;}
.color.icon-bitbucket{background: #205081;} .color.icon-bitbucket:hover{background: #000000;}
.color.icon-flattr{background: #fbbc23;} .color.icon-flattr:hover{background: #000000;}
.color.icon-eventful{background: #0066cc;} .color.icon-eventful:hover{background: #000000;}
.color.icon-smashmag{background: #d6231c;} .color.icon-smashmag:hover{background: #000000;}
.color.icon-wordpress{background: #1e8cbe;} .color.icon-wordpress:hover{background: #000000;}
.color.icon-calendar{background: #ff0000;} .color.icon-calendar:hover{background: #000000;}
.color.icon-call{background: #04be3d;} .color.icon-call:hover{background: #000000;}
.color.icon-guest{background: #03a9d2;} .color.icon-guest:hover{background: #000000;}
.color.icon-weibo{background: #fd0000;} .color.icon-weibo:hover{background: #000000;}
.color.icon-plancast{background: #e4b82c;} .color.icon-plancast:hover{background: #000000;}
.color.icon-email{background: blue} .color.icon-email:hover{background: #000000;}
.color.icon-myspace{background: #2068b0;} .color.icon-myspace:hover{background: #000000;}
.color.icon-podcast{background: #f38b36} .color.icon-podcast:hover{background: #000000;}
.color.icon-cart{background: #00a204;} .color.icon-cart:hover{background: #000000;}

.color-hover.icon-twitter:hover{background: #00bdec;}
.color-hover.icon-dribbble:hover{background: #ef5b92;}
.color-hover.icon-facebook:hover{background: #3b5998;}
.color-hover.icon-duckduckgo:hover{background: #de3100;}
.color-hover.icon-aim:hover{background: #158799;}
.color-hover.icon-delicious:hover{background: #183864;}
.color-hover.icon-paypal:hover{background: #32689a;}
.color-hover.icon-android:hover{background: #8ab733;}
.color-hover.icon-gplus:hover{background: #d94a39;}
.color-hover.icon-lanyrd:hover{background: #3879ba;}
.color-hover.icon-stumbleupon:hover{background: #ea4b24;}
.color-hover.icon-fivehundredpx:hover{background: #00a6e1;}
.color-hover.icon-pinterest:hover{background: #b8242a;}
.color-hover.icon-bitcoin:hover{background: #f7931a;}
.color-hover.icon-w3c:hover{background: #005a9c;}
.color-hover.icon-foursquare:hover{background: #3bb7e8;}
.color-hover.icon-html5:hover{background: #e44e26;}
.color-hover.icon-ie:hover{background: #00ccff;}
.color-hover.icon-grooveshark:hover{background: #f66f00;}
.color-hover.icon-ninetyninedesigns:hover{background: #ff5501;}
.color-hover.icon-forrst:hover{background: #223f17;}
.color-hover.icon-spotify:hover{background: #8fbd05;}
.color-hover.icon-reddit:hover{background: #ff4500;}
.color-hover.icon-gowalla:hover{background: #f6911d;}
.color-hover.icon-appstore:hover{background: #5f5f5f;}
.color-hover.icon-blogger:hover{background: #fb9241;}
.color-hover.icon-cc:hover{background: #5e7c00;}
.color-hover.icon-evernote:hover{background: #61b239;}
.color-hover.icon-flickr:hover{background: #ff0084;}
.color-hover.icon-google:hover{background: #d94a39;}
.color-hover.icon-viadeo:hover{background: #f5a433;}
.color-hover.icon-instapaper:hover{background: #eaec08;}
.color-hover.icon-klout:hover{background: #e34600;}
.color-hover.icon-linkedin:hover{background: #1b92bd;}
.color-hover.icon-meetup:hover{background: #e51938;}
.color-hover.icon-vk:hover{background: #587da4;}
.color-hover.icon-disqus:hover{background: #2e9fff;}
.color-hover.icon-rss:hover{background: #ff7f00;}
.color-hover.icon-skype:hover{background: #18b7f1;}
.color-hover.icon-youtube:hover{background: #c4302b;}
.color-hover.icon-vimeo:hover{background: #01557a;}
.color-hover.icon-windows:hover{background: #00ccff;}
.color-hover.icon-xing:hover{background: #036567;}
.color-hover.icon-yahoo:hover{background: #61399d;}
.color-hover.icon-chrome:hover{background: #58b947;}
.color-hover.icon-macstore:hover{background: #6e6e6e;}
.color-hover.icon-amazon:hover{background: #ff9900;}
.color-hover.icon-steam:hover{background: #a5a4a1;}
.color-hover.icon-dropbox:hover{background: #7ab6ec;}
.color-hover.icon-cloudapp:hover{background: #489dde;}
.color-hover.icon-ebay:hover{background: #86b817;}
.color-hover.icon-github:hover{background: #667F8E;}
.color-hover.icon-googleplay:hover{background: #5befd0;}
.color-hover.icon-itunes:hover{background: #177ac8;}
.color-hover.icon-plurk:hover{background: #a73d07;}
.color-hover.icon-songkick:hover{background: #f80046;}
.color-hover.icon-lastfm:hover{background: #c60e16;}
.color-hover.icon-gmail:hover{background: #e04a3f;}
.color-hover.icon-pinboard:hover{background: #224cf4;}
.color-hover.icon-openid:hover{background: #be661b;}
.color-hover.icon-quora:hover{background: #c41a00;}
.color-hover.icon-soundcloud:hover{background: #ff5c00;}
.color-hover.icon-tumblr:hover{background: #395874;}
.color-hover.icon-eventasaurus:hover{background: #b9f15e;}
.color-hover.icon-wordpress:hover{background: #464646;}
.color-hover.icon-yelp:hover{background: #c41200;}
.color-hover.icon-intensedebate:hover{background: #00aeef;}
.color-hover.icon-eventbrite:hover{background: #ff6c00;}
.color-hover.icon-scribd:hover{background: #002939;}
.color-hover.icon-posterous:hover{background: #f8d667;}
.color-hover.icon-stripe:hover{background: #617ee8;}
.color-hover.icon-opentable:hover{background: #990000;}
.color-hover.icon-instagram:hover{background: #4c799f;}
.color-hover.icon-dwolla:hover{background: #ff7404;}
.color-hover.icon-appnet:hover{background: #1e0c29;}
.color-hover.icon-statusnet:hover{background: #fb6104;}
.color-hover.icon-acrobat:hover{background: #ff0000;}
.color-hover.icon-drupal:hover{background: #007dc3;}
.color-hover.icon-pocket:hover{background: #ee4056;}
.color-hover.icon-bitbucket:hover{background: #205081;}
.color-hover.icon-flattr:hover{background: #fbbc23;}
.color-hover.icon-eventful:hover{background: #0066cc;}
.color-hover.icon-smashmag:hover{background: #d6231c;}
.color-hover.icon-wordpress:hover{background: #1e8cbe;}
.color-hover.icon-calendar:hover{background: #ff0000}
.color-hover.icon-call:hover{background: #04be3d;}
.color-hover.icon-guest:hover{background: #03a9d2;}
.color-hover.icon-weibo:hover{background: #fd0000;}
.color-hover.icon-plancast:hover{background: #e4b82c;}
.color-hover.icon-email:hover{background: blue;}
.color-hover.icon-myspace:hover{background: #2068b0;}
.color-hover.icon-podcast:hover{background: #f38b36;}
.color-hover.icon-cart:hover{background: #00a204;}

.sbtnf-icon-white{color: #ffffff;}

.sbtnf.icon-gmail:before {padding-right: 0.28em;}
.sbtnf.icon-pocket:before {padding-right: 0.1em;}
.sbtnf.icon-wikipedia:before {
    padding-top: 0.6em;
}
.sbtnf.icon-digg:before,
.sbtnf.icon-soundcloud:before,
.sbtnf.icon-macstore:before,
.sbtnf.icon-cloudapp:before,
.sbtnf.icon-weibo:before{
    padding-right: 0.2em;
}
.sbtnf.icon-email:before {
    padding-right: 0.05em;
}
.sbtnf.icon-googleplay:before {
    padding-left: 0.4em;
}

.sbtnf.icon-myspace:before{
    padding-left: 0.1em;
}
.sbtnf.icon-disqus:before{
    padding-left: 0.2em;
}

/* end button */

.container-fluid {
      
}

/*  --- tygh-top-panel */
div.tygh-top-panel {
    background: #1f2020;
    border-bottom: 0px;
}
.tygh-top-panel a, .tygh-top-panel span {
    color: #888888;
}
#select_en_wrap_language a, .ty-select-block__list-item a, .ty-account-info a {
    color: #1e1e1e;
}
.ty-select-block__a:hover, .ty-select-block__list-a:hover, .ty-currencies__active {
    background: #666;
}
.tygh-top-panel .ty-text-links__active > .ty-text-links__a, .tygh-top-panel .no-touch .ty-text-links__a:hover {
    color: #666;
}
.tygh-top-panel .ty-account-info__buttons .ty-btn__primary {
    color: #fff;
}

/* ---- header ---*/
.tygh-header {
    background: #000 url(../thuynga/images/maindarkl.jpg) repeat;
}
.tygh-header > div {
    padding: 20px 0 0;
    background: none;
}
.search-block-grid, .cart-content-grid {
    padding: 17px 0;
}
.tygh-header input, .tygh-header .cm-hint-focused {
    /*background: none;*/
}
.tygh-header .cm-hint-focused {
    color: #888888;
    border: 1px solid #272727;
}
.tygh-header .ty-search-block__input {
    border: 1px solid #272727;
}

/* --- menu --*/
.tygh-menu {
    background: rgba(0, 0, 0, 0.35);
    border-top: 1px solid #272727;
}
.header-grid .tygh-menu {
    margin-top: 20px;
}
.tygh-menu .top-menu-grid {
    padding-top: 0px;
}
.ty-menu__items {
    background: none;
    margin-bottom: 0px;
}
.ty-menu__item {
    border:0px !important;
}
.no-touch .ty-menu__item:hover .ty-menu__item-link, .is-hover-menu .ty-menu__item-link, .is-hover-menu.ty-menu__item-active .ty-menu__item-link {
    background: #50c1e9;
}
.ty-menu__item.ty-menu__item-active .ty-menu__item-link {
    background: none;
}
.ty-menu__submenu-items {
    border: 0px solid #f3f3f4;
}

/* slide banner home */
.video-page-content {
    background: url(../thuynga/images/bg-slidebanner.jpg) no-repeat top center;
}

.video-banner .video-js {
    width: 100% !important;
    height: 435px !important;
}

.tygh-banner {
    background: transparent;
    /*background: url(../thuynga/images/shadow-banner.png) no-repeat bottom center;*/
    padding-top: 10px;
    /*padding-bottom: 10px;*/
}

.shadow .owl-wrapper-outer, .shadow .video-info {
   background: url(../thuynga/images/shadow-banner.png) no-repeat bottom center; 
   padding-bottom: 20px;
}
.shadow .owl-controls {
    margin-top:0px;
}
.tygh-banner .shadow .owl-carousel {
    position: relative;
}
.tygh-banner .shadow .owl-carousel .owl-prev {
    top: 45%;
    left: 0px;
    position: absolute;
    text-indent: -9999px;
    background: url(../thuynga/images/Minimal-pre-icon.png) no-repeat bottom center;
    height: 30px;
}
.tygh-banner .shadow .owl-carousel .owl-next {
    top: 45%;
    right: 0px;
    position: absolute;
    text-indent: -9999px;
    background: url(../thuynga/images/Minimal-next-icon.png) no-repeat bottom center;
    height: 30px;
}
.video-home-page .title {
    display: none;
}
.video-home-page .video-info {
    margin-top:5px;
}
.video-home-page .video-box {
    margin: 0px;
}
.video-home-page .video-js {
    width: 100% !important;
    height: 442px !important;
}
.home-right-banner img {
   border: 4px solid #fff;
   box-sizing: border-box;
}

.tygh-banner {
    padding-left: 0;
    padding-right: 0;
}
.homepage-on-sale {
    margin-bottom: 20px;
}

.video-page-no-bg{
    background-image: none;
}
.catagories-video .title {
    display: none;
}
@media (max-width: 767px) {
    .home-right-banner {
        display: none !important;
    }
    .tygh-events .nav-tabs, .tygh-events .tab-content {
        width: 100%;
        display: block;
    }
}

/* -- title */
.title-box {
    border-bottom: 1px solid #e4e4e3;
    margin-bottom: 40px;
    position: relative;
}
.title-box:before {
    background: #26bdef;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}
.ty-mainbox-simple-title {
    color: #7f7f7f;
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 12px 0;
    padding: 14px 0 0;
}

/* sm banner */
.homepage-sm-banner .ty-column3 .ty-grid-list__item {
    
}
.homepage-sm-banner .ty-column3:last-child .ty-grid-list__item {
    
}

/* list catagoris */
.ty-subcategories-block__item {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-right: -0.25em;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
}
.ty-subcategories-block img {
    border: 5px solid #fff;
    height: 150px;
    display: block;
    width: 150px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    margin: auto;
    margin-bottom: 10px;
    padding-bottom: 0px;
    box-shadow: 0px 1px 5px #000;
    -webkit-box-shadow: 0px 1px 5px #000;
    -moz-box-shadow: 0px 1px 5px #000;
}
.ty-subcategories-block a:hover img {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* Grid code */ 
.ty-quick-view-button__wrapper .ty-grid-list__item-code label, .ty-quick-view-button__wrapper .ty-grid-list__item-code span {
    color: #8c8c8c;
    font-size: 12px;
    width: auto;
}
/* media */
.tygh-media {
    background: #000 url(../thuynga/images/maindarkl.jpg) repeat;
    padding: 40px 0;
}
.row-fluid div.tygh-media {
//    margin-left: -20px !important;
//    margin-right: -20px !important;
    float: none;
    width: auto !important;
}
.tygh-media .title-box:after {
    background: #26bdef;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    right: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}
.tygh-media .title-box {
    text-align: center;
    border-bottom: 1px solid #666;
}
.video-box {
    margin: 0px 10px 35px 10px;
}
.video-info {
    margin-top: 20px;
}
.video-box .title, .tygh-media .carousel .title {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top:0px;
}
.video-box .title i, .tygh-media .carousel .title i {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #fff;
}

.video-box .nav-tabs {
    border:0px;
}
.video-box .tabs li {
    padding: 0px;
}
.video-box .nav-tabs>li.active>a, .video-box .nav-tabs>li.active>a:hover, .video-box .nav-tabs>li.active>a:focus {
    background: #3b3b3b;
    border-bottom: 1px solid #fc6e51;
    color: #fff;
}
.video-box .tabs li a {
    border:0px !important;
    border-radius: 0px;
    background: #000;
    color: #555; 
}
.video-box .tabs .fa {
    margin-right: 5px;
}
.video-box .tab-content {
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    height: 154px;
}
.video-box .tab-content > .tab-pane, .video-box .pill-content > .pill-pane {
    padding: 15px;
}
.video-box .ty-grid-list__image {
    padding: 0px;
    min-height: 100%;
    background: #000;
    border:0px;
    float: left;
    margin-right: 10px;
}
.video-box .description h4 {
    color: #fff;
    font-size: 14px;
}

/* media casousel */
.tygh-media .carousel {
    margin: 0px 10px 35px 10px; 
}
.tygh-media .carousel .title {
    position: relative;
    text-align: center;
    z-index: 2;
}
.tygh-media .carousel-control {
    z-index: 4;
}
.tygh-media .carousel-control .glyphicon-chevron-left, .tygh-media .carousel-control .glyphicon-chevron-right {
    top:0px;
}
.tygh-media .carousel-control .icon-prev, .tygh-media .carousel-control .glyphicon-chevron-left {
    left:0%;
}
.tygh-media .carousel-control .icon-next, .tygh-media .carousel-control .glyphicon-chevron-right {
    right:0%;
}
.tygh-media .carousel-inner {
    margin-top: 20px; 
}
.tygh-media .carousel-inner img {
    width: 100%;
}
.tygh-media .carousel-caption {
    padding: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    position: relative;
    text-align: left;
}

/* event */
.tygh-events {
    padding: 40px 0;
    background: #f3f3f4 url(../thuynga/images/bg-tile.png) repeat;
}
.tygh-events .title-box {
    text-align: center;
}
.tygh-events .title-box:after {
    background: #26bdef;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    right: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}
.nav-tabs {
    margin-bottom: 0;
    margin-left: 0;
}
.nav-tabs > li > a {
    color: #1e1e1e;
    font-size: 12px;
    padding: 10px 20px 11px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f7f7f7;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {

}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #1e1e1e;
    font-weight: bold;
}
.nav-tabs > .active.dropdown > a {
    z-index: 911;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    padding: 36px 0 0;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
    margin: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 110px;
    margin-right: 0;
    margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
    float: left;
    margin: 0 -1px 0 0;
    border:0px;
}
.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    border-radius: 0px;
    border:0px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {

}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border: 0px;
    border-bottom: 3px solid #26bdef;
    position: relative;
    background: none;
}
.tabs-left > .nav-tabs .active:before {
    background: #ff6565;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    right: 0;
    margin: 0 0px 5px;
    position: absolute;
    width: 40px;
    z-index: 999;
}
.tabs-left > .nav-tabs .active .fa {
    color: #fc6e51; 
}
.tabs-left > .tab-content {
    margin: 0;
    overflow: auto;
}
.tabs-left > .tab-content > .tab-pane {
    padding: 0 0 0 20px;
}
.tabs-left .fa {
    font-size: 15px; 
}
.event-info .icon {
    height: 70px;
    float: left;
    margin: 0 30px 0 0;
    text-align: center;
    text-decoration: none;
    width: 70px;
    color: #cbcbcb;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background-color: #f2f2f2;
}
.event-info .icon i:before {
    font-size: 30px;
    line-height: 70px;
}
.event-info .title a {
    font-size: 15px;
    color: #666;
    font-weight: bold;
}
.text-small {
    color: #878787;
    font-size: 14px;
    font-style: italic;
}
.event-info .button {
    float: right;
    margin-top:10px;
}
.event-info .button a.btn {
    color: #fff !important;
}

/* new */
.tygh-news {
    background: #000 url(../thuynga/images/maindarkl.jpg) repeat;
    padding: 40px 0;
}
.tygh-news .title-box {
    border-bottom:0px;
    margin-bottom: 0px;
}
.tygh-news .ty-mainbox-simple-title {
    color: #fff;
    text-align: center;
    margin: 0 0 20px 0;
}
.new-iterm {
    margin: 0 10px 35px 10px;
}
.new-iterm .ty-grid-list__image {
    padding: 0px;
    border: 0px;
    min-height:100%;
}
.new-iterm img {
    width:100%;
}
.latest-content-info .meta, .tygh-media .meta {
    padding: 0px;
}
.latest-content-info .icon, .tygh-media .icon {
    float: left;
    line-height: 80px;
    font-size: 24px;
    padding: 0px;
    margin-right:10px;
    color: #fff;
    text-align: center;
    width: 65px;
    background: #282828;
}
.latest-content-info .meta h4, .tygh-media .meta h4 {
    margin-top: 0;
    font-size: 15px;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 5px;
    padding:10px 0;
    line-height: 20px;
}
.latest-content-info .meta p, .tygh-media .meta p {
    color: #777777;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}

/* catagories */
.subcategories .ty-grid-list__image {
    background: rgba(255,255,255,0.3);
    min-height: 347px;
}
.ty-grid-list__item-name .product-title {
    color: #428bca;
}

/* detail product */
.ty-product-block__left .download {
    border-radius: 0px;
    margin-top:0px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.ty-product-block .ty-tabs__list {
    margin-bottom:0px;    
}
.ty-tabs__item, .ty-tabs .subtab {
    padding: 15px;
}
.ty-tabs__a, .ty-tabs .subtab a {
    padding: 0px 21px 0px 18px;
    height: 100%;
}

/* discount */
.ty-discount-label {
    
}

/* Audio */
/*  Music player */
.ttw-music-player {
    width: 100%;
    margin: 0;
}
.ttw-music-player .player {

}
.ttw-music-player .album-cover {
    position: relative;
    float: left;
    background: #333 url(../thuynga/images/player/album-cover-bg.jpg) no-repeat 0 0 scroll;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .8);
}
.ttw-music-player .album-cover .img {
    box-shadow: inset 0 0 1px rgba(255, 255, 255, .6);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, .6);
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, .6);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}
.ttw-music-player .album-cover .highlight {
    background: transparent url(../thuynga/images/player/album-cover-highlight.png) no-repeat 0 0 scroll;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ttw-music-player .album-cover:hover .highlight {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ttw-music-player .album-cover,
.ttw-music-player .album-cover .img,
.ttw-music-player .album-cover .highlight {
    display: block;
    height: 180px;
    width: 180px;
}

.ttw-music-player .album-cover img,
.ttw-music-player .album-cover .img,
.ttw-music-player .album-cover .highlight {
    position: absolute;
    top: 0;
    left: 0;
    height:180px;
    width:180px;
}

/** Track Info **/
.ttw-music-player .track-info {
    width: 220px;
    margin: 8px 0 0 30px;
    float: left;
    font-size: 12px;
}

.ttw-music-player .track-info p {
    margin: 0 0 8px 0;
}

.ttw-music-player .player .title {
    color: #428bca;
    font-family: 'Lato Bold', arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.ttw-music-player .artist-outer {
    color: #727272;
    font-family: 'Lato Italic', arial, sans-serif;
    font-style: italic;
}

.ttw-music-player .artist {
    color: #999;
    font-family: 'Lato', arial, sans-serif;
    margin-left: 4px;
}

.ttw-music-player .rating {
    height: 16px;
    margin: 20px 0 20px 0;
}

.ttw-music-player .rating-star {
    width: 15px;
    height: 16px;
    display: block;
    float: left;
    cursor: pointer;
}
.ttw-music-player .rating-star:before{
    font-family: FontAwesome;
    content: "\f005";
    font-size: 15px;
    color: #333;
}
.ttw-music-player .rating-bar:before {
    font-family: FontAwesome;
    content: "\f005";
    font-size: 11px !important;
    color: #333;
}
.ttw-music-player .rating-star:before:hover,
.ttw-music-player .rating-star.on:before,
.ttw-music-player .rating-star.hover:before{
    font-family: FontAwesome;
    content: "\f005";
    font-size: 15px;
    color: #428bca;
}
.ttw-music-player .rating-bar.on:before, 
.ttw-music-player .rating-bar:before:hover, 
.ttw-music-player .rating-bar.hover:before {
    font-family: FontAwesome;
    content: "\f005";
    font-size: 11px !important;
    color: #428bca;
}
/** Player **/
.ttw-music-player .player-controls {
    position: relative;
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, 0.4);
    float: left;
    margin: 15px 0;
}
.ttw-music-player .player-controls .main {
    width: 100%;
    margin: 9px 9px;
    position: absolute;
    left: 0;
    top: 0;
}
.ttw-music-player .player-controls div {
    cursor: pointer;
}
.progress-wrapper {
    float: right
}
.progress {
    float: left
}
.ttw-music-player .previous, .ttw-music-player .next {
    height: 10px;
    width: 15px;
    margin: 1px 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.ttw-music-player .previous:hover, .ttw-music-player .next:hover {
    color: #fff
}
div.jp-seeking-bg {
    background: url("../thuynga/images/player/jplayer_seeking.gif") !important;
}
.ttw-music-player .play, .ttw-music-player .pause {
    width: 8px;
    height: 12px;
    margin: 0 7px;
}
.ttw-music-player .previous {
    position: absolute;
    left: 3px;
    top: -5px;
    color: #7C7C7C;
}
.ttw-music-player .previous:before {
    font-family: FontAwesome;
    content: "\f04a";
    font-size: 12px !important;
}
.ttw-music-player .next {
    position: absolute;
    left: 46px;
    top: -5px;
    color: #7C7C7C;
}
.ttw-music-player .next:before {
    font-family: FontAwesome;
    content: "\f04e";
    font-size: 12px !important;
}
.ttw-music-player .play {
    position: absolute;
    left: 19px;
    top: -4px;
    color: #fff;
}
.ttw-music-player .play:before {
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 12px !important;
}
.ttw-music-player .pause {
    position: absolute;
    left: 18px;
    top: -4px;
    color: #fff;
}
.ttw-music-player .pause:before {
    font-family: FontAwesome;
    content: "\f04c";
    font-size: 12px !important;
}
.jp-current-time {
    left: 165px;
    position: absolute;
    bottom: -14px;
}
.jp-duration {
    right: 20px;
    position: absolute;
    bottom: -14px;
}
.ttw-music-player .progress-wrapper {
    height: 9px;
    width: 75.5%;
    background: transparent url(../thuynga/images/player/player-progress.png) repeat-x 0 0 scroll;
    margin: 11px 60px 10px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.ttw-music-player .progress {
    height: 9px;
    width: 135px;
    cursor: pointer;
    background-color: rgba(46, 46, 46, 0.4);
    background-image: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.ttw-music-player .elapsed {
    height: 9px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 60%;
    background: #FF0078;
}
.ttw-music-player .description {
    clear: both;
    margin: 30px 0 0 0;
    font-size: 12px;
    color: #999;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
}
.ttw-music-player .description.showing{
    margin:30px 0;
}

/** Track List **/
.ttw-music-player .tracklist {
    padding: 10px 0px;
    color: #eee;
    font-size: 12px;
}
.ttw-music-player .tracklist ol {
    margin: 0;
    padding: 0;
}
.ttw-music-player .tracklist li {
    padding: 10px;
    list-style-position: inside;
    position: relative;
    border-bottom: 1px solid #eee;
    transition: all 0.2s ease-in-out;
}
.ttw-music-player .tracklist li:hover {
    color: #428bca;
    background: #efefef;
}
.ttw-music-player li:last-child{
    border-bottom: 0;
}
.ttw-music-player .show-more-button li:last-child{
    background: transparent url(../thuynga/images/player/tracklist-item-bg.png) repeat-x bottom left scroll;
}
.ttw-music-player .tracklist .track > form > div {
    display: inline-block;
    vertical-align: top;
}
.ttw-music-player .tracklist .title {
    width: 240px;
    display: inline-block;
    padding: 0 0 0 14px;
    cursor: pointer;
}
.ttw-music-player .tracklist li:hover .title {
    color: #428bca;
}

.ttw-music-player li:nth-child(1n + 10) .title{
    padding-left:7px;
}

.ttw-music-player li .fa-pause {
    display: none;
}
.ttw-music-player li .fa-play {
    display: inline-block;
}
.ttw-music-player li.playing {
    background: #f3f3f4;
}
.ttw-music-player li.playing .fa-pause {
    display: inline-block;
}
.ttw-music-player li.playing .fa-play {
    display: none;
}
.ttw-music-player .tracklist .price {
    position: absolute;
//    width: 40px;
    right: 130px;
    font-size: 1.2em;
    color: #BB3737;
    text-align: right;
    margin-top: -2px;
}
.ttw-music-player .tracklist .rating {
    margin-left: 30px;
    width: 70px;
    display: block;
    position: absolute;
    right: 220px;
    top: -10px;
}
.ttw-music-player .rating-bar {
    width: 13px;
    display: block;
    float: left;
    cursor: pointer;
}
.ttw-music-player .ty-btn__add-to-cart,
.ttw-music-player .buy {
    padding: 0 14px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #BB3737;
    margin: 0 0 0 10px;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    text-shadow: none;
    color: #fff;
}
li.track:hover .ty-btn__add, .playing .ty-btn__add,
li.track:hover .buy, .playing .buy {
    background: #50c1e9;
    color: #fff;
}
.ttw-music-player .buy.not-active{
    display:none;
}
.ttw-music-player .more {
    display:none;
    font-family: 'Lato Italic', arial, sans-serif;
    font-style: italic;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    padding: 10px 0;
    margin: 6px 0;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: transparent url(../thuynga/images/player/tracklist-more.png) repeat 0 0 scroll;
}
.ttw-music-player .more:hover {
    color: #eee;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2);
}
.ttw-music-player .show-more-button .more{
    display:block;
}
.ttw-music-player .more,
.ttw-music-player .album-cover .highlight,
.ttw-music-player .tracklist li,
.ttw-music-player .buy {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ttw-music-player .player:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.music-single .tracklist { width: 94%; margin-top: 20px; }
.music-single .player {
    width: 100%;
    float: none;
    display: block;
}
.music-single .track-info { width: 67% }
.music-single .player-controls { width: 67% }
.music-single .player-controls div { width: 79% }
.wide-mp3 .player-controls { width: 54% }
.wide-mp3 .progress-wrapper { width: 173px }

/* ------ page video -------*/
.video-page-content, .tygh-content .video-page-content,
.video-page, .video-page .tygh-content > div {
    background-color: #000;
}

.video-page .videopage-list .title-box {
    border-bottom: 1px solid #666;
}
.video-page .title-box:before, .video-page .title-box:after {
    background: #f3f3f4;
}
.item-header {
    position: relative;
}
.item-header:hover .hoveringel {
    top: 40%;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
}

.hoveringel {
    display: block;
    position: absolute!important;
    text-align: center;
    line-height: 100%;
    left: -30%;
    top: 30%;
    width: 100%;
    height: 100%;
    color: rgba(255,255,255,0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.fa-play-circle:before {
    content: "\f144";
    color: #fff;
    font-size: 30px;
}

.video-list.hdgrid .item .item-content, .item-content a, .item-content h3 {
    color: #fff;
}
.item-content h3 a {
    font-weight: bold;
}

.video-list.hdgrid .item .item-content > .video-meta {
    display: block;
    margin-bottom: 4px;
}

.video-meta > span, .video-meta a {
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
    line-height: 14px;
}
.ty-pagination__bottom {
    border-top:0px;
    text-align: center;
}

/* detail video */

.ty-video-block {
    margin-bottom: 20px;
}

.video-detail {
    position: relative;
}

.video-description {
    color: #666;
}

.sidedock {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 7;
}
.sidedock button {
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    border: 0px;
}
.sidedock .fa {
    font-size: 25px;
    color: #fff;
}
.sidedock .fa:hover {
    color: #3b5999;
}

.video-title a {
    color: #7f7f7f;
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 12px 0;
    padding: 14px 0 0;
}
.video-meta {
    display: inline-table;
    padding: 20px 0;

}
.video-meta .fa {
    margin-right: 5px;
}
.video-meta span, .video-meta a {
    color: #fff;
    padding:0px 10px;
}

/* news */
.ty-news .ty-news__item {
    margin-right: 20px;
}
.ty-news .ty-grid-list__image {
    padding:0px;
    overflow: hidden;
    max-height: 160px;
}
.ty-news .ty-news__date, .ty-events .ty-event__date {
    float: none;
    color: #b1b1b1;
    font-weight: normal;
    font-size: 12px;
    margin: 0px;
}
.ty-news .ty-news__title, .ty-events .ty-event__title {
    border:0px;
    line-height: 21px;
    margin: 5px 0;
    padding: 0 0 0px;
}
.ty-news .btn .fa {
    margin-right: 5px;
}
.ty-news__description {
    margin-bottom: 10px;
}

/* catagories menu */
.ty-sidebox__title {
    margin-top:0px;
    border-bottom: 1px solid #EEE;
}
.categories-menu h2 {
    margin-top: 0px;
    line-height: 15px;
    padding: 10px;
    color: #26bcef;
}
.categories-menu .ty-menu__item {
    width: 100%;
}
.categories-menu .ty-menu__item a {
    color: #666;
}
.categories-menu .no-touch .ty-menu__item:hover .ty-menu__item-link {
    background: none;
}
.categories-menu .no-touch .ty-menu__item:hover .ty-menu__item-link {
    color: #26bcef;
}
.categories-menu {
    
}
.categories-menu .ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items {
    border: 0px;
}
.categories-menu .no-touch .ty-menu__item:hover .ty-menu__item-link {
    background: #fff;
}
.ty-menu-vertical .ty-menu__items {
    border: 0px;
}
.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover > .ty-menu__submenu-item-header .ty-menu__item-link {
    background: #50c1e9;
}
.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item-link {
    color: #fff;
}
/* catagories */
.ty-sort-container__views-a {
    line-height: 23px;
    display: block;
    color: #aeaeae;
    float: left;
    padding: 7px 9px;
    width: 37px;
    height: 37px;
    font-size: 125%;
}

/* footer */
.ty-footer-form-block {
    margin: 10px 0px 0px 0px;
}
div#tygh_footer, div.tygh-footer > div {
    background: #000 url(../thuynga/images/maindarkl.jpg) repeat;
}
#tygh_footer span, #tygh_footer a {
    color: #777777;
}
#tygh_footer .ty-social-link a {
    color: #fff;
}
.ty-footer-menu__header, .ty-footer-menu__item {
    border:0px;
}
div.footer-stay-connected {
    border:0px;
    background-color: #50c1e9;
}
.footer-stay-connected {
    background: #50c1e9;
    border:0px;
}
div.footer-copyright {
    background: #000;
    border-top:1px solid #1e1e1e;
}

/* content */
.tygh-content > div {
    max-width: none;
    padding: 0;
}

.tygh-news > div,
.tygh-events > div,
.video-page-content > div,
.tygh-media > div,
.tygh-content div.content-grid {
    float: none;
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto !important;
}

/* delete temp */
.ty-flag.ty-flag-vn, #DebugToolbar {
    display: none;
}

Back to File Manager