/*====================================== reset.css is here ========================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: none;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0; display:block; } address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear {clear:both; font-size:0px;line-height:0px; display:block;} select, option {outline: none;} /**************************************************************************************/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /*----------------------------------------------------------------------------------*/ html { overflow-x:hidden;} body { font-family:gibsonregular; font-size:12px; background:#220034; letter-spacing: 0.03em; } .flt_Lt { float:left; display:inline;} .flt_Rt { float:right; display:inline;} /* ----------------------------FONTS HERE-----------------------------------------------*/ @font-face { font-family: 'gibsonbold'; src: url('fonts/gibson-bold-webfont.eot'); src: url('fonts/gibson-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson-bold-webfont.woff2') format('woff2'), url('fonts/gibson-bold-webfont.woff') format('woff'), url('fonts/gibson-bold-webfont.ttf') format('truetype'), url('fonts/gibson-bold-webfont.svg#gibsonbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gibsonbold_italic'; src: url('fonts/gibson-bolditalic-webfont.eot'); src: url('fonts/gibson-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson-bolditalic-webfont.woff2') format('woff2'), url('fonts/gibson-bolditalic-webfont.woff') format('woff'), url('fonts/gibson-bolditalic-webfont.ttf') format('truetype'), url('fonts/gibson-bolditalic-webfont.svg#gibsonbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gibsonitalic'; src: url('fonts/gibson-italic-webfont.eot'); src: url('fonts/gibson-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson-italic-webfont.woff2') format('woff2'), url('fonts/gibson-italic-webfont.woff') format('woff'), url('fonts/gibson-italic-webfont.ttf') format('truetype'), url('fonts/gibson-italic-webfont.svg#gibsonitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gibsonlight'; src: url('fonts/gibson-light-webfont.eot'); src: url('fonts/gibson-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson-light-webfont.woff2') format('woff2'), url('fonts/gibson-light-webfont.woff') format('woff'), url('fonts/gibson-light-webfont.ttf') format('truetype'), url('fonts/gibson-light-webfont.svg#gibsonlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gibsonlight_italic'; src: url('fonts/gibson-lightitalic-webfont.eot'); src: url('fonts/gibson-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson-lightitalic-webfont.woff2') format('woff2'), url('fonts/gibson-lightitalic-webfont.woff') format('woff'), url('fonts/gibson-lightitalic-webfont.ttf') format('truetype'), url('fonts/gibson-lightitalic-webfont.svg#gibsonlight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gibsonregular'; src: url('fonts/gibson-regular-webfont.eot'); src: url('fonts/gibson-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson-regular-webfont.woff2') format('woff2'), url('fonts/gibson-regular-webfont.woff') format('woff'), url('fonts/gibson-regular-webfont.ttf') format('truetype'), url('fonts/gibson-regular-webfont.svg#gibsonregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gibsonsemibold'; src: url('fonts/gibson-semibold-webfont.eot'); src: url('fonts/gibson-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gibson-semibold-webfont.woff2') format('woff2'), url('fonts/gibson-semibold-webfont.woff') format('woff'), url('fonts/gibson-semibold-webfont.ttf') format('truetype'), url('fonts/gibson-semibold-webfont.svg#gibsonsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'kruti_regular'; src: url('fonts/k100-webfont.eot'); src: url('fonts/k100-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/k100-webfont.woff2') format('woff2'), url('fonts/k100-webfont.woff') format('woff'), url('fonts/k100-webfont.ttf') format('truetype'), url('fonts/k100-webfont.svg#kruti_dev_100regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'kruti_bold'; src: url('fonts/k101-webfont.eot'); src: url('fonts/k101-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/k101-webfont.woff2') format('woff2'), url('fonts/k101-webfont.woff') format('woff'), url('fonts/k101-webfont.ttf') format('truetype'), url('fonts/k101-webfont.svg#kruti_dev_101_bold') format('svg'); font-weight: normal; font-style: normal; } /*----- Landing page ----*/ /* header start */ .home .header { background:url(../images/header.jpg) center top no-repeat; } .header { display:block; width:100%; float:left; background:url(../images/header.jpg) center 5px no-repeat; } .schedule_header { background:url(../images/header_schedule.jpg) center 0 no-repeat} .header_wrap { background:url(../images/rep_strip.jpg) bottom left repeat-x; float:left; width:100%; padding-bottom:50px; position:relative;} .tp_nv { display:block; float:right; padding:15px 0; position:relative; z-index:999;} .tp_nv ul { float:left; width:100%; display:block;} .tp_nv ul li { padding:0 20px; float:right; position:relative; border-right:#4b454f solid 1px; display:block} .tp_nv ul li a { display:block; color:#cba967; text-transform:uppercase; font-family:gibsonregular; font-size:10px; letter-spacing:2px; -webkit-transition : all 0.5s ease-in; -moz-transition : all 0.5s ease-in; -o-transition : all 0.5s ease-in; transition : all 0.5s ease-in; background-position:-500px 0; padding:5px 0;} .tp_nv ul li a:hover { background:url(../images/strip_hover.png) 0 0 no-repeat;} .tp_nv ul li a b {display:inline-block;background:url(../images/arr_btm.png) center right no-repeat;width: 12px;height:8px;} .tp_nv ul li:first-child {/* margin-right:0; */border:none;} .tp_nv ul li ul {position:absolute;left:0;top:21px;z-index:99;background:rgba(0,0,0,1);padding:0 5px;border-radius:0 0 3px 3px;display: none;width:calc(100% - 10px);} .tp_nv ul li:hover ul { display:block;} .tp_nv ul li ul li { display:block; width:100%; padding:0; margin:0; border:none;} .tp_nv ul li ul li a {display:block;padding: 3px 0;color:#cba967;border:none;border-bottom:rgba(255,255,255,0.2) solid 1px;line-height:18px;text-align: center;} .tp_nv ul li ul li a:hover { background:none; color:#fff;} .tp_nv ul li ul li:last-child a { border:none;} /*Top sonyliv header*/ .container { width: 1100px;margin: 0 auto; position:relative;} .header a.logo { float:left; display:block; margin:0px 0 0 0; position:relative; z-index:999;} .header a.logo img {height:160px;} .tp_cro { width:830px; display:block; float:right; margin:5px 0;} .tp_cro h3 { font-size:20px; font-weight:normal; color:#cba967; width:122px; display:block; float:left; padding:10px 0; margin-right:10px; text-align:right;} .tp_cro ul { width:100%; display:block; width:100%;} .tp_org { float:right; display:block; width:calc(100% - 132px); position:relative; height:72px; overflow:hidden;} .tp_org_cont { display:block; margin:0 31px; width:calc(100% - 62px); background:#e98c12;} .tp_cro ul li { float:left; display:block; width:212px; background:#cd4300;} .tp_cro ul li:nth-child(3n - 1) { background:#e46411;} .tp_cro ul li:nth-child(3n) { background:#e98c12;} .tp_cro ul li a { display:block; padding:12px 20px; line-height:24px; color:rgba(255,255,255,0.8);} .tp_cro ul li:first-child a, .tp_cro ul li a:hover { color:rgba(255,255,255,1);} .tp_cro ul li span { font-size:22px; display:block; line-height:24px;} .tp_cro ul li span b { font-size:13px; text-transform:uppercase; position:relative; top:-10px; font-weight:normal;} .tp_cro ul li em { font-style:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; font-size:15px; padding-top:0; font-family:gibsonlight} .tp_org a.bx-prev { display:block; text-indent:-9999px; width:20px; height:28px; background:url(../images/tp_arr_lft.png) center no-repeat; position:absolute; left:0; top:50%; margin-top:-14px; z-index:99; opacity:0.8 } .tp_org a.bx-next { display:block; text-indent:-9999px; width:20px; height:28px; background:url(../images/tp_arr_rgt.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-14px; z-index:99; opacity:0.8} .tp_org a.bx-prev:hover, .tp_org a.bx-next:hover { opacity:1;} .tp_org a.bx-prev.disabled, .tp_org a.bx-next.disabled:hover, .tp_org a.bx-prev.disabled:hover, .tp_org a.bx-next.disabled { opacity:0.2; cursor:default} .header span.pendle { display:block; position:absolute; right:2%; top:0; z-index:99;} .header span.flag { display:block; position:absolute; left:0; top:0; z-index:99;} .slider { padding:0px 0 35px 0; display:block; width:100%; float:left; position:relative;} .slider_cont { display:block; float:left; padding:41px 12px; width:calc(100% - 24px); position:relative;} .slider_cont ul { display:block; width:100%; float:left; } .slider_cont ul li { float:left; display:block; width:100%; } .slider_cont ul li img { width:100%;} .slider_cont a.bx-prev { position:absolute; left:-40px; top:50%; margin:-55px 0 0 0; width:40px; height:70px; text-indent:-9999px;} .slider_cont a.bx-next { position:absolute; right:-40px; top:50%; margin:-55px 0 0 0; width:40px; height:70px; text-indent:-9999px;} .slider_cont .bx-pager { position:absolute; right:0; bottom:2px} .slider_cont .bx-pager .bx-pager-item { float:left; text-indent:-9999px; display:block; width:8px; height:8px; overflow:hidden; margin-right:4px;} .slider_cont .bx-pager .bx-pager-item a { width:8px; display:block; text-indent:-9999px; height:8px; border-radius:4px; background:rgba(255,255,255,0.3);} .slider_cont .bx-pager .bx-pager-item a.active { background:rgba(255,255,255,1);} .slide_title { width:476px; height:194px; margin:0 auto; display:block; background:url(../images/brace1.png) no-repeat;} .slide_title p { display:block; position:absolute; left:0; bottom:20px; width:100%; color:#d8b667; font-size:22px; /*font-family:kruti_regular;*/ text-align:center; line-height:24px;} .slide_title p span { display:block; margin-top:10px; font-size:16px; color:#d8b667; font-family:gibsonregular; text-align:center;} .slide_title p strong span { padding-left:50px; background:url(../images/buti2_lft.png) left 7px no-repeat; display:inline-block; position:relative; padding-right:50px;} .slide_title p span b { display:inline-block; width:50px; height:20px; background:url(../images/buti2_rgt.png) right center no-repeat; vertical-align:middle; position:absolute; top:4px; right:0;} /* .slide_title p label {display:block;text-align:center;line-height:28px;width: 155px;margin:0 auto;} */ .slide_title p label { display:block; text-align:center; line-height:28px; width:210px; margin:0 auto;} .arr_top { display:block; position:absolute; bottom:7px; left:50%; margin:0 0 0 -22px; z-index:999;} /* header end */ /* main_content start */ .common_page { background:url(../images/latest_bg.jpg) top center #d74a19 no-repeat; position:relative; float:left; width:100%;background-size: 100%; } .common_page_bt { float:left; display:block; width:100%; background:url(../images/har3.png) bottom no-repeat; padding:0 0 45px 0;} .common_page_tp { float:left; display:block; width:100%; background:url(../images/har.png) center -150px no-repeat; padding:45px 0 0 0;} .common_page h4 { color:#fff; font-weight:normal; display:block; font-size:28px; text-align:center;} .common_page h4 span { display:inline-block; padding-left:85px; background:url(../images/buti_lft.png) left center no-repeat;} .common_page h4 span b { display:inline-block; width:85px; background:url(../images/buti_rgt.png) right center no-repeat; height:30px; vertical-align:top;} .common_page span.pendle1 { position:absolute; left:20px; top:0; z-index:99; display:block;} .available_channel p { padding-bottom: 20px; font-family: gibsonlight; font-weight: normal; font-size: 20px; color: #fff;line-height: 30px;display: block; } .available_channel { display:block; padding:35px 0;} .available_channel h3 { font-size:22px; color:#fff; font-family:effraheavyregularheavyregular; display:block; padding-bottom:15px; text-transform:uppercase;} .available_channel h3 span { color:#ffcc00;} .available_channel ul { display:block; width:434px; float:left;} .available_channel ul li { border-bottom:#000 solid 2px; background:#fff; width:100%; display:block; float:left;} .available_channel ul li span { display:block; width:50%; padding:15px 0; color:#fff; font-family:effralightregularlightregular; font-size:18px; text-align:center; float:left; border-right:#000 solid 2px; margin-left:-2px;} .available_channel ul li.hed { background:#454545;} .available_channel ul li span img { margin:0 auto;} .available_channel ul li span b { font-size:30px; color:#333333; font-family:effraheavyregularheavyregular; display:block; text-align:center; padding:14px 0; font-weight:normal;} .fet_cr { display:block; width:calc(100% - 20px); float:left; margin:45px 10px; position:relative; z-index:999} .cm_cr { display:block; width:100%; float:left; margin:0; position:relative; z-index:999} .fet_cr ul { float:left; display:block; width:100%;} .fet_cr ul li { display:block; width:100%; float:left;} .fet_cr ul ul { float:left; display:block; width:100%;} .fet_cr ul ul li { float:left; width:calc(25% - 14px); margin:0 18px 18px 0; cursor:pointer; } .fet_cr ul ul li:nth-child(4n) { float:left; margin-right:0; } .fet_cr ul ul li span { border:#42156c solid 5px; display:block;} .fet_cr ul ul li span em { margin:3px; display:block; width:calc(100% - 6px); height:125px; overflow:hidden; position:relative;} .fet_cr ul ul li span em img { /*max-height:100%;*/ width:125%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .fet_cr ul ul li:hover span em img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .fet_cr ul ul li span cite { position:absolute; left:0; bottom:-80px; z-index:999; background:url(../images/shad.png) repeat-x; height:70px; width:100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .fet_cr ul ul li span cite strong { font-size:14px; color:#fff; font-family:gibsonlight; padding:8px 12px; position:absolute; left:0; bottom:0px; width:calc(100% - 24px);} .fet_cr ul ul li:hover cite { bottom:0;} .fet_cr ul ul li.big { width:calc(50% - 8px); } .fet_cr ul ul li.big span em { height:282px;} .fet_cr ul ul li.big span em img { width:100%; height:auto; display:block;} .fet_cr ul ul li.big span cite strong { font-size:18px; color:#fff; font-family:gibsonlight; padding:12px; position:absolute; left:0; bottom:0px; width:calc(100% - 24px);} .fet_cr ul li:first-child ul li:nth-child(4) { margin-right:0; margin:0 18px 18px 0; } .fet_cr ul li:first-child ul li:nth-child(3) { margin-right:0; } .fet_cr ul li:first-child ul li:nth-child(5) { margin-right:0; } .fet_cr ul ul li b.play_icon { width:49px; height:49px; display:block; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; z-index:99; background:url(../images/play_icon.png) no-repeat; background-size:100% auto; opacity:0.7; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .fet_cr ul ul li:hover b.play_icon { opacity:1; top:40%;} .fet_cr a.bx-prev { position:absolute; left:-40px; top:50%; margin:-28px 0 0 0; width:32px; height:56px; text-indent:-9999px; background:url(../images/slide_lft_arr.png) no-repeat;} .fet_cr a.bx-next { position:absolute; right:-40px; top:50%; margin:-28px 0 0 0; width:32px; height:56px; text-indent:-9999px; background:url(../images/slide_rgt_arr.png) no-repeat;} .fet_cr a.bx-prev.disabled, .fet_cr a.bx-next.disabled { opacity:0.3} .fet_cr .bx-pager { position:absolute; left:0; text-align:center; bottom:-80px; width:100%; margin:0;} .fet_cr .bx-pager .bx-pager-item { float:none; text-indent:-9999px; display:inline-block; width:8px; height:8px; overflow:hidden; margin-right:4px;} .fet_cr .bx-pager .bx-pager-item a { width:8px; display:block; text-indent:-9999px; height:8px; border-radius:4px; background:rgba(255,255,255,0.3);} .fet_cr .bx-pager .bx-pager-item a.active { background:rgba(255,255,255,1);} .connect_us { background:url(../images/blue_bg.jpg) center top no-repeat #220035; width:100%; float:left;} .connect_us_wrap { float:left; width:100%; display:block; padding:60px 0 40px 0; } .connect_us h4 { display:block; font-size:28px; color:#cba967; text-align:center; font-weight:normal; } .connect_us h4 span { display:inline-block; padding-left:85px; background:url(../images/buti1_lft.png) left center no-repeat;} .connect_us h4 span b { display:inline-block; width:85px; background:url(../images/buti1_rgt.png) right center no-repeat; height:30px; vertical-align:top;} .connect_us ul { margin-top:40px; display:block; width:100%; float:left;} .connect_us ul li { width:calc(100%/3 - 40px); margin-right:60px; float:left; display:block;} .connect_us ul li div.soc_inner { display:block; border:#e05f28 solid 4px; display:block;} .connect_us ul li:last-child { margin:0;} div.soc_inner span { margin:3px; display:block; overflow:hidden;} div.soc_inner span img { max-width:100%; max-height:100%; display:block;} .more_update { margin-top:40px; display:block; width:100%; float:left; text-align:center;} .more_update h5 { font-size:16px; text-transform:uppercase; padding-bottom:10px; color:#d7b56c; display:block; text-align:center;} .more_update h5 b { font-weight:normal; font-family:gibsonsemibold;} .more_update span { display:block; width:100%; float:left; text-align:center;} .more_update span a { display:inline-block; background:url(../images/social.png) no-repeat; width:48px; height:48px; margin-right:5px;} .more_update span a.soc1 { background-position:0 0;} .more_update span a.soc2 { background-position:-56px 0;} .more_update span a.soc3 { background-position:-112px 0;} .more_update span a.soc1:hover { background-position:0 -50px;} .more_update span a.soc2:hover { background-position:-56px -50px;} .more_update span a.soc3:hover { background-position:-112px -50px;} .mob_social { margin-top:10px; display:none; width:100%; float:left; text-align:center;} .mob_social span { display:block; width:100%; float:left; text-align:center;} .mob_social span a { display:inline-block; background:url(../images/social.png) no-repeat; width:48px; height:48px; margin-right:5px;} .mob_social span a.soc1 { background-position:0 0;} .mob_social span a.soc2 { background-position:-56px 0;} .mob_social span a.soc3 { background-position:-112px 0;} .mob_social span a.soc1.active { background-position:0 -50px;} .mob_social span a.soc2.active { background-position:-56px -50px;} .mob_social span a.soc3.active { background-position:-112px -50px;} .menu { display:block; position:fixed; left:0px; top:190px; z-index:9999;} .menu ul { float:left; display:block; overflow:hidden} .menu ul li { display:block; float:left; width:46px; overflow:hidden; height:46px; clear:both; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .menu ul li a { font-size:12px; line-height:46px; padding:0 15px 0 0; font-family:gibsonsemibold; text-transform:uppercase; display:block; color:#fff; white-space:nowrap;} .menu ul li a b { width:47px; height:46px; float:left;} .menu ul li.men0 {background:#9f3500;} .menu ul li.men1 { background:#c04000;} .menu ul li.men2 { background:#e46411;} .menu ul li.men3 { background:#e98c12;} .menu ul li ul { width:0px; overflow:hidden; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .menu ul li.men0 a b { background:url(../images/menu0.png) center no-repeat;} .menu ul li.men1 a b { background:url(../images/menu1.png) center no-repeat;} .menu ul li.men1 a strong { width:10px; background:url(../images/arr_rgt.png) no-repeat; height:14px; display: inline-block; vertical-align:middle; margin-left:5px;} .menu ul li.men2 a b { background:url(../images/menu2.png) center no-repeat;} .menu ul li.men3 a b { background:url(../images/menu3.png) center no-repeat;} .menu ul li.men0:hover { width:100px;} .menu ul li.men1:hover { width:116px;} .menu ul li.men2:hover { width:124px;} .menu ul li.men3:hover { width:110px;} .menu ul li.men1:hover ul { display:block; width:225px; padding:15px 25px; background:rgba(0,0,0,0.95); position:absolute; left:116px; top:0; z-index:9999;} .menu ul li.men1 ul li { width:100%; float:left; display:block; padding:0; margin:0; height:auto;} .menu ul li.men1 ul li a { display:block; font-family:gibsonlight; font-size:14px; color:#aaaaaa; margin-bottom:20px; line-height:16px; padding:0; text-transform:none;} .menu ul li.men1 ul li a:hover { color:#fff;} /* main_content end */ .shows_list { display:block; width:100%; float:left; padding-bottom:100px;} .shows_list ul { float:left; display:block; width:100%;} .shows_list ul li { float:left; display:block; cursor:pointer; width:calc(100%/3 - 35px); margin:60px 50px 0 0;} .shows_list ul li:nth-child(3n) { margin-right:0;} .shows_list ul li .thumb_inner { border:#d8b768 dotted 3px; padding:2px; display:block;} .shows_list ul li .thumb_inner div { display:block; border:#42156c solid 5px;} .shows_list ul li .thumb_inner div strong { margin:3px; display:block; position:relative; overflow:hidden; background:#fff; width:304px; height:304px;} .thumb_inner { position:relative; } .thumb_inner b.tp { display:block; width:43px; height:22px; position:absolute; left:50%; top:-22px; z-index:99; margin:0 0 0 -21px; background:url(../images/tp.png) no-repeat;} .thumb_inner b.bt { display:block; width:43px; height:22px; position:absolute; left:50%; bottom:-22px; z-index:99; margin:0 0 0 -21px; background:url(../images/bt.png) no-repeat;} .thumb_inner p { background:url(../images/brace.png) center no-repeat; display:block; height:155px; position:absolute; bottom:0; left:0; width:100%; z-index:999;} .thumb_inner p span { position:absolute; bottom:25px; font-size:20px; color:#d7b56c; text-align:center; display:block; /*font-family:kruti_regular;*/ padding:0 50px; width:calc(100% - 100px); line-height:24px;} .thumb_inner p span em { color:#d8b667; font-size:15px; line-height:18px; margin-top:8px; display:block; font-family:gibsonregular;} .shows_list ul li .thumb_inner div img { max-height:100%; width:100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .shows_list ul li:hover .thumb_inner div img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .show_banner { display:block; width:100%; position:relative; float:left;} .show_banner .banner_cont { display:block;} .show_banner .banner_cont img { margin:0 auto; max-width:100%; display:block;} .show_banner .banner_cont > img {width:100%;/* min-height: 150px; */} .ban_con { position:absolute; text-align:center; width:30%; right:0; top:0; z-index:99} .ban_con b {margin: 30px 0 0 0;display:block;text-align:center;} .ban_con strong {border-top:#ff812a solid 2px;border-bottom:#ff812a solid 2px;color:#3f1370;font-size:20px;line-height:30px;display:block;text-align:center;width:225px;margin:0 auto;padding:15px 0;margin-top: 20px;text-transform:uppercase;font-family:gibsonsemibold;} .ban_con strong em { font-size:28px; display:block; font-family:gibsonsemibold; color: #fff;} .ban_con strong em cite {color: #edd07c;} .abt_show { display:block; width:100%; float:left; background:url(../images/about_bg.jpg) top center no-repeat #220035; padding:35px 0 0 0;} .abt_cont { display:block; width:100%; float:left; padding-bottom:15px;} .abt_show h4 { display:block; font-size:28px; color:#cba967; text-align:center; font-weight:normal; padding-bottom:20px; border-bottom:rgba(255,255,255,0.2) solid 2px; margin-bottom:30px;} .abt_show h4 span { display:inline-block; padding-left:85px; background:url(../images/buti1_lft.png) left center no-repeat;} .abt_show h4 span b { display:inline-block; width:85px; background:url(../images/buti1_rgt.png) right center no-repeat; height:30px; vertical-align:top;} .abt_cont p { font-size:18px; font-family:gibsonlight_italic; color:#d8b667; display:block; line-height:30px; text-align:center; padding-bottom:15px;} .show_cast_wrap h4 { border:none} .aboutus { padding:0 0 50px 0; min-height:800px; display:block; float:left; width:100%; } .aboutus h4 { font-size:37px; line-height:38px; margin-bottom:45px;} .aboutus p { padding-bottom:20px; font-family:gibsonlight; font-weight:normal; font-size:20px; color:#fff; line-height:30px; display:block;} .aboutus p a { color:#ffde00;} .advertise_with_us { padding:0 0 50px 0; /*min-height:800px;*/ display:block; float:center;} .advertise_with_us h4 { font-size:37px; line-height:38px; margin-bottom:45px;} .advertise_with_us p { padding-bottom:20px; font-family:gibsonregular; font-weight:normal; font-size:20px; color:#fff; line-height:28px; display:block; text-align:center;} .advertise_with_us p a { color:#ffde00;} .advertise_with_us p span.title {font-family:gibsonregular;color:#edd07c;} .show_cast { display:block; padding:70px 0 0 0; width:100%; float:left; display:block; background:url(../images/har2.png) center top no-repeat; border-top:rgba(255,255,255,0.2) solid 2px;} .show_cast h4 { margin-bottom:0;} .show_cast ul { float:left; display:block; width:100%;} .show_cast ul li { float:left; display:block; margin:20px; width:180px; position:relative;} .show_cast ul li span { display:block; display:block;} .show_cast ul li span img { width:100%; width:100%; margin:0 auto;} .show_cast ul li label { font-size:18px; color:#d8b667; font-family:gibsonlight_italic; padding-top:10px; text-align:center; display:block;} .show_cast_wrap { padding-bottom:105px; display:block; width:100%; float:left; background:url(../images/har3.png) bottom no-repeat;} .ms-staff-carousel .ms-staff-info{ min-height: 682px; } .show_cast ul li span img { max-height:100%; width:100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .show_cast ul li:hover span img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .schedule { display:block; width:100%; float:left; background:url(../images/schedule_bg.jpg) center top no-repeat; padding-bottom:100px; } .schedule_header .header_wrap { padding-bottom:47px; background-image:none} .slider_imp { width:100%; float:left; display:block; position:relative;} .slider_imp ul { float:left; display:block; width:100%;} .slider_imp ul li { float:left;} .schedule_banner { display:block; width:476px; height:180px; margin:-184px auto 0 auto; background:url(../images/brace1.png) no-repeat; position:relative; z-index:99} .info { display:block; background:url(../images/shadow_ball.png) no-repeat; width:244px; height:205px; position:absolute; bottom:155px; left:35px; z-index:99;} .info span { display:block; width:100%; text-align:center; position:absolute; bottom:40px; z-index:99;} .info span b { font-size:20px; /*font-family:kruti_regular;*/ color:#d7b56c; display:block; text-align:center; padding:0 40px; font-weight:normal; line-height:22px;} .info span strong { color:#fff; font-size:22px; display:block; text-align:center; padding-top:5px;} .info span a.now { color:#fff; padding:0 10px; background:#d84903; font-size:14px; font-family:gibsonregular; display:inline-block; margin-top:10px; line-height:16px;} .slider_imp .ms-nav-next { width:31px; height:44px; background:url(../images/slide_rgt_arr.png) no-repeat; position:absolute; right:-50px; top:50%; z-index:99; display:block !important; opacity:1 !important; cursor:pointer;} .slider_imp .ms-nav-prev { width:31px; height:44px; background:url(../images/slide_lft_arr.png) no-repeat; position:absolute; left:-50px; top:50%; z-index:99; display:block !important; opacity:1 !important; cursor:pointer;} .schedule_banner h3 { display:block; font-size:26px; color:#cba967; text-align:center; font-weight:normal; padding-bottom:15px; margin-bottom:30px; float:left; width:100%; margin:78px 0 0 0;} .schedule_banner h3 span { display:inline-block; padding-left:40px; background:url(../images/buti2_lft.png) left center no-repeat;} .schedule_banner h3 span b { display:inline-block; width:40px; background:url(../images/buti2_rgt.png) right center no-repeat; height:30px; vertical-align:top;} .schedule_banner em { display:block; border-radius:5px; overflow:hidden; width:240px; margin:0 auto;} .schedule_banner em a { width:120px; float:left; line-height:36px; color:#fff; font-size:18px; font-family:gibsonsemibold; text-align:center; background:#000; opacity:0.6} .schedule_banner em a.active { background:#d84903; opacity:1;} .feedback_page { display:block;} .feedback_page h4 { font-size:38px;} .feedback_page h4 span b { vertical-align:middle;} .feedback_page em { font-size:20px; color:#fff; font-family:gibsonlight; display:block; text-align:center; margin:15px 0 40px 0;} .feedback_page ul { float:left; display:block; width:100%;} .feedback_page ul li { float:left; margin:0 55px 25px 0; width:calc(33% - 34px);} .feedback_page ul li:nth-child(3n) { margin-right:0;} .feedback_page ul li label { font-size:16px; color:#fff; font-family:gibsonlight_italic; line-height:18px; padding-bottom:5px; display:block;} .feedback_page ul li select { border:#cba967 solid 1px; padding:0 19px; width:100%; height:62px; font-size:18px; color:#cba967; font-family:gibsonlight; border-radius:10px; background:rgba(0,0,0,0.5);} .feedback_page ul li input[type="text"] { border:#cba967 solid 1px;padding:0 19px; width:calc(100% - 40px); height:60px; font-size:18px; color:#cba967; font-family:gibsonlight; background:rgba(0,0,0,0.5); border-radius:10px;} .feedback_page ul li.f_yel input[type="text"] { border:#f6ff00 solid 2px; height:58px; width:calc(100% - 42px);} .feedback_page ul li.f_yel label { color:#f6ff00;} .feedback_page ul li.mesg_text { width:100%; margin-right:0;} .feedback_page ul li textarea { border:#cba967 solid 1px;padding:19px; width:calc(100% - 40px); height:140px; font-size:18px; color:#cba967; font-family:gibsonlight; background:rgba(0,0,0,0.5); border-radius:10px; line-height:28px;} .feedback_page ul li select:focus, .feedback_page ul li input[type="text"]:focus, .feedback_page ul li textarea:focus { background:rgba(0,0,0,0.7); box-shadow:#cba967 0 0 8px; } .captcha { display:block;} .captcha span { display:block; float:left;} .feedback_page ul li:last-child { float:right;} /*.feedback_page ul li a.send_feed { display:block; float:right; border:#cba967 dotted 2px;} .feedback_page ul li a.send_feed em { background:url(../images/feed_btn.png) no-repeat; width:300px; text-align:center; line-height:72px; height:73px; float:left; display:block; font-size:22px; color:#cba967; font-family:gibsonsemibold; text-transform:uppercase; padding:0; margin:2px;} .feedback_page ul li a.send_feed em b { display:inline-block; margin-left:10px; width:10px; height:16px;}*/ .feedback_page ul li button.send_feed { display:block; float:right; background-color: #db4b02; border:#cba967 dotted 2px;} .feedback_page ul li button.send_feed em { background:url(../images/feed_btn.png) no-repeat; width:300px; text-align:center; line-height:72px; height:73px; float:left; display:block; font-size:22px; color:#cba967; font-family:gibsonsemibold; text-transform:uppercase; padding:0; margin:2px;} .feedback_page ul li button.send_feed em b { display:inline-block; margin-left:10px; width:10px; height:16px;} .lft_wrap { display:block;} .vid_detail { width:100%; float:left; display:block;} .video_detail { width:728px; margin:0 auto; display:block;} .det_org { display:block; width:calc(100% - 28px); float:left; padding:14px; margin:20px 0 0 0; background:rgba(0,0,0,0.2);} .det_org span { width:100%; height:410px; cursor:pointer; background:#000; display:block; position:relative;} .det_org span cite { position:absolute; left:50%; top:50%; background:url(../images/vid_play.png) no-repeat; opacity:0.5; width:70px; height:70px; margin:-35px 0 0 -35px;} .det_org span:hover cite { opacity:1;} .spec { padding:15px 130px 15px 20px; background:#fff; position:relative; display:block;} .spec h4 { font-size:20px; color:#001111; font-family:gibsonregular; padding-bottom:10px; text-align:left;} .spec strong { color:#666; font-size:16px; font-family:gibsonregular; padding-bottom:10px; display:block;} .shareon { display:block; position:absolute; right:15px; bottom:40px;} .shareon h6 { font-size:10px; color:#222; font-family:gibsonregular; text-transform:uppercase; padding-bottom:5px;} /*-- Footer start---*/ .footer { padding:50px 0 0 0; float:left; display:block; width:100%; background:url(../images/brd_shine.jpg) top center no-repeat #160223;} .footer .banner { display:block; width:100%;} .footer .banner span { display:block; width:100%; text-align:center;} .footer .banner span img { margin:0 auto;} .fot_nav { padding:50px 0; display:block; width:100%; float:left;} .fot_nav ul { width:100%; float:left; display:block;} .fot_nav > ul > li { width:calc(100%/4 - 15px); padding-right:15px; display:block; float:left;} .fot_nav ul ul { float:left; display:block; width:100%;} .fot_nav ul ul li { display:block; width:100%; float:left;} .fot_nav ul li h4 { color:#d7b56c; font-size:16px; text-transform:uppercase; display:block; padding-bottom:20px;} .fot_nav ul ul li { display:block; padding-bottom:5px; float:left; width:100%;} .fot_nav ul ul li a { font-size:12px; color:#9f9f9f; line-height:20px; display:block;} .fot_nav ul ul li a:hover { color:#fff;} .copy_rgt { display:block; padding:25px 0; line-height:20px; font-size:12px; color:#928a99; text-align:center; background:url(../images/brd_shine1.jpg) top no-repeat; float:left; width:100%;} .mob_nav { display:none;} .mob_nav ul { display:none;} .mob_nav a.mob_menu { display:block; width:20px; height:20px; float:left; margin:8px; background:url(../images/mob_menu.png) center no-repeat;} .vid_detail h4 { font-size:24px; } .vid_detail h4 span { padding-left:60px;} .vid_detail h4 span b { width:60px;} .common_page_video .common_page_tp { background-image:none;} .vid_detail h6 { font-size:12px; text-transform:uppercase; display:block; color:#ffcd39; text-align:center; padding:15px 0 0 0;} .vid_hd { padding-bottom:20px; display:block;} .act_vid { width:890px; height:591px; display:block; margin:0 auto; padding:25px 50px 15px 50px; background:url(../images/frame.png) center top no-repeat; position:relative;} .act_vid > span { display:block; position:relative; border:#c7a565 solid 3px; width:calc(100% - 6px); cursor:pointer;} .act_vid span img { width:100%; display:block;} .act_vid b.play_icon { background:url(../images/vid_play.png) no-repeat; width:99px; height:99px; background-size:100% auto; position:absolute; left:50%; top:50%; z-index:999; margin:-50px 0 0 -50px; opacity:0.8} .act_vid span:hover b.play_icon { opacity:1;} video-js vjs-mouse vjs-paused vjs-controls-enabled vjs-workinghover bc-player-172698d6-ab83-479e-940e-2bab20fb0a3f_default vjs-plugins-ready vjs-contextmenu vjs-contextmenu-ui vjs-player-info vjs-errors not-hover vjs-user-inactive .bc-player-172698d6-ab83-479e-940e-2bab20fb0a3f_default.vjs-mouse .vjs-big-play-button, .bc-player-172698d6-ab83-479e-940e-2bab20fb0a3f_default .vjs-big-play-button { background: url("../images/vid_play.png") no-repeat !important; background-size:100% auto !important; box-shadow: none !important; height: 80px !important; left: 50% !important; margin: -40px 0 0 -40px !important; opacity: 0.8 !important; top: 50% !important; width: 80px !important; } .vjs-overlay, .vjs-overlay.vjs-overlay-top-left { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; width: 50px; } .bc-player-172698d6-ab83-479e-940e-2bab20fb0a3f_default.vjs-mouse .vjs-big-play-button:hover { opacity: 1 !important; } .bc-player-172698d6-ab83-479e-940e-2bab20fb0a3f_default .vjs-big-play-button::before { display: none !important; } .vjs-overlay img, .vjs-overlay.vjs-overlay-top-left img { opacity: 0.8 !important; width: 50px !important; } .vjs-overlay, .vjs-overlay.vjs-overlay-top-left { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; bottom: 10px !important; right: 10px !important; width: auto !important; } .btm_cr { width:100%; float:left; display:block; padding:20px 0;} .btm_cr h4 { margin-bottom:25px;} .btm_cr h4 span { padding-left:60px;} .btm_cr h4 span b { width:60px;} .btm_cr ul { float:left; display:block; width:100%;} .btm_cr ul li {display:block;width:244px;float:left;margin-right:14px;border:#42156c solid 5px;} .btm_cr ul li:last-child { margin:0;} .btm_cr ul li span { margin:3px; cursor:pointer; position:relative; display:block; overflow:hidden;} .btm_cr ul li span img { width:100%; height:auto; display:block; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .btm_cr ul li span:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .btm_cr ul li span b.thumb_play { display:block; width:49px; height:49px; position:absolute; left:50%; top:50%; margin:-25px 0 0-25px; background:url(../images/vid_play.png) no-repeat; background-size:100% auto; z-index:999; opacity:0.8; } .btm_cr ul li span:hover b.thumb_play { opacity:1;} .share_on { position:absolute; width:64px; right:-64px; top:65px; display:block; z-index:99;} .share_on label { font-size:10px; color:#fff; text-transform:uppercase; display:block; padding-bottom:10px; text-align:center; font-family:gibsonlight} .share_on em { display:block; width:100%; float:left;} .share_on em a { display:block; background:url(../images/n_sco.png) no-repeat; width:38px; height:38px; margin:0 13px 8px 13px;} .share_on em a.n_soc1 { background-position:0 0;} .share_on em a.n_soc2 { background-position:0 -47px;} .share_on em a.n_soc3 { background-position:0 -94px;} .share_on em a.n_soc1:hover { background-position:-61px 0;} .share_on em a.n_soc2:hover { background-position:-61px -47px;} .share_on em a.n_soc3:hover { background-position:-61px -94px;} .cr_wid { padding:0 20px; position:relative; width:calc(100% - 40px); float:left;} .cr_wid a.bx-prev { width:20px; height:28px; position:absolute; left:-5px; top:50%; z-index:99; opacity:0.8; background:url(../images/tp_arr_lft.png) left top no-repeat; text-indent:-9999px; margin:-14px 0 0 0;} .cr_wid a.bx-next { width:20px; height:28px; position:absolute; right:-5px; top:50%; z-index:99; opacity:0.8; background:url(../images/tp_arr_rgt.png) left top no-repeat; text-indent:-9999px; margin:-14px 0 0 0;} .cr_wid a.bx-prev.disabled, .cr_wid a.bx-next.disabled { opacity:0.4 !important} .cr_wid a.bx-prev:hover, .cr_wid a.bx-next:hover { opacity:1;} .subscription_det { display:block; width:calc(100% - 30px); background:#fff; padding:15px; float:left;} .subscription_det ul { float:left; background:#fff; display:block; width:100%;} .subscription_det ul li { float:left; margin-right:5px;} .subscription_det ul li a {/* padding: 0px 0px 0px 0px; */color:#333;display:block;font-size:16px;font-family:gibsonregular;border-bottom:#fff solid 3px;opacity:0.4;} .subscription_det ul li td.active a, .subscription_det ul li td:hover a { border-bottom:#cd4300 solid 3px; opacity:1} .sub_tabs li a { color: red !important; opacity:1 !important;} .tab_container { display:block; width:calc(100% - 60px); background:#fff; float:left; padding:30px;} .tab_container > ul { float:left; width:100%; display:block;} .tab_container > ul li { float:left; width:100%; display:block;} .tab_container ul li h5 { display:block; float:left; width:100%; padding:20px 0 15px 0; font-size:16px; color:#333; font-family:gibsonsemibold;} .comp_grid { float:left; width:100%; margin-bottom:10px;} .comp_grid table { border:rgba(0,0,0,0.2) solid 1px;} .comp_grid table td { padding:15px; color:#333; font-size:18px; vertical-align:top; line-height:24px;} .comp_grid table td.com_lg { width:200px; background:#eee; text-align:center;} .comp_grid table td.com_lg img {margin:0 auto;width: 100px;} .comp_grid table td p { font-size:16px; color:#333; line-height:22px;} .grid { display:block; width:100%; float:left; margin:15px 0;} .grid ul { float:left; width:100%; display:block} .grid ul li { float:left; cursor:pointer; width:calc(33% - 20px); margin:0 10px 20px 10px;} ul.grid li .com_grid { box-shadow:rgba(0,0,0,0.2) 0 2px 5px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius:10px; overflow:hidden; background:#fff; box-shadow:rgba(0,0,0,0.1) 0 1px 2px; } .grid ul li span { display:block; display:block;} .grid ul li span img { max-width:100%; display:block; height:auto;} .grid ul li div.recipe_cont { padding:20px; display:block;} .grid ul li div.recipe_cont h5 { font-size:22px; color:#3f1370; text-align:center; padding:5px 0 15px 0} .grid ul li div.recipe_cont p { font-size:16px; line-height:24px; color:#444; text-align:left; letter-spacing:0.2; display:block; font-family:gibsonregular;} .grid ul li div.recipe_cont p a { color:#e05f28; } .calendar_cont {position: absolute; right:0; top:100px;} .calendar_cont ul li {float:left; width:44px; margin-left:15px; background:#343434; font-size:28px; line-height:36px; padding:6px; text-transform:uppercase; text-align:center; color:#777; border-radius:5px;font-weight:bold;} .calendar_cont ul li:hover {color:#aaa; background: #444;} .calendar_cont ul li span {font-size:14px; display:block; line-height:18px;} .calendar_cont ul li.active {background:#d84903; color:#fff;} .bounded-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } .bounded-list .inner-list { -ms-flex-preferred-size:50%; flex-basis:50%; } .bounded-list .inner-list h3{ font-size: 28px; color: #cba967; padding-bottom: 20px; } .bounded-list .inner-list li a{ font-family: 'gibsonregular'; font-size: 18px; color: #cba967; } .inner-song-download {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .song-download {background-color: #ff5600;margin: 0 10px 20px;border-radius: 10px;overflow: hidden;border: 1px solid #ffffff;} .song-download .download-song-image{width: 70px;padding-top: 70px;position: relative;overflow: hidden;-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.5);} .song-download .download-song-image img {height: 100%;position: absolute;top: 50%;left: 50%;width: auto;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: auto;} .download-song-text .download-song-title {display: block;text-transform: uppercase;color: #3d1370;font-weight: 600;font-size: 16px;margin: 0;} .download-song-text .download-song-subtitle {color:#ffffff;font-size:14px;display: block;} .song-download .download-song-icon{width: 80px;text-align: center;} .song-download .download-song-icon img{ margin: 0 auto; width: 40px;} .song-download .download-song-text {width: calc( 100% - 180px );padding: 0 10px;} .video_cr .bx-viewport { height: 100% !important; } .slider_video { display: block; width: 80%; margin: 0 auto; padding: 10px; border: 4px solid #220035; box-sizing: border-box; } @media only screen and (max-width: 1200px){ .container { width:96%; padding:0 2%; float:left;} .tp_cro ul { white-space:nowrap; overflow:auto; display:block} .tp_cro ul li { float:none; display:inline-block; width:200px; margin:0; padding:0;} .header a.logo {margin:15px 0 0 40px;} .tp_cro { width:calc(100% - 220px); float:right;} .header a.logo img { max-width:100%;} .tp_cro h3 { font-size:16px; line-height:24px; width:100px;} .tp_org { width:calc(100% - 110px)} .home .header { background-size:119% auto; background-position:center 13px; } .slider_cont { padding:20px 0; margin:0 15px} .header span.pendle { right:10px; display:none;} .header span.pendle img { height:150px; width:auto;} .slider { padding:0;} .fet_cr ul ul li { width:250px !important; margin:0 15px 0 0 !important; vertical-align:top; float:none;} .fet_cr ul ul li span em { max-height:125px !important;} .fet_cr ul li { float:none; display:inline-block; width:auto} .fet_cr ul { width:auto; display:inline-block; float:none} .fet_cr ul ul li { white-space:normal; display:inline-block; float:none !important;} .fet_cr { white-space:nowrap; overflow:auto;} .common_page span.pendle1 img { height:150px; width:auto;} .show_cast ul li { width:calc(100%/3 - 40px);} .show_banner span img { max-width:100%;} .schedule_banner { margin-top:-179px;} .ban_con { width:350px;} .ban_con b { margin:30px 0 0 0;} .header_wrap { padding-bottom:20px; } .home .header_wrap { padding-bottom:40px; } .shows_list ul li .thumb_inner div strong { width:calc(100% - 6px); height:100%; display:block;} .act_vid { width:calc(100% - 100px);} .share_on { top:-35px; right:0; width:200px;} .share_on em { width:auto;} .share_on em a { float:left; display:block; margin:0 5px 0 0;} .share_on label { float:left; line-height:36px; padding:0; margin-right:15px; display:block;} .calendar_cont { right:30px; top:30px;} } @media only screen and (max-width: 1023px){ .video_cr a.bx-next { right: 0 !important; } .video_cr a.bx-prev { left: 0 !important; } /* .video_cr { overflow: hidden !important; } */ .video_cr { overflow-x: auto !important; } .header { background:none !important;} .tp_nv { width:calc(100% - 150px); display:block; float:right; margin-right:20px;} .header span.flag img { height:40px; width:auto; } .header a.logo { width:120px; margin:-20px 0; float:left;} .header a.logo img { height:auto;} .tp_cro { width:100%;} .tp_cro h3 { width:100%; padding:0; margin:0 0 10px 0;} .tp_org { width:100%; float:left;} .tp_org_cont { margin:0; width:100%;} .header span.pendle img { height:80px; width:auto; margin:-30px 0 0 0;} .tp_cro h3 { font-size:14px; font-family:gibsonsemibold; display:none;} .slider_cont { margin:0; padding:0; width:100%;} .slider_cont .bx-pager { bottom:-25px;} .common_page span.pendle1 img { height:100px;} .common_page_tp { padding:30px 0 0 0;} .common_page_bt { padding:0 0 30px 0; background:none} .fet_cr { margin:30px 0 0 0; width:100%;} .slider .container { width:100%; padding:0;} .connect_us ul li { margin:0 15px 0 0; width:calc(100%/3 - 10px);} .show_cast_wrap { padding-bottom:50px;} .abt_show h4 { margin-bottom:10px;} .shows_list ul li { width:calc(100%/2 - 35px); margin-right:35px !important; float:none; display:inline-block;} .shows_list ul { text-align:center;} .shows_list ul li:nth-child(2n) { margin-right:0 !important;} .schedule_header .header_wrap { padding-bottom:200px;} .ban_con { width:250px;} .ban_con b { margin:30px 0 0 0;} .ban_con b img { max-width:140px !important;} .ban_con strong { padding:10px 0; margin:20px auto; line-height:22px; width:160px; font-size:16px; } .tp_cro ul li a { padding:12px 15px;} .tp_cro ul li a span { font-size:15px; font-family:gibsonsemibold;} .tp_cro ul li a em { font-size:14px; font-family:gibsonregular} .act_vid { padding:25px 0 15px 0; width:100%; height:auto; } .btm_cr ul { width:100%; overflow:auto; white-space:nowrap;} .btm_cr ul li { float:none; display:inline-block;} .fet_cr ul ul li.big span em img {height:100% !important; width:100% !important;} .calendar_cont { top:15px; right:20px; z-index: 999;} .calendar_cont ul li { line-height:26px; font-size:20px; width:40px; margin-left:8px;} .share_on { top:-35px; right:50%; margin:0 -100px 0 0; width:200px;} } @media only screen and (max-width: 768px){ .slider_cont .ms-layer { left:20% !important} .feedback_page ul li { width:calc(50% - 25px); margin-right:50px;} .feedback_page ul li:nth-child(3n) { margin-right:50px;} .feedback_page ul li:nth-child(2n) { margin-right:0;} .tp_cro ul { white-space:nowrap; overflow:auto; display:block; width:calc(100% + 30px); margin-right:-15px;} .aboutus p { font-size:16px;} .grid ul li { width:calc(50% - 20px);} .menu ul li.active a { color:#e98c12; border-top:#e98c12 solid 2px; } .menu ul li a { border-top:#111 solid 2px;} .menu { display:block; width:100%; float:left; top:0px;} .menu ul { width:100%; float:left;} .menu ul li { float:left; width:25%; clear:inherit; padding:0; margin:0;} .menu ul ul { display:none !important} .menu ul li a {background:#111; padding:0 !important} .menu ul { border-bottom:#333 solid 1px;} .menu ul li { border-right:none; width:25%; float:left;} .menu ul li a { display:block; text-align:center;} .menu ul li a strong { display:none !important;} .menu ul li.active a { border-top:#e98c12 solid 3px;} .menu ul li:hover { width: 25% !important} .menu ul li a b { display:none;} .wrapper { position:relative; top:45px;} .comp_grid table { width:100%;} .bounded-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .bounded-list .inner-list { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 30px; } .song-download .download-song-image { padding-top: 80px; width: 80px; } .download-song-text .download-song-title {font-size: 15px;} .download-song-text .download-song-subtitle {font-size: 14px;} .song-download .download-song-icon img { width: 40px; } .bounded-list .inner-list h3 { font-size: 24px; } } @media only screen and (max-width: 767px){ .common_page h4, .connect_us h4 { font-size:22px;} .connect_us_wrap { padding:25px 0;} .connect_us ul li { margin:0 0 15px 0; padding:0; width:100%;} .connect_us ul li div.soc_inner { width:300px; margin:0 auto;} .footer .banner span img { width:100%; height:auto; display:block;} .fot_nav > ul > li { width:calc(100%/2 - 15px); padding-right:10px; margin-bottom:20px; float:none; display:inline-block} .fot_nav { padding:50px 0 20px 0;} .tp_cro h3 { font-size:18px; text-align:center;} .tp_cro ul li { width:200px; margin:0;} .show_cast ul li { width:calc(100%/2 - 40px)} .shows_list ul li { width:calc(100%/2 - 20px); margin-right:35px !important} .shows_list ul li:nth-child(2n) { margin-right:0 !important;} .schedule_header .header_wrap { padding-bottom:150px;} .aboutus {} .ban_con { width:150px;} .ban_con b { margin:10px 0 0 0;} .ban_con b img {max-width: 70px !important;} .ban_con strong {padding:10px 0;margin:10px auto;line-height:20px;width:100px;font-size: 12px;} .ban_con strong em {font-size: 14px;} .slider_cont .ms-layer { left:50% !important; margin-left:-103px !important;} .slide_title { width:205px; background-size:100% auto; height:80px;} .slide_title p { font-size:14px; bottom:10px;} .slide_title p span { font-size:12px; margin-top:5px;} .aboutus p { font-size:18px;} .feedback_page ul li.captcha { margin-right:0; width:100%;} .feedback_page ul li:last-child { float:none; margin:0 auto; width:310px;} .mob_nav { display:block; float:left;} .menu { display:block; width:100%; float:left; top:0px;} .tp_nv { margin:0;} .tp_org { margin:10px 0 20px 0; display:none; width:calc(100% + 15px);} .home .tp_org { display:block !important;} .more_update { display:none;} .mob_social { display:block;} .connect_us ul { margin:30px 0 0 0;} .mob_social span a { opacity:0.6;} .mob_social span a:first-child { opacity:1;} .connect_us ul li:first-child { display:block;} .wrapper { position:relative; top:40px;} } @media only screen and (max-width: 500px){ .container { padding:0 10px; width:calc(100% - 20px); } .header a.logo { margin:-16px -10px;} .header span.pendle img { height:40px; margin:-10px 0 0 0} .tp_cro { margin:0 0 0 0;} .tp_nv { padding:17px 0 0 0;} .header span.flag img { height:60px;} .tp_cro ul { width:calc(100% + 20px); margin: 0 -10px 0 0} .slider { padding:0; width:calc(100% + 30px); margin:0 0 0 -15px} .common_page span.pendle1 img { height:70px;} .shows_list ul li { width:320px; margin:0 auto 50px auto !important; float:none; display:inline-block;} .shows_list ul { text-align:center;} .common_page h4 { margin-bottom:40px;} .feedback_page ul li { width:100%; margin-right:0;} .feedback_page ul li:nth-child(3n) { margin-right:0;} .feedback_page ul li:nth-child(2n) { margin-right:0;} .feedback_page em { margin:0 0 15px 0;} .common_page h4 { margin-bottom:18px;} .fet_cr { margin:20px 0 0 0;} .feedback_page ul li:last-child { float:none; margin:0 auto; width:310px;} .header span.flag img { height:30px} .tp_cro ul li span b { font-size:10px;} .fot_nav ul li h4 { display:block; text-align:center;} .fot_nav > ul > li { width:100%; padding:0;} .fot_nav ul ul { text-align:center;} .fot_nav ul ul li { display:inline-block; margin-bottom:8px; width:auto; float:none; padding:0 10px; border-right:#666 solid 1px; line-height:14px;} .fot_nav ul ul li a { line-height:14px; padding:0;} .fot_nav ul ul li:last-child { border:none;} .fet_cr ul ul li.big span em img {height:100% !important; width:auto !important;} .fot_nav { padding:20px 0;} .feedback_page ul li select { height:48px; border-radius:10px;} .feedback_page ul li input[type="text"] { height:50px; line-height:50px; font-size:16px; border-radius:10px;} .feedback_page ul li.f_yel input[type="text"] { height:48px; line-height:48px; font-size:16px; border-radius:10px;} .feedback_page ul li textarea, .feedback_page ul li input[type="text"] { font-size:16px; border-radius:10px;} .feedback_page ul li textarea { line-height:22px;} .abt_show h4 { font-size:20px; line-height:32px;} .abt_cont p { font-size:16px; line-height:24px;} .fet_cr ul ul li { width:200px !important; margin:0 10px 0 0!important} .fet_cr ul ul li span { border:#42156c solid 3px;} .fet_cr ul ul li b.play_icon { width:40px; height:40px; margin:-20px 0 0 -20px;} .fet_cr ul ul li span cite strong { font-size:12px;} .tp_nv ul li { padding:0 10px;} .ban_con strong {margin:0 auto;padding: 0px 0;} .tp_nv ul li a {font-size: 10px;letter-spacing: 0.05em;} .advertise_with_us p { font-size:14px; line-height:20px; margin:0 !important} .grid ul li { width:calc(100% - 20px)} .tp_nv {width: calc(100% - 102px);} .menu ul li a {background:#111; padding:0 !important} .menu ul { border-bottom:#333 solid 1px;} .menu ul li { border-right:none; width:25%; float:left;} .menu ul li a { display:block; text-align:center;} .menu ul li a strong { display:none !important;} .menu ul li.active a { border-top:#e98c12 solid 3px;} .tp_cro ul li a { line-height:22px;} .menu ul li:hover { width: 25% !important} .menu ul li a b { display:none;} .vid_detail h4 span { background:none; line-height:24px; padding:0 30px;} .vid_detail h4 span b { display:none;} .comp_grid { white-space:normal} .comp_grid table { float:left; display:block; width:calc(100% - 2px);} .comp_grid table td { width:calc(100% - 32px) !important; padding:15px !important; float:left; display:block;} .comp_grid table tr { float:left; width:100%; display:block;} .subscription_det ul { white-space:nowrap; overflow:auto; display:block; width:100%;} .subscription_det ul li { float:none; display:inline-block;} .tab_container { padding:10px 0; width:100%;} } @media only screen and (max-width: 400px){ .tp_cro h3 { font-size:14px; font-family:gibsonregular} .tp_cro ul li a { padding:10px; line-height:22px;} .common_page h4 span, .connect_us h4 span, .abt_show h4 span { padding-left:50px; font-size:18px; line-height:36px;} .common_page h4 span b, .connect_us h4 span b, .abt_show h4 span b { width:50px;} .grid ul li { width:calc(100% - 20px)} .common_page_tp { padding:30px 0 0 0;} .common_page_bt { padding:0 0 20px 0} .fet_cr { margin:0 -10px 0 0; width:calc(100% + 20px);} .show_cast ul li { width:calc(100% - 40px)} .shows_list ul li { width:300px; margin:0 auto 50px auto !important; float:none; display:inline-block;} .shows_list ul { text-align:center;} .common_page h4 { margin-bottom:15px;} .shows_list { padding-bottom:20px;} .schedule_header .header_wrap { padding-bottom:120px;} .schedule_banner { background-size:100% auto; width:100%; background-position:bottom center;} .schedule_banner h3 span { font-size:18px; line-height:30px; } .schedule_banner em { width:200px;} .schedule_banner em a { line-height:30px; width:100px; font-size:16px;} .schedule_banner h3 { margin:92px 0 0 0; padding-bottom:8px;} .ban_con { width:110px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .ban_con b {margin: 0;} .ban_con b img {max-width: 70px !important;} .ban_con strong {padding: 0;margin: 0 auto 0 auto;line-height: 14px;width:100px;font-size: 11px;border: none;} .ban_con strong em {font-size: 11px;} .tp_nv ul li a { font-size:8px;} .tp_org { margin:10px 0 0 0;} .show_banner .banner_cont > img {/* height:220px; */width: 100%;max-width:inherit !important;margin:0 0 0 0;} .song-download .download-song-image {padding-top: 60px;width: 70px;} .download-song-text .download-song-title {font-size: 13px;} .song-download .download-song-icon {width: 60px;} .song-download .download-song-icon img {width: 30px;} .slider_cont .ms-layer { left:50% !important; margin-left:-180px !important;} /* .slide_title { width:260px; background-size:100% auto; height:105px;} .slider_cont .ms-layer { left:50% !important; margin-left:-130px !important;} */ .slide_title { width:200px; background-size:100% auto; height:80px;} .slider_cont .ms-layer { left:50% !important; margin-left:-100px !important;} .tp_cro ul li { width:150px;} .slide_title p strong span { padding:0;} .slide_title p { bottom:0; font-size:12px;} .slide_title p strong span { background:none; font-size:12px; line-height:16px;} .slide_title p span b { display:none;} /* .slide_title p label { width:150px; line-height:16px; padding:0; margin:0 auto;} */ .slide_title p label { width:80px; line-height:16px; padding:0; margin:0 auto;} .aboutus p { font-size:14px; line-height:22px;} .menu ul li a b { display:none;} .menu ul { white-space:nowrap; float:none; overflow:auto; height:40px; display:block;} .menu ul li { height:40px; padding:0; text-align:center; margin:0;} .menu ul li a { padding:0 !important; line-height:40px;} .menu ul li a strong { display:none !important;} .tp_cro ul li a span { font-size:14px; line-height:16px;} .tp_cro ul li a em { font-size:12px;} } .toggle-mnu {display: none;width: 25px;height: 20px;position: absolute;top: 15px;right: 15px;padding: 10px;background: #cd4300;} .toggle-mnu span:after, .toggle-mnu span:before {content: ""; position: absolute; left: 0; top: 9px; } .toggle-mnu span:after {top: 18px; } .toggle-mnu span {position: relative; display: block; } .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {width: 100%; height: 2px; background-color: white; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 2px; } .toggle-mnu.on span {background-color: transparent; } .toggle-mnu.on span:before {-webkit-transform: rotate(45deg) translate(-1px, 0px);-ms-transform: rotate(45deg) translate(-1px, 0px);transform: rotate(45deg) translate(-1px, 0px); } .toggle-mnu.on span:after {-webkit-transform: rotate(-45deg) translate(6px, -7px);-ms-transform: rotate(-45deg) translate(6px, -7px);transform: rotate(-45deg) translate(6px, -7px); } .header a.logo1 {display: none;position: absolute;left: 50%;transform: translateX(-50%);margin: 0;} @media only screen and (max-width: 768px){ .toggle-mnu {display: block;} .menu { height: 0; } .menu ul {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: .5s all;-o-transition: .5s all;transition: .5s all;height: 100vh;background: #111;padding-top: 100px;} .menu ul.active {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .menu ul li, .menu ul li:hover { width: 100% !important; } .wrapper { top: 0; } .tp_nv { display: block; width: auto; margin-right: 60px; } .tp_nv ul li { display: none; } .tp_nv ul li.subm { display: block; } /* .tp_nv { display: none; } */ /*.header a.logo1{display: none;}*/ /*15-05-2020*/ /*.slider_cont .ms-layer { left: 0 !important; margin-left: 0 !important; width: 100%; } .slide_title { background: none !important; width: 80% !important } .slide_title p {background: linear-gradient(0deg, #000000, rgba(0,0,0,0)); color: #ffffff; } .slide_title p label { width: 100% !important; font-weight: bold; }*/ .slide_title p strong span { margin: 0; } .slide_title p label {font-size: 11px; line-height: 14px; width: 110px;} .slide_title p strong span { font-size: 10px; line-height: 11px; display: block; } .slide_title p span b, .slide_title p strong span { background-image: none; } .slide_title p { bottom: 0px; } .slide_title p strong span { padding: 0 30px; } /*15-05-2020*/ }