@CHARSET"ISO-8859-1";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,video,audio,figure,figcaption,header,footer,datalist,output,canvas,menu{border:0;font-family:inherit;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;text-transform:none;}
ol,ul,li,ol{list-style:none;}
a{text-decoration:none;padding:0; color:#000;}
img{ border:0;}



body#pics{width:100%;background:#63b8bd;font-weight:normal; font-family: Arial, Helvetica, sans-serif;color:#000;margin:0 auto;padding:0;}
body#videos{width:100%;background:#63b8bd ;font-weight:normal; font-family: Arial, Helvetica, sans-serif;color:#000;margin:0 auto;padding:0;}

body#videos{width:100%;background-color: rgba(0, 0, 0);font-weight:normal; font-family: Arial, Helvetica, sans-serif;color:#ffffff;margin:0 auto;padding:0;}


@font-face {
        font-family: 'Tekton Pro';
        src: url('/vigweb/fonts/TektonPro-Bold.otf');
        src: local('Iskoola Pota Regular'), local('Tekton Pro'), url('/vigweb/fonts/TektonPro-Bold.otf') format('truetype');
}
@font-face {
        font-family: 'Khmer UI';
        src: url('/vigweb/fonts/KhmerUI.eot');
        src: local('Khmer UI Regular'), local('Khmer UI'), url('/vigweb/fonts/KhmerUI.ttf') format('truetype');
}



 .header-wrapper{
	 height:auto;
	  position:relative;
	  background:#fff;
	  text-align:left;
	  /*margin: 0 0 6px 0; */
	  overflow:visible; 
	  display:block;
}
 .tabs-wrapper{ height:42px; position:relative;background:#fff;text-align:center;display:block;
width:100%;}

.maindiv{ clear:both; width:100%; margin:0; padding:0; background:#fff;}
.header{
    display: flex;
    justify-content: space-between; /* Space out the items */
    align-items: center; /* Align items vertically at the center */
    position: relative;
    width: 100%;
}
#header img, .header img{
	position: absolute;
    left: 50%;
    transform: translateX(-50%); 
}

.tabs{
	margin:0 auto; 
	display: inline-block; 
	width:100%; 
	font-family:'Khmer UI'; 
	font-weight:bold;
	padding:0; 
	margin:0;
	background: #900000;
}

.tabs ul{ margin:0; padding:0;}
.tabs li{
	background:#353535; 
	color:#fff; 
	text-align:center; 
	width:50%; 
	float:left;
	font-family: 'Tekton Pro'; 
	font-size:13px;
}
.tabs li a{
	display: block;
    padding: 0;
    color: #fff;
    font-size: 20px;
    /* line-height: 30px; */
   	padding-top: 5px;
    padding-bottom: 5px;
}
.tabs li.active a{ 
	color: #ffffff;
	background: #900000;
    /*border-bottom: 3px solid #ffea03;*/
}
.tabsection-wrapper{
/*	background: #900000;*/
}
	

.search-icon{margin:8px 2% 0 1%; padding:2px; display:inline-block;vertical-align: top;border-radius: 8px; float:right;}
.search-icon a img{ display:block; vertical-align:middle;padding:5px;}
.search-block{ background:#040403; position: absolute;top:56px;width:100%;z-index:12;height:0;overflow:hidden;}
.search-wrap{border-bottom:2px solid #5b5b5a;margin:10px auto; width:90%;max-width:500px;overflow: hidden;text-align:left;padding:0;}
.search-wrap label{ width:100%; display: table; clear: both; position: relative;}
.search-wrap label span{display:table-cell;vertical-align: bottom;}
.search-wrap label input{display:inline-block;background:transparent; width:96%;font-size:20px;font-family: Arial, Helvetica, sans-serif; border:0px; color:#5b5b5a; padding:3px .5%;vertical-align:bottom;}
.search-wrap .searchicon{ display:inline-block;vertical-align: middle;}
.search-wrap .searchicon a img{ display:block; vertical-align:bottom;}



.bor-style{display:inline-block;width:2px;height:5px;background:#5b5b5a;vertical-align:bottom;}
.aln-rt{ width:26px; text-align:right;}

.bannerimg{background:#fff;color:#ff0000;font-size:20px;}
.bannerimg a{font-size:20px;color:#ff0000;}
.bannerimg img{vertical-align: middle; width:100%; }
.fr{  margin:3px 3px 0 0;}
/* Start message */
.message{text-align:center; padding:8px 2%;font-size:100%;font-weight:bold;clear:both;color:#000;background: #ffeb3c none repeat scroll 0 0;}
.message a{color:#0000ff;}
.message a:hover{ color:red;}
.message p{font-size:11px;}

.wrapper{clear:both;text-align:center; position:relative; padding:10px 1% 20px 1%;}


.catopen{position:relative;text-align:left;padding:0 10px; margin:0 0 20px 0;}
.catopen h1{border-left:1px solid #fff;color:#fff;font-size:16px;padding:0px 5px;text-transform:capitalize;}
.catopen h1 .more{color:#fff;text-transform:capitalize;float:right;}
.content {
    width: 100%;
    margin: 16% auto 2% auto;
    position: relative;
    clear: both;
    text-align: center;
}

.contentti{margin:0 auto 5px auto;padding:0 2px 10px 2px;width:44%;position:relative;clear:both; display:inline-block;overflow:hidden;}
.contentti a{color:#fff;display:block;}

.contentti1{margin:0 auto 5px auto;padding:0;width:90%;position:relative;clear:both; display:inline-block;overflow:hidden;}
.contentti1 a{color:#fff;display:block;}

.imgbox{margin:0 0 0 0;width:98%;position:relative; float:left; display:inline-block; }
.imgbox img{vertical-align:top; width:100%;clear:both;border-top-left-radius:12px;border-top-right-radius: 12px;}
.imgbox a{color:#fff;display:block; margin-bottom: 10%;}


.info{position:relative; clear:both; /*padding:10px 0 5px 0;*/ margin:0;color:#FFFFFF; width:98%;background:#900000;}
.info1{position:relative; clear:both; padding:10px 0 5px 0; margin:0;color:#d10472; width:98%;background:#000;}
.info1-desc{position:relative; clear:both; padding:10px 0 5px 0; margin:0;color:#d10472; width:98%;background:#000;}

.info h1{font-size:14px; clear:both; display:block; color:#FFF; margin:0 5px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.info p{font-size:80%; clear:both; display:block; color:#fffefe; padding:4px 0 0px 0;margin:0 5px;height:24px; overflow:hidden;}
.info p a{ 
	color: #ffffff;
    text-align: center;
    /* margin: 0 30px 0 0; */
    /* text-decoration: underline; */
    padding-top: 2px;
}

.info-desc h1{
	font-size: 120%;
    clear: both;
    display: block;
    color: #000000;
    margin: 5px 5px;
}
.info-desc p{font-size:80%; clear:both; display:block; color:#000; padding:4px 0 7px 0;margin:0 5px;}
.info-desc p a{ color:#d10472; text-align:right; margin:0 30px 0 0; text-decoration:underline;}

.info1 h1{font-size:95%; clear:both; display:block; color:#d10472; margin:0 5px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.info1 p{font-size:80%; clear:both; display:block; color:#787878; padding:4px 0 7px 0;margin:0 5px;height:24px; overflow:hidden;}
.info1 p a{ color:#787878; text-align:right; margin:0 30px 0 0; text-decoration:underline;}

.info1-desc h1{font-size:120%; clear:both; display:block; color:#d10472; margin:0 5px;}
.info1-desc p{font-size:80%; clear:both; display:block; color:#787878; padding:4px 0 7px 0;margin:0 5px;}
.info1-desc p a{ color:#787878; text-align:right; margin:0 30px 0 0; text-decoration:underline;}



.downloads{position:relative;clear:both; padding:10px 0 5px 0; margin:0;color:#FFFFFF; width:98%;background:#1a1a1a;}
.downloads a{ display:inline-block;}

.cathead{clear:both; width:100%; position:relative;margin:0 auto;padding:0;position:relative;height:32px;line-height:32px;text-align:center;}
.cathead h1{position:relative; font-size:14px; color:#000; text-align:center; text-transform:uppercase;font-weight: bold;}
.cathead h3{font-size:18px; clear:both; display:block; color:#000; margin:0 auto; text-align:left; width:90%; padding:0;}

.cathead h3{font-size:18px; clear:both; display:block; color:#fccf22; margin:0 auto; text-align:left; width:90%; padding:0 0 10px 0; text-indent:10px;}



.play{position:absolute; bottom:10px; left:10px;text-align:center;width:30px; height:30px;background:url(other/camera.png) no-repeat bottom left; z-index:1;}
.desc{margin:0 0 auto auto; padding:5px 0 0 0;width:80px;position:relative;display:inline-block; box-shadow:0px -112px 41px 12px rgba(0, 0, 0, 0.6);}

.video-play{position:absolute; bottom:6px; left:6px;text-align:center;width:30px; height:30px;background:url(other/dtv-vplay.png) no-repeat bottom left; z-index:1;}
.desc{margin:0 0 auto auto; padding:5px 0 0 0;width:80px;position:relative;display:inline-block; box-shadow:0px -112px 41px 12px rgba(0, 0, 0, 0.6);}

.video-play1{position:absolute; text-align:center;width:100%; height:92%; z-index:1;}
.desc{margin:0 0 auto auto; padding:5px 0 0 0;width:80px;position:relative;display:inline-block; box-shadow:0px -112px 41px 12px rgba(0, 0, 0, 0.6);}

.desc h2{font-size:16px; clear:both; display:block;color:#e75c47;}
.desc p{font-size:16px; clear:both; display:block; color:#fff; padding:4px 0; border-bottom:1px dotted rgba(0, 0, 0, 0.3);}
.desc a{color:#fff;display:block;}

.content0 {margin:0px 1%;position:relative;clear:both;text-align:center;}
.contentti0{display:block;color:#000;margin:10px 3px;font-size:19px;background:#fff;border-radius:4px;box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.5);}
.contentti0 a{color:#000;display:block;padding:13px 0;}
.contentti0 p{font-size:16px;padding:1px 10px; color:#848484;}

.viewmore{position:relative;text-align:right;font-size:16px;color:#fff;text-transform:capitalize; margin:0 1%;}
.viewmore a{padding:2px 5px;display:block; color:#fff;}

.error-message{ color:#ff0000; font-size:16px; font-weight:bold;}

/* Start footerlink */
/* Start externallink1 */
.externallink1, .footerlink {padding:0;clear:both;float:left;width:100%;position:relative;background:#649902;padding:0;text-transform:lowercase; }
.externallink1 ul, .footerlink ul {list-style:none;}
.externallink1 li, .footerlink li {float:left;margin:0px 5px 0 2px; font-size:12px;color:#000;}
.externallink1 li a, .footerlink li a {text-decoration:none;padding:3px;color:#fff;display:inline-block;}
.externallink1 li a:hover, .footerlink li a:hover {text-decoration:none;color:#fff;}

/* End externallink1 */

/* Start footer */
.footer {
	position: relative;
    text-align: center;
    clear: both;
    background: #900000;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 0;
}

.footer a{color:#fff; text-decoration:none;}
.links {
	position: relative;
    text-align: center;
    clear: both;
    background: #000;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 0;
}

.links a{color:#fff; text-decoration:none;}
.footer span{ width:100%; clear:both; display:block;font-size:100%; margin:2px 0; color:#fff; line-height:20px; }

.footer1 {position:relative;text-align:center;clear:both;background:#000 url(other/pattern-bg2.jpg) repeat;color:#ececec;font-size:11px;padding:2px 0;}
.footer1 a{color:#35363b; text-decoration:none;}
.footer1 span{ width:100%; clear:both; display:block;font-size:100%; margin:2px 0; color:#fff; line-height:20px; }



.datacharge{ width:100%; clear:both; display:block; margin:2px 0;font-size:11px!important; color:#63b8bd!important; border-bottom:1px solid #5a9ea3;}
.datacharge1{ width:100%; clear:both; display:block; margin:2px 0;font-size:12px!important; color:#fcd023!important; border-bottom:1px solid #595234;}

.btn-wrap{ position:relative; margin:10px 0;}
.back-btn, .more-btn{ font-size:13px; display:inline-block; height:25px;line-height:25px;padding:0 20px; background:#900000; margin:0 10px; color:#fff;border-radius:6px;}
.more-btn i{font-style: normal;font-size:20px!important;color:#000!important;vertical-align: middle;}



.ySlider_wrapper .grid-view{height:auto !important;}
.ySlider_wrapper{clear:both;z-index:100;/*margin:10px 0;*/width:100%;background:#fff;position:relative;padding:0 0 2px;float:left;border-top-left-radius:12px;border-top-right-radius: 12px;}
.ySlider_wrapper ._dsc p{padding:5px 8px;font-size:80%;color:#383737;font-weight:normal;}
.ySlider_wrapper-2{clear:both;width:100%;overflow:hidden;position:relative;}
.img_slides_wrap .img_slide ._dsc p{display:none;}
._dt .img_slide ._dsc p{display:block;}
.slid_nav{/*margin:25px 0% 5px 0;*/}
.slid_nav ._slider_count{display:none;}
.slid_nav li{}
.slid_nav li._shr{width:100%;clear:both;display:none}
.slid_nav li > a{display: inline-block;color: #ad2e1f;font-size: 12px;font-weight: bold;}
.slid_nav li > a img{width:auto;}

.slid_nav ._slider_count{display:block !important;position:absolute;top:0;left:0;width:100%;}
.slid_nav .fr{display:none;}
.slid_nav .fr{display:block !important;}

.slid_nav .fl{display:none;}
.slid_nav .fl{display:block !important;}


.ySlider_wrapper > .slid_nav{position:absolute;bottom:10px;left:46%;z-index:100000;margin:0 0 0 -25px;}
.pagination{width:36px;height:36;display:inline-block;}


.download{color:#d10472;font-size:12px;}

._dsc{position:relative;background:rgba(255,255,255,0.7); text-align:center;}
._dt ._dsc{}
.share_icon{position:relative;display:block;width:25px;height:25px; margin:5px 5px 0 0;background:url(other/bs_text_icon.png) no-repeat top;}
.text_icon{ position:relative;display:block;width:25px;height:25px; margin:5px 0 0 0;background:url(other/bs_arrow_icon.png) no-repeat top; z-index:300;}
.ySlider_wrapper-2 .img_slides_wrap{overflow:hidden;}
.ySlider_container{overflow:hidden;}

div.grid-view{width:100%;height:auto;float:left;overflow:hidden;}
div.grid-view ul{overflow:hidden;}
div.grid-view ul.active{left:0;}
div.grid-view ul.img_slide li{width:30%;float:left;padding:5px 0 2px 2%;text-align:center;}
div.grid-view ul.img_slide li p{ padding:5px 8px;font-size:80%;color:#383737;font-weight:normal;}
div.grid-view ul.img_slide li a{display:block;}
div.grid-view ul.img_slide li a img{width:100%;max-width:100px;}
div.grid-view ul.img_slide li a figcaption.caption{display:block;width:100%;color:#fff;font-weight:normal;font-size:11px;}

.slides{margin:0 auto;}
.slides .ySlider{float:left;}
.caption{width:98%;text-align:left;font-weight:bold;left:0;bottom:0;}
.caption-up{background:#000;position:relative;opacity:0.8;font-size:12px;color:#fff;padding:5px 1%;}
.caption-up span{color:#ff0000;display:block;font-weight:bold;font-size:12px;}
.caption-up p{color:#fff; font-weight:normal; font-size:11px;}
.caption-down{position:relative;font-size:14px;color:#7b1f1b;}
.slide-cont{position:relative;width:100%;clear:both;border-bottom:1px solid #89cde8;padding:5px 0;}
.slide-img{position:relative;}
.slide-cont p{color:#6c6969;}

.slide{left:100%;height:0;overflow:hidden;z-index:1;-webkit-transition-property:left,height;-moz-transition-property:left,height;-ms-transition-property:left,height;-o-transition-property:left,height;transition-property:left,height;-webkit-transition-duration:333ms;-moz-transition-duration:333ms;-ms-transition-duration:333ms;-o-transition-duration:333ms;transition-duration:333ms;-webkit-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);-moz-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);-ms-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);-o-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slide.active{left:0;height:auto;overflow:visible;z-index:2;}
.slide.none{display:none;}
.slide{display:inline-block;*display:inline;zoom:1;vertical-align:top;position:relative;width:100%;margin-right:-100%;}
.img_slide {width: 100%;height: auto;float:left;position:relative;}
.img_slide img{width:100%;border-top-left-radius:12px;border-top-right-radius: 12px;}



ul.pagination{width:40px;height:100%;text-align:center;position:absolute;top:0;z-index:10;}
.pg_prev{left:0;}
.pg_next{right:0;}
._slider_count{min-width:50px;color:#626161;margin:5px;}

/*.slid_nav li{font-size:14px;}
.slid_nav li a{color:transparent;}
.slid_nav li a.prev-page{display:inline-block;width:17px;height:25px;background:url(other/ps_slide_prevarrow.png) no-repeat top;}
.slid_nav li a.next-page{ display:inline-block;width:17px;height:25px;background:url(other/ps_slide_nextarrow.png) no-repeat top;}
.slid_nav .slideshow{display:inline-block;width:29px;height:25px; margin:0 10px;background:url(other/ps_slide_photoicon.png) no-repeat top;}
*/
#content{margin:0 5%;}
.video-play1{
	position: absolute;
	text-align: center;
	width: 100%;
	height:100%;
	background:url(/vigwap/layouts/alpha/layout1/other/dtv-vplay.png)no-repeat center center;
	z-index: 1;
}

form {
    width: 90%;
    height: auto;
    margin: auto;
    text-align: center;
}

.inputbar {
    padding: 5px;
    font-size: 100%;
    clear: both;
    color: #000;
    background: #f7f7f7;
    border-bottom: 1px dashed #000;
}

.formStyle {
    width: 150px;
    height: 30px;
    border: 1px solid #CCC;
    border-radius: 2px;
    padding-left: 5px;
    font-size: 14px;
    margin-top: 5px;
}

.formButton {
    background-color: #4c4c4c;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    width: 68px;
    height: 21px;
    padding-top: 5px;
    border-radius: 2px;
    text-decoration: none;
}
.info .title {
    text-align: center;
    font-size: 14px;
    color: white;
    margin-top: 8px;
    padding: 5px 10px; /* Adjust padding to better fit the layout */
    background-color: inherit; /* Ensures the color matches the .info background */
    border-radius: 0 0 15px 15px; /* Curves the bottom corners to fit */
    position: absolute;
    bottom: -10px;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0%;
}
.menu-icon {
    font-size: 24px;
    cursor: pointer;
    padding: 4px;
    background: #f1f1f1;
    border: none;
    outline: none;
    border-radius: 5px;
}

/* Menu Content */
.menu-content {
    display: none;
    position: absolute;
    top: 50px;
    left: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: 220px;
    z-index: 1000;
}

.menu-content.active {
    display: block;
}

/* Profile Section */
.profile-section {
    display: flex;
    flex-direction: column;  /* Stack items vertically */
    align-items: flex-start; /* Align items to the left */
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.greeting {
    font-size: 16px;
    margin-bottom: 5px; /* Add space below greeting */
}

.profile-link {
    font-size: 16px;
    color: #007bff;
    text-decoration: none;
}

.profile-pic {
    width: 71px;
    height: 58px;
    border-radius: 50%;
    margin-left: 50px;
}

/* Menu Options */
.menu-options {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu-options li {
    margin: 10px 0;
}

.menu-options li a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    transition: color 0.3s;
}

.menu-options li a:hover {
    color: #007bff;
}

/* Language Dropdown */
.language-dropdown {
    padding: 15px;
}

.language-dropdown select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

/* Show the menu when toggled */
.menu-content.show {
    display: block;
}