﻿/* jquery.jscrollpane.css Start */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: #BEBEBE; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #BEBEBE; }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #BEBEBE; position: relative; }

.jspDrag { background: #0078BD; background-image: url('/digital/app_themes/default/images/scroller.png'); -webkit-background-size: 16px 48px; -moz-background-size: 16px 48px; -o-background-size: 16px 48px; background-size: 16px 48px; position: relative; top: 0; left: 0; cursor: pointer; background-repeat: no-repeat; background-position: center; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }

.jspArrow.jspDisabled { cursor: default; background: #80808d; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/* jquery.jscrollpane.css End */

/* SelfService.css Start */
.selfService { background-color: #015C90; /* background-color: #015C86;*/ width: 100%; max-height: 285px; float: right; clear: none; color: white; }
.selfService img.menu { padding: 10px 0 0 7px; }
.selfServiceInner { /*width: 446px;*/ width: 100%; padding: 5px 0; }
.selfServiceInner #allServicesContainer { overflow: hidden; overflow-y: scroll; height: 350px; }
.selfService div ul { margin: 0; }
.selfServiceInner h2 { font-size: 28px; font-weight: normal; margin: 0; display: inline; line-height: 30px; vertical-align: text-bottom; }
.selfService #chosenServicesContainer { margin-top: 0px; }
.selfService .jspPane { width: 280px !important; padding: 0 19px 0 0 !important; }
.whitingSong .jspPane { width: 300px !important; }
.selfServiceSmartphone{margin:20px 0px!important}
.thinBanner{margin-top:20px}
.pagesWrapper .content .contentRight{width:100%;max-width:100%}

/*
    .selfService #chosenServicesContainer ul li {
        padding:1px;
    }
*/
.selfServiceInner img { padding-top: 5px; }

.selfServiceInner .btn { float: left; margin: 6px 0 0 6px; }

.selfServiceInner div label { font-size: 16px; padding-right: 37px; }

.selfServiceInner div label.error { float: right; padding-top: 11px; }

.selfServiceInner div ul { margin: 0 20px 0 0; padding: 0; }

.selfServiceInner div ul li { width: 100%; border: solid 1px #ffffff; border-right: none; border-left: none; cursor: pointer; }

#allServicesContainer .jspContainer .jspPane { width: 437px !important; }

.selfServiceInner div ul li img { cursor: pointer; border: none; padding-top: 9px; }

.selfServiceInner div ul li img.circle { padding-left: 15px; padding-right: 15px; }

.selfService img { cursor: pointer; border: none; }

.selfService div h2 { font-size: 25px; line-height: 22px; font-weight: normal; margin-top: 10px; margin-bottom: 7px; float: right; }

.selfService div img { float: left; padding: 7px 4px 0; }

.selfService div ul { padding: 0; }

.all li img { float: right; }

.selfService div ul li { cursor: pointer; float: right; width: 100%; height: 39px; }

.selfService div ul li img { float: right; }

.selfService div ul li a { width: 100%; float: right; direction: rtl; }

.selfService div ul li a { color: white; text-decoration: none; }

.selfService div ul li a:hover { text-decoration: underline; }

div ul li .serviceName { padding-right: 5px; font-size: 17px; float: right; line-height: 36px; }

.selfService .title { background-color: #014a73; overflow: hidden; height: 41px; }
.selfService .title h2 { width: 100%; text-align: center; line-height: 18px; font-weight: bold; }
.selfService ul { width: 96%; }
.selfService li { border-bottom: #014a73 1px solid; background: url(/digital/App_Themes/default/Images/arrow_white2.png) 4% center no-repeat; padding-right: 11px; }
/* SelfService.css End */


/* WhitingSong.css Start */

.whitingSong { margin:10px auto 20px auto;width: 1170px;position: relative;overflow:hidden; }


.whitingSong .toAllSongsLink { border-right:#fff 2px solid;transition: all 1s;background-color:#E6E9EE;display: block; float: right; font-size: 24px; color:#0078BD; text-decoration: none; height: 180px;width:92px;padding-right:6px;padding-top:40px; }

.whitingSong .toAllSongsLink:hover { color: #035d91; }



.whitingSong #whitingSongHeader { float: right; position: relative;background-color:#0078BD;height:220px;width:226px; }
.whitingSong #whitingSongHeader .tit{display:block;margin:40px 25px 14px 20px;color:#ffffff;font:normal 28px arial}

.whitingSong #whitingSongHeader #whitingSongSearchImg { background-size:200px 36px;top: 108px; right: -40px; position: absolute; z-index: 0; width: 254px; height: 36px; display: inline-block; background-image: url('/digital/app_themes/default/images/song_search_box.png'); background-repeat: no-repeat; display: none; }
.whitingSong #whitingSongHeader .whitingSongSearchInput { font:normal 18px arial;width: 146px;height: 36px;display: inline-block;background-image: url("/digital/app_themes/default/images/song_search_box2.png");background-repeat: no-repeat;background-color: transparent;border: none;padding: 0px 30px 0 20px;background-position: right; }

.whitingSong #whitingSongHeader #autoCompleteResults { float: right; position: absolute; top: 35px; right: 15px; z-index: 15; display: block; width: 230px; }

.whitingSong #whitingSongHeader #autoCompleteResults span { background-color: white; width: 100%; height: 25px; float: right; clear: both; font-size: 18px; cursor: pointer; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 12px; }

.whitingSong #whitingSongHeader #autoCompleteResults span.current { background-color: #0078bd !important; color: white; }

.whitingSong #whitingSongHeader #autoCompleteResults span.odd { background-color: #ffffff; }

.whitingSong #whitingSongHeader #autoCompleteResults span.even { background-color: #eeeeee; }

.whitingSong #whitingSongHeader .blue { font-weight: normal; font-size: 22px; float: right; margin: 8px 5px; }


.whitingSong #whitingSongHeader #searchField { background-color:#fff;font-size: 18px;line-height:26px; margin:0px 10%;border:none;padding-right:24px;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width:80%;height:30px;outline: none;font-family: Arial; -webkit-appearance: none; }


#whitingSongSearch { margin: 0px 26px 0 0px;top:-25px;position:relative;cursor:pointer; }

.whitingSong .songsWrapper { border-top: solid 1px #ffffff; float: right; width:934px; height: 219px; overflow-y: hidden; margin-right:10px; padding: 0; outline: none; }

.whitingSong .songsWrapper ul { padding: 0; margin: 0; width: 830px; overflow: hidden;background-color:#e6e9ee;float:right; }

.whitingSong .songsWrapper .song { text-align:center;width: 164px !important; display: block; float: right; padding:20px 0px 0 0; height: 200px; border-left: solid 2px #ffffff;font-size:16px;  }

.whitingSong .songsWrapper .song .actions { margin:auto; width:100%;display:block; }

.whitingSong .songsWrapper .song .actions span { width: 100%; height: 15px; float: left; clear: both; }

.whitingSong .songsWrapper .song .actions img {}

.whitingSong .songsWrapper .song .actions img.equalizer { margin-left: 0; }

.whitingSong .songsWrapper .song .artistPic { border: solid 1px #bcbcbc;cursor: inherit;width:80px;height:80px; }

.whitingSong .songsWrapper .song .songDesc { margin-top: 15px; overflow: hidden; width: 35%; }

.whitingSong .songsWrapper .song .songDesc label {  overflow: hidden; }

.whitingSong .songsWrapper .song .songDesc .artistName { width: 100%; float: right; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.whitingSong .songsWrapper .song .songDesc .songName { width: 100%; float: right; clear: both; }

.w45 { width: 45px; }

.padT13L1 { padding-top: 13px; padding-left: 1px; }

.padT5L2 { padding-top: 6px; padding-left: 2px; width: 43px; }

.inlineDivs .whitingSongQube { display: inline-block; margin: 6% 1.5% 0 0.5%; width: 100%; height: 150px; }

.whitingSongQube { background-color: #E3E3E3; width: 148px; width: 49%; height: 135px; clear: none; }



.whitingSongQube span img.artistPic { width: 50px; height: 50px; margin: 6px 30px 6px 0; cursor: pointer; }

.whitingSongQube span img.goToPic { width: 21px; height: 21px; margin-top: 35px; cursor: pointer; }

.whitingSongQube span img.playOrStop { width: 21px; height: 21px; margin-top: 35px; cursor: pointer; margin-left: 37px; }

.whitingSongQube span .floatClear { display: block; width: 100%; }

.whitingSongQube span .floatClear label { text-align: center; width: 100%; display: inline-block; font-size: 14px; cursor: pointer; }

.whitingSongQube h2 { margin: 0; text-align: center; font-size: 22px; font-weight: normal; }


.songsWrapper2 .songDesc{clear:both;display:block;height:50px;margin-top: 10px;}
.songsWrapper2 .song{text-align:center;margin-top:22px;}
.songsWrapper2 .artistPic{width:80px!important;height:80px!important;margin:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.songsWrapper2 .actions img{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.songsWrapper2 .artistName { width: 100%; float: right; clear: both; overflow: hidden; height:18px;}
.songsWrapper2 .songName { width: 100%; float: right; clear: both;overflow: hidden;height:18px;}
.songsWrapper2  .song{ font-size:16px;  }
.songsWrapper2 .gaWaitingSongDL{margin-right:20px!important;}

.phWrap { width: 48.6% !important; height: 146px !important; float: right; }
.loaderBgWS { position: absolute; width: 300px; height: 300px; display: none; z-index: 111111; }
.loBgWS { background-color: #015D90; position: absolute; opacity: 0.7; filter: alpha(opacity=70); width:226px; height: 300px; z-index: 111111; }
.loginLoaderWS { position: absolute; top:78px; left: 158px; z-index: 9999999999; }

/* WhitingSong.css End */

/* LastBillQube Start */

.inlineDivs .lastBillQube { display: inline-block; margin: 0 0 0 1.5%; float: right; height: 150px; cursor: pointer; }
.inlineDivs .phWrap { margin-top: 3%; float: right; }
.lastBillQube { background-color: #e3e3e3; width: 48%; height: 146px; display: inline-block; }
.lastBillQube h3 { font-weight: normal; font-size: 20px; margin: 0 0 5px; text-align: center; }
.lastBillQube img { margin-right: 50px; }
.lastBillQube .value { font-size: 22px; color: #0579bd; text-align: center; margin-top: 10px; }
.lastBillQube .mam { text-align: center; }
.bpt { width: 48% !important; height: 146px !important; margin: 3% 0 0 0.5%; }
.swCube { margin: 0 1.5% 0 0; width: 48.8%; display: inline-block; float: right; height: 161px; }
/* LastBillQube End */

/* UpdataBillQube Start */
.inlineDivs { overflow: hidden; }
.inlineDivs .updataBillQube { display: inline-block; margin: 0 1.5% 0 0; float: right; height: 150px; cursor: pointer; }
.updataBillQube { background-color: #e3e3e3; width: 48.6%; height: 146px; display: inline-block; }
.updataBillQube h3 { font-weight: normal; font-size: 20px; margin: 0 0 5px; text-align: center; }
.updataBillQube img { margin-right: 40px; }
.updataBillQube .value { font-size: 22px; color: #0579bd; text-align: center; margin-top: 7px; }
.updataBillQube .mam { text-align: center; }
/* UpdataBillQube End */

/* login start*/
.loaderBg { position: relative; width: 300px; height: 310px; display: none; z-index: 111111; }
.loBg { background-color: #015D90; position: absolute; opacity: 0.7; filter: alpha(opacity=70); width: 300px; height: 310px; z-index: 111111; }
.loginLoader { position: absolute; top: 128px; left: 127px; z-index: 9999999999; }
.lph { height: 311px; }
.loginSectionLoader { float: right; margin: 128px 110px; }
.tileAfter img { width: 144px; height: 150px; }
.content .contentRight { position: relative; }
.loginFrame { display: none; position: absolute; top: 0px; left: -475px; z-index: 1000; }
.bgFillClose { background: url("/../digital/app_themes/default/images/close.png") repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 48px; outline: medium none; position: absolute; left: -524px; top: -35px; width: 51px; display: none; z-index: 1000; }
.bgFill { position: fixed; width: 100%; height: 130%; background-color: #015d90; top: 0px; right: 0px; opacity: 0.7; filter: alpha(opacity=70); z-index: 70; display: none; }
.ppLoader { left: 49%; }
#dialog .ppLoader { left: 44%; }
/* login end */

iframe { background-color: #ffffff; }
.what_todo{padding:0px;background-color:#e6e9ee}
.what_todo_tit{color:#0177BD;text-align:center;font-size:26px;}
.triple_bnrs{margin:40px auto;width:1170px;}
.triple_bnrs img{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.triple_bnrs > div{float:right}
.fourth_bnrs{margin:40px auto;width:1170px;}
.fourth_bnrs > div{float:right}
.fourth_bnrs img{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.triple_nav{width:1170px;margin:auto;}
.triple_nav .triple_menu{background-color:#0078bd;width:226px;height:400px;float:right;color:#ffffff;font:normal 20px arial}
.triple_nav .triple_menu div{font:normal 30px arial;margin:20px 10px 0 10px}
.triple_nav .triple_menu li{transition: all 1s;display:block;clear:both;padding:10px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.triple_nav .triple_menu li:hover{background-color:#035d91}
.triple_nav .triple_menu li.selected{background-color:#035d91}
.triple_nav .triple_menu li.selected a{color:#b1da45}
.triple_nav .triple_menu li img{width:22px;vertical-align:middle;margin:0px 4px;}
.triple_nav .triple_menu ul{margin:0px;padding:0px;width:100%}
.triple_nav .triple_menu a{color:#ffffff;text-decoration:none; }
.triple_nav .large-12{height:400px;overflow:hidden}
.triple_bnrs .marginleft10{margin-left:12px}


/*OWL carosel ===  triple_data*/
.triple_data .row{background-color:#e6e9ee;height:400px}
.triple_data .row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:936px;float:left;*zoom:1}
.triple_data .row:before,.row:after{content:" ";display:table}
.triple_data .row:after{clear:both}
.triple_data .row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}
.triple_data .row.collapse .row{margin-left:0;margin-right:0}
.triple_data .row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}
.triple_data .row .row:before,.row .row:after{content:" ";display:table}
.triple_data .row .row:after{clear:both}
.triple_data .row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1}
.triple_data .row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}
.triple_data .row .row.collapse:after{clear:both}
.triple_data .owl-nav{position:relative;display:none;}
.triple_data .owl-dots{display:none!important}
.triple_data .owl-controls{margin-top:0px!important}
    

/*OWL carosel ===  WhatToDoToday*/
.what_todo .row{background-color:#e6e9ee;}
.what_todo .row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:1170px;*zoom:1}
.what_todo .row:before,.row:after{content:" ";display:table}
.what_todo .row:after{clear:both}
.what_todo .row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}
.what_todo .row.collapse .row{margin-left:0;margin-right:0}
.what_todo .row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}
.what_todo .row .row:before,.row .row:after{content:" ";display:table}
.what_todo .row .row:after{clear:both}
.what_todo .row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1}
.what_todo .row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}
.what_todo .row .row.collapse:after{clear:both}
.what_todo .owl-nav{position:relative;}
.what_todo .owl-dots{display:none!important}
.what_todo .owl-carousel .owl-item a{display:block;text-decoration:none}
.what_todo .owl-carousel .owl-item img{width:auto;margin:auto;}
.what_todo .serviceName{display:block;color: #333;font: 16px/16px arial;width: 90%;padding: 0px 5%;text-align: center;height: 40px;}
.what_todo .owl-prev{margin:0px!important;position:absolute;left:-22px;top:-78px;background:url('/digital/app_themes/default/images/what_todo/4.png') center !important;background-size:32px !important;height:17px;}
.what_todo .owl-next{margin:0px!important;position:absolute;right:-20px;top:-78px;background:url('/digital/app_themes/default/images/what_todo/3.png') center !important;background-size:32px !important;height:17px;}
 
 /*OWL carosel ===  Waitingsong*/
.songsWrapper2{margin-right:10px;width:834px;float:right;height:220px;}
.songsWrapper2 .row{background-color:#e6e9ee;}
.songsWrapper2 .row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:1170px;*zoom:1}
.songsWrapper2 .row:before,.row:after{content:" ";display:table}
.songsWrapper2 .row:after{clear:both}
.songsWrapper2 .row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}
.songsWrapper2 .row.collapse .row{margin-left:0;margin-right:0}
.songsWrapper2 .row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}
.songsWrapper2 .row .row:before,.row .row:after{content:" ";display:table}
.songsWrapper2 .row .row:after{clear:both}
.songsWrapper2 .row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1}
.songsWrapper2 .row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}
.songsWrapper2 .row .row.collapse:after{clear:both}
.songsWrapper2 .owl-nav{position:relative;}
.songsWrapper2 .owl-dots{display:none!important}
.songsWrapper2 .owl-carousel .owl-item a{display:block;text-decoration:none}
.songsWrapper2 .owl-carousel .owl-item .actions img{width:auto;margin:auto;float:right;margin:2px}
.songsWrapper2 .serviceName{display:block;color: #333;font: 16px/16px arial;width: 90%;padding: 0px 5%;text-align: center;height: 40px;}
.songsWrapper2 .owl-prev{margin:0px!important;position:absolute;left:0px;top:-132px;background:url('/digital/app_themes/default/images/what_todo/4.png') center !important;background-size:32px !important;height:17px;}
.songsWrapper2 .owl-next{margin:0px!important;position:absolute;right:0px;top:-132px;background:url('/digital/app_themes/default/images/what_todo/3.png') center !important;background-size:32px !important;height:17px;}
.songsWrapper2 .owl-item{border-left:#fff 2px solid;height:220px;}
.songsWrapper2 .owl-stage-outer{height:220px;}
 
 
/*OWL carosel ===  TopCarousel*/
.TopCarousel .row{height:auto}
.TopCarousel .row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:100%;float:left;*zoom:1}
.TopCarousel .row:before,.row:after{content:" ";display:table}
.TopCarousel .row:after{clear:both}
.TopCarousel .row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}
.TopCarousel .row.collapse .row{margin-left:0;margin-right:0}
.TopCarousel .row .row{width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}
.TopCarousel .row .row:before,.row .row:after{content:" ";display:table}
.TopCarousel .row .row:after{clear:both}
.TopCarousel .row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1}
.TopCarousel .row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}
.TopCarousel .row .row.collapse:after{clear:both}
.TopCarousel .owl-nav{position:relative;display:none;}
.TopCarousel .item div{width:100%;height:400px;background-position:center}
.TopCarousel .item img{display:none;}
.TopCarousel .owl-dots{}
.TopCarousel .owl-prev{margin:0px!important;position:absolute;left:0px;top:-250px;background:url('/digital/app_themes/default/images/carouselArrowLeftN.png') center !important;background-size:100% !important;width:80px;height:80px;}
.TopCarousel .owl-next{margin:0px!important;position:absolute;right:0px;top:-250px;background:url('/digital/app_themes/default/images/carouselArrowRightN.png') center !important;background-size:100% !important;width:80px;height:80px;}
.TopCarousel .owl-dots{display:none!important}
.pagesWrapper{width:100%!important}
.header{border-bottom:none}

.desc_triple_nav .item{float:right}
.desc_triple_nav{background-color:#E6E9EE;overflow:hidden;width:935px;float:left;height:400px;}
.contentLeft {width:1170px !important;max-width:1170px !important;margin:auto;float:none !important}

@media  only screen and (min-width: 0px) and (max-width: 768px)
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) */
{
    .triple_bnrs{margin:auto;width:100%}
    .triple_bnrs > div{margin-bottom:10px}
    .triple_bnrs div{width:100%}
    .triple_bnrs img{position:static!important}
    .triple_nav{width:100%}
    .triple_nav .triple_menu{width:42%}   
    .triple_nav .triple_menu li{padding:7px 0px}
    .triple_bnrs img{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width:100%!important;height:auto!important}
    .triple_nav .triple_menu{font-size:18px;}
    .whitingSong .songsWrapper{width:48%}
    .whitingSong #whitingSongHeader{width:48%}
    .whitingSong{width:100%}
    .whitingSong .songsWrapper .song{width:22%;border-left:none}
    .whitingSong #whitingSongHeader .whitingSongSearchInput{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;   box-sizing: border-box; width:146px;background-size:138px 30px !important}
    .tilesResponsive a{width:100% !important;height:auto !important;}
    .tilesResponsive a img{height:auto!important}
    .fourth_bnrs div{width:100%}
    .fourth_bnrs img{position:static!important}
    .fourth_bnrs{margin:10px auto;width:100%}
    .fourth_bnrs > div{margin-bottom:10px}
    .fourth_bnrs div{width:100%}
    .fourth_bnrs img{position:static!important}    
    .triple_nav .triple_menu{height:320px;font-size:16px;}      
    .triple_data .row{width:58%;height:320px;}
    .triple_data .owl-prev{margin:0px!important;position:absolute;left:0px;top:-160px;background:url('/digital/app_themes/default/images/carouselArrowLeftN.png') -5px -4px !important;background-size:50px !important;width:26px;height:26px;}
    .triple_data .owl-next{margin:0px!important;position:absolute;right:0px;top:-160px;background:url('/digital/app_themes/default/images/carouselArrowRightN.png') -5px -4px !important;background-size:50px !important;width:26px;height:26px;}
    .TopCarousel .owl-prev{margin:0px!important;position:absolute;left:0px;top:-100px;background:url('/digital/app_themes/default/images/carouselArrowLeftN.png') center !important;background-size:100% !important;width:40px;height:40px;}
    .TopCarousel .owl-next{margin:0px!important;position:absolute;right:0px;top:-100px;background:url('/digital/app_themes/default/images/carouselArrowRightN.png') center !important;background-size:100% !important;width:40px;height:40px;}
    .triple_data .owl-nav{display:block;}
    .triple_data .owl-dots{display:block!important}
    /*fix bug of OWL 1 item*/
    .cloned .item1{display:none;}
    .TopCarousel .item div{width:100%;height:126px;background-position:center;background-size:164% auto;background-repeat:no-repeat}
    .triple_data .owl-stage-outer {height:290px;}
    .triple_nav .large-12{height:320px}
    /*popups*/
     #dialog {height:auto!important}
     iframe{max-width:96%}
    .ui-dialog{width:96%!important;left:2%!important;top:30px!important}   
    .ui-dialog-titlebar button{right:0px;top:2px;}
    .triple_nav .triple_menu li img{float:right;padding-top:3px;}    
    .what_todo .owl-next{right:4px;top:-62px;}
    .what_todo .owl-prev{left:4px;top:-62px;}
    .what_todo .owl-carousel .owl-item img{width:74%}
    .songsWrapper2{width:48%;}
    .whitingSong .toAllSongsLink{display:none}
    .songsWrapper2 .owl-item{border-left:none}
    .what_todo .serviceName{font-size:14px;height:50px}
    #whitingSongSearch{margin-right:15px;}
    .contentLeft {width:100% !important;max-width:100% !important;}
}
