body   {
font-family:"Effra", Helvetica Neue,Segoe UI !important;
background-color: #fff4e7;
font-size:15px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.edit.item-page .modal {
    position: initial;
}
.edit.item-page .media-preview.add-on {
    height: 34px;
    line-height: 28px;
}
.thumbnails-media .thumbnail *, .thumbnails-media .thumbnail ::before {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
.thumbnails-media .imgThumb label, .thumbnails-media .imgThumb .imgThumbInside {
    line-height: 100px;
}
.thumbnails-media .thumbnail {
    text-align: center;
}
.thumbnails {
    list-style: none;
}
.thumbnails-media .imgThumb label::before, .thumbnails-media .imgThumb .imgThumbInside::before {
    font-family: "IcoMoon";
    font-style: normal;
    content: 'G';
    position: absolute;
    top: 0;
    right: 0;
    background-color: #46a546;
    color: #fff;
    line-height: 26px;
    width: 26px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border-radius: 0 3px;
}
.form-horizontal .control-label{float:left!important;}
.control-group{    margin-bottom: 15px;}
.form-horizontal .control-label{clear:both;}
.well {width:90%; }
.chzn-container{width:auto !important;}
.contact-form{float:left; width:50%}
.add_item_btn a{color:#000!important}

.controls input,.controls textarea{display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

img{max-width: 100%; height: auto;}
.header-section{
	border-top:5px solid #d54512; background-color:#fff;
	transition: background-color 0.3s ease;
}
.header-section p{margin: 0px;}
.no-padding-l {
padding-left:0px ;
}
.no-padding-r {
padding-right:0px;
}
.container {
	width: auto;
	max-width: 1350px !important;
	padding: 0 15px;
}
.navbar {
margin-bottom:0px;
}
.list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.grade1 {
background: #d68911; /* Old browsers */
background: -moz-linear-gradient(top, #d68911 0%, #97610c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d68911 0%,#97610c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d68911 0%,#97610c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d68911', endColorstr='#97610c',GradientType=0 ); /* IE6-9 */
font-size: 15pt !important
}
.grade2 {
background: #d63800; /* Old browsers */
background: -moz-linear-gradient(top, #d63800 0%, #832200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d63800 0%,#832200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d63800 0%,#832200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d63800', endColorstr='#832200',GradientType=0 ); /* IE6-9 */
font-size: 15pt !important
}
.list-group-item {
font-size: 12pt
}
.itm1 {
padding:5.5px 15px;
background-color: #f1f1f1
}
.itm2 {
padding:7px 15px;
}
.itm2 i {
color:#f49353
}
.c-f {
font-size: 9pt;
color:#f49353
}
.navbar-default {
background: #d68911; /* Old browsers */
background: -moz-linear-gradient(top, #d68911 0%, #97610c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d68911 0%,#97610c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d68911 0%,#97610c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d68911', endColorstr='#97610c',GradientType=0 ); /* IE6-9 */;
border-radius:0px
}
.navbar-default .navbar-nav > li > a{

color:#fff; 
}
.navbar-default .navbar-nav > li:hover > a {
color:#fff;
background:#dbab5f;.gif-img:after {
    content: '';
    color: red;
    /* margin-left: 10px; */
    background: url(/images/new.gif) no-repeat center center;
    width: 40px;
    height: 27px;
    /* border: 1px solid #ccc; */
    display: inline-flex;
    background-size: 40px auto;
}
}
.navbar-default .navbar-brand {
color:#fff
}
.navbar-default .navbar-brand:hover {
color:#fff
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>a:hover, .navbar-default .navbar-nav>.active>a:hover{
	color:#fff;
	background:#dbab5f;
}
.dropdown .dropdown-menu .caret{border:4px solid transparent;border-left-color:#000;float:right;margin-top:6px}
.dropdown-menu{min-width:250px}
.dropdown-menu > li.open > a{background-color:#F5F5F5;color:#262626;text-decoration:none}
.dropdown-menu .dropdown-menu{left:100%;margin:0;right:auto;top:-1px}

  .gif-img:after {
    content: '';
    color: red;
    /* margin-left: 10px; */
    background: url(/images/new.gif) no-repeat center center;
    width: 40px;
    height: 27px;
    /* border: 1px solid #ccc; */
    display: inline-flex;
    background-size: 40px auto;
}
.navbar-default .navbar-brand {

display:none;


}
.navbar-nav>li:nth-child(5){


}

.columns-3 +ul{right:0;}

.columns-3 +ul>li{width:20%; float:left;}

.dropdown-menu-right .dropdown-menu,
.navbar-right .dropdown-menu .dropdown-menu,
.pull-right .dropdown-menu .dropdown-menu{left:auto;right:100%}
.dropdown-menu.animated{-webkit-animation-duration:0.3s;animation-duration:0.3s}
.dropdown-menu.animated:before{content:" .gif-img:after {
    content: '';
    color: red;
    /* margin-left: 10px; */
    background: url(/images/new.gif) no-repeat center center;
    width: 40px;
    height: 27px;
    /* border: 1px solid #ccc; */
    display: inline-flex;
    background-size: 40px auto;
}";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}
.dropdownhover-top{margin-bottom:2px;margin-top:0}
.navbar-fixed-bottom .dropdown-menu .dropdown-menu,
.dropdownhover-top .dropdown-menu{bottom:-1px;top:auto}
.navbar-nav > li > .dropdown-menu{margin-bottom:0}
.dropdownhover-bottom{-webkit-transform-origin:50% 0;transform-origin:50% 0}
.dropdownhover-left{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.dropdownhover-right{-webkit-transform-origin:0 50%;transform-origin:0 50%}
.dropdownhover-top{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
.bg-white{background-color: #fff;}
.right-section > div{margin:0;}
.right-section > div > div{
	padding:0;
}
.other-links{
	float: left;
	width :100%;
	background: #F5F5F5;
	margin-bottom: 25px;

}

[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a.active{background: #ccc0!important;}
[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a{display: inline!important;}
.trendysn.mod121 .trendytitle{marfgin-right:10px; padding:5px 10px!important}
.trendysn.mod121{background: #b0710e !important; border:1px solid #ec9c12 !important;}
.trendysn.mod121 .trendytitle{background: #ec9c12 !important;color: #ffffff !important;}
.thetext a{color:#fff; margin-top:4px;}
.main-component-title{width:100%}
.main-drop-line{width:100%}
.main-drop-line{width:100%; height:auto!important;}
.item-descrpn{width:100%;}


.force-overflow
{
	
	 min-height: 0;
}
 #home-other-links::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.chzn-container{float:right; margin-top:10px;}
#home-other-links::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#home-other-links::-webkit-scrollbar-thumb
{
	background-color: #000000;
}


.words a{background-color: #000;
    padding: 5px 8px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;}

.infobox {
    position: relative;
    min-height: 65px;
    border-radius: 4px;
    margin-bottom: 15px;
	color:#fff;
	max-width:250px;
	float:right;
  margin-top:40px;
}
.infobox-rect .icon-wrap {
    float: left;
    color: rgba(255, 255, 255, 0.7);
    background: #ec9c12;
  

}
.icon-wrap {
    position: relative;
    display: block;
    height: 65px;
    width: 65px;
    text-align: center;
    font-size: 45px;
    line-height: 65px;
    
}
.text-wrap h4{
	text-transform:uppercase;
	color:#f8ca7a;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	margin:0px;
	margin-top:5px;
	
}
.text-wrap p{
	color:#fff;
	font-size:18px;
	
}
.icon-wrap i{
	
}
.bg-yellow{
	background-color:#a0752b;
}
.infobox-rect .text-wrap {
    padding: 4px 15px;
}
.text-wrap {
    overflow: hidden;
}
.aletter{
	background-color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-right: 1px;
	margin-bottom:20px;
}
.logo-rt{
	background-image: url(../images/rt-bg.png);
    width: 100%;
    background-repeat: no-repeat;
    height: 100%;
}
.nsymbol{
	width:90px;
}
.words {
    margin-top: 5px;
    text-align: right;
    clear: both;
   

}
.hd-bg{
	background-color:#fff;
}

/* Responsive Design */
@media(min-width: 992px){
	.right-section > div > div:first-child{
		padding-right:2px;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	.padding-lt-sm{padding-left: 15px !important;}
	.padding-rt-sm{padding-right: 15px !important;}
	.right-section > div > div:first-child{
		padding-right:15px;
	}
	.right-section > div > div:last-child{
		padding-left:15px;
	}
	.item-page{padding-right:15px;}
	
	/* Tablet specific styles */
	.header-section .row {
		display: flex;
		align-items: center;
	}
	
	.infobox {
		max-width: 200px;
		margin-top: 20px;
	}
	
	.icon-wrap {
		height: 50px;
		width: 50px;
		font-size: 35px;
		line-height: 50px;
	}
	
	.text-wrap h4 {
		font-size: 16px;
	}
	
	.text-wrap p {
		font-size: 16px;
	}
	
	.words a {
		padding: 3px 6px;
		font-size: 12px;
	}
}

@media(max-width: 767px){
	.item-page{padding-left:15px; padding-right:15px;}
	
	/* Mobile specific styles */
	.container {
		padding: 0 10px;
	}
	
	.header-section .row {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.header-section .col-sm-6 {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.logo {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.logo-rt {
		background-size: contain;
		background-position: center;
		height: auto;
		min-height: 100px;
	}
	
	.infobox {
		max-width: 100%;
		float: none;
		margin: 15px auto;
		text-align: center;
	}
	
	.infobox-rect .icon-wrap {
		float: none;
		margin: 0 auto 10px;
	}
	
	.text-wrap {
		text-align: center;
	}
	
	.words {
		text-align: center;
		margin-bottom: 15px;
	}
	
	.words a {
		display: inline-block;
		margin: 0 5px 10px;
	}
	
	/* Navigation improvements */
	.navbar-default .navbar-nav > li > a {
		padding: 15px;
		text-align: center;
	}
	
	.navbar-toggle {
		margin-right: 0;
	}
	
	/* Marquee improvements for mobile */
	marquee {
		font-size: 14pt !important;
	}
	
	marquee p {
		font-size: 14pt !important;
	}
	
	/* Content sections */
	.left-section, .right-section {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.left-section .row {
		display: flex;
		flex-direction: column;
	}
	
	.left-section .col-sm-5, .left-section .col-sm-7 {
		width: 100%;
	}
	
	.right-section .row {
		display: flex;
		flex-direction: column;
	}
	
	.right-section .col-sm-5, .right-section .col-sm-7 {
		width: 100%;
		margin-bottom: 15px;
	}
	
	/* Social media embeds */
	iframe {
		max-width: 100%;
		height: auto !important;
	}
	
	blockquote.twitter-tweet {
		max-width: 100%;
	}
	
	/* Footer */
	.footer {
		padding: 20px 10px;
		font-size: 12px;
	}
}

/* Small mobile devices */
@media(max-width: 480px) {
	.container {
		padding: 0 5px;
	}
	
	.header-section {
		padding: 10px 0;
	}
	
	.infobox {
		min-height: auto;
		padding: 15px;
	}
	
	.icon-wrap {
		height: 40px;
		width: 40px;
		font-size: 28px;
		line-height: 40px;
	}
	
	.text-wrap h4 {
		font-size: 14px;
		margin-top: 0;
	}
	
	.text-wrap p {
		font-size: 14px;
	}
	
	.words a {
		padding: 2px 5px;
		font-size: 11px;
		margin: 0 3px 8px;
	}
	
	marquee {
		font-size: 12pt !important;
		scrollamount: 3 !important;
	}
	
	marquee p {
		font-size: 12pt !important;
	}
	
	/* Improve touch targets */
	.navbar-default .navbar-nav > li > a {
		padding: 20px 15px;
		font-size: 16px;
	}
	
	.button-89 {
		padding: 15px 20px;
		font-size: 18px;
	}
	
	/* Popup improvements for small screens */
	.popup-content {
		padding: 15px;
		max-width: 98vw;
		max-height: 98vh;
	}
	
	.close-btn {
		width: 50px;
		height: 50px;
		font-size: 40px;
		top: 5px;
		right: 5px;
	}
	
	.popup-title {
		font-size: 16px;
		margin-bottom: 10px;
	}
}

/* Performance optimizations */
@media(max-width: 767px) {
	/* Reduce animations on mobile for better performance */
	.scroll-item {
		transition: none;
	}
	
	.scroll-item:hover {
		transform: none;
		box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	}
	
	/* Optimize images */
	img {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}

/* Dark mode responsive adjustments */
@media(max-width: 767px) {
	body.dark-mode .infobox {
		background: #2d2d2d;
	}
	
	body.dark-mode .logo-rt {
		filter: brightness(0.7) contrast(1.1);
	}
	
	body.dark-mode .words a {
		background-color: #333;
	}
}

.page-header {
    padding-bottom: 0;
	margin: 0;
    border-bottom: 1px solid #ff6600;
    
}

.pd20{padding:20px;}

.page-header h2{font-size: 18px; text-transform: uppercase;}

.footer{
	text-align: center;
	color:#999;font-size:13px;margin-bottom:20px;margin-top:0px; border-top:1px solid #999; padding-top:20px;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.djslider-default .navigation-container{margin: 0 15px !important;}
.djslider-default .navigation-container .pause-button{display: none !important;}

.item-page ul li{
	list-style:none;
	padding:5px 10px
}
.item-page ul li:before {content:"\f061"; font-family: FontAwesome;display: block;float: left;width: 1.5em;color:#555;}
.page-header { margin-bottom:20px;}
.item-page {
	line-height:28px;
	margin:0 10px
		
}

.item-page p .pull-right{

float:right;
margin-left:20px;
margin-bottom:25px;

}

.item-page p .pull-left, .item-page p .pull-center, .item-page p img{

float:left;
margin-right:20px;
margin-bottom:25px;


}
.item-page p{

clear:both;

}

.item-page .site-map li{
	
	list-style:disc!important;
	padding:0px;
}
.item-page .site-map li:before{content:none; font-family: FontAwesome;display: block;float: left;width: 1.5em;color:#555; display:none;}

@media only screen and (max-width:768px) {
.dropdown-menu{
position: static;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: inherit;
    float: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: inherit;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);

}
.columns-3 +ul>li {
    width: 100%;
    float: none;
    color: #fff;
}
.dropdown-menu>li>a{color:#fff;}}
.statcounter img{width:15px; max-width:100%;}
.sts-no{display:none;}

.gif-img:after{

content: '';
    color: red;
    /* margin-left: 10px; */
    background: url(/images/new.gif) no-repeat center center;
    width: 40px;
    height: 27px;
    /* border: 1px solid #ccc; */
    display: inline-flex;
    background-size: 40px auto;

}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}
.icon-joomla:before {
	content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
	content: "\e008";
}
.icon-arrow-first:before {
	content: "\e003";
}
.icon-arrow-last:before {
	content: "\e004";
}
.icon-arrow-up-2:before {
	content: "\e009";
}
.icon-arrow-right-2:before {
	content: "\e00a";
}
.icon-arrow-down-2:before {
	content: "\e00b";
}
.icon-arrow-left-2:before {
	content: "\e00c";
}
.icon-arrow-up-3:before {
	content: "\e00f";
}
.icon-arrow-right-3:before {
	content: "\e010";
}
.icon-arrow-down-3:before {
	content: "\e011";
}
.icon-arrow-left-3:before {
	content: "\e012";
}
.icon-menu-2:before {
	content: "\e00e";
}
.icon-arrow-up-4:before {
	content: "\e201";
}
.icon-arrow-right-4:before {
	content: "\e202";
}
.icon-arrow-down-4:before {
	content: "\e203";
}
.icon-arrow-left-4:before {
	content: "\e204";
}
.icon-share:before,
.icon-redo:before {
	content: "\27";
}
.icon-undo:before {
	content: "\28";
}
.icon-forward-2:before {
	content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
	content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
	content: "\6c";
}
.icon-undo-2:before {
	content: "\e207";
}
.icon-move:before {
	content: "\7a";
}
.icon-expand:before {
	content: "\66";
}
.icon-contract:before {
	content: "\67";
}
.icon-expand-2:before {
	content: "\68";
}
.icon-contract-2:before {
	content: "\69";
}
.icon-play:before {
	content: "\e208";
}
.icon-pause:before {
	content: "\e209";
}
.icon-stop:before {
	content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
	content: "\7c";
}
.icon-next:before,
.icon-forward:before {
	content: "\7b";
}
.icon-first:before {
	content: "\7d";
}
.icon-last:before {
	content: "\e000";
}
.icon-play-circle:before {
	content: "\e00d";
}
.icon-pause-circle:before {
	content: "\e211";
}
.icon-stop-circle:before {
	content: "\e212";
}
.icon-backward-circle:before {
	content: "\e213";
}
.icon-forward-circle:before {
	content: "\e214";
}
.icon-loop:before {
	content: "\e001";
}
.icon-shuffle:before {
	content: "\e002";
}
.icon-search:before {
	content: "\53";
}
.icon-zoom-in:before {
	content: "\64";
}
.icon-zoom-out:before {
	content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}
.icon-pencil-2:before {
	content: "\2c";
}
.icon-brush:before {
	content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
	content: "\5d";
}
.icon-minus-sign:before,
.icon-minus-2:before {
	content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-plus-circle:before {
	content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
	content: "\4b";
}
.icon-ban-circle:before,
.icon-minus-circle:before {
	content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-cancel-circle:before {
	content: "\e217";
}
.icon-checkmark-2:before {
	content: "\e218";
}
.icon-checkmark-circle:before {
	content: "\e219";
}
.icon-info:before {
	content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
	content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
	content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
	content: "\e222";
}
.icon-notification:before {
	content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
	content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
	content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
	content: "\e225";
}
.icon-checkbox-unchecked:before {
	content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
	content: "\3e";
}
.icon-checkbox-partial:before {
	content: "\3f";
}
.icon-square:before {
	content: "\e226";
}
.icon-radio-unchecked:before {
	content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
	content: "\e228";
}
.icon-circle:before {
	content: "\e229";
}
.icon-signup:before {
	content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
	content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
	content: "\59";
}
.icon-menu:before {
	content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
	content: "\31";
}
.icon-list-2:before {
	content: "\e231";
}
.icon-menu-3:before {
	content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
	content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
	content: "\2e";
}
.icon-folder-plus:before {
	content: "\e234";
}
.icon-folder-minus:before {
	content: "\e235";
}
.icon-folder-3:before {
	content: "\e236";
}
.icon-folder-plus-2:before {
	content: "\e237";
}
.icon-folder-remove:before {
	content: "\e238";
}
.icon-file:before {
	content: "\e016";
}
.icon-file-2:before {
	content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}
.icon-file-minus:before {
	content: "\e017";
}
.icon-file-check:before {
	content: "\e240";
}
.icon-file-remove:before {
	content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}

.form-inline-header {
	margin: 5px 0;
}
.form-inline-header .control-group,
.form-inline-header .control-label,
.form-inline-header .controls {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.form-inline-header .control-label {
	width: auto;
	padding-right: 10px;
}
.form-inline-header .controls {
	padding-right: 20px;
}
fieldset[class^="form-"] {
	min-width: 100%;
}
@-moz-document url-prefix() {
	fieldset[class^="form-"] {
		display: table-cell;
	}
}
fieldset.checkboxes input {
	float: left;
}
fieldset.checkboxes li {
	list-style: none;
}
.control-group,
.controls,
.controls input[type="text"],
.controls input[type="number"],
.controls input[type="email"],
.controls select,
.controls textarea {
	max-width: 100%;
}
.controls .btn-group > .btn {
	min-width: 50px;
	margin-left: -1px;
}
.controls .btn-group.btn-group-yesno {
	width: 220px;
	max-width: 100%;
}
.controls .btn-group.btn-group-yesno > .btn {
	width: 50%;
	min-width: 40px;
	padding: 2px 0;
}
input.input-large-text {
	font-size: 18px;
	line-height: 22px;
	height: auto;
}
textarea {
	resize: both;
}
textarea.vert {
	resize: vertical;
}
textarea.noResize {
	resize: none;
}
.subform-repeatable {
	padding-right: 10px;
}
.subform-repeatable > .btn-toolbar {
	margin: 0;
}
.subform-repeatable > .btn-toolbar .group-add {
	line-height: 26px;
	width: 56px;
	font-size: 13px;
	margin-left: 28px;
}
.subform-repeatable-group {
	margin-top: 20px;
	margin-left: 28px;
	border: 1px solid #ccc;
	padding: 8px 25px 15px;
	position: relative;
	border-radius: 3px;
}
.subform-repeatable-group > .btn-toolbar {
	margin: 0;
}
.subform-repeatable-group > .btn-toolbar .btn-group {
	margin-right: 0px;
	margin-top: -1px;
	position: static;
}
.subform-repeatable-group > .btn-toolbar .btn {
	font-size: 13px;
	line-height: 26px;
	background-color: #F3F3F3;
	position: absolute;
}
.subform-repeatable-group > .btn-toolbar .btn span {
	vertical-align: middle;
	line-height: 11px;
}
.subform-repeatable-group > .btn-toolbar .btn.btn-success {
	color: #378137;
	bottom: 0;
	right: 0;
	border-radius: 3px 0 0 0;
	border-width: 1px 0 0 1px;
	padding-top: 1px;
}
.subform-repeatable-group > .btn-toolbar .btn.btn-success .icon-plus:before {
	content: "]";
}
.subform-repeatable-group > .btn-toolbar .btn.btn-danger {
	color: #942a25;
	top: 0;
	right: 0;
	border-radius: 0 0 0 3px;
	border-width: 0 0 1px 1px;
}
.subform-repeatable-group > .btn-toolbar .btn.btn-danger .icon-minus:before {
	content: "I";
}
.subform-repeatable-group > .btn-toolbar .btn.btn-primary {
	color: #24748c;
	color: #333;
	right: 100%;
	top: 50%;
	margin-top: -27px;
	margin-right: 1px;
	border-radius: 3px 0 0 3px;
	border-width: 1px 0 1px 1px;
	line-height: 52px;
}
.subform-repeatable-group > .btn-toolbar .btn.btn-primary .icon-move:before {
	content: "Z";
}
.subform-repeatable-group > .btn-toolbar .btn [class^="icon-"],
.subform-repeatable-group > .btn-toolbar .btn [class*=" icon-"] {
	margin: 0;
}
.subform-repeatable-group > .btn-toolbar .btn:hover {
	background-color: #E6E6E6;
}
.subform-repeatable-group .control-group:last-of-type {
	margin-bottom: 10px;
}
@media (max-width: 979px) {
	.subform-repeatable-group > .btn-toolbar .btn-group {
		margin-bottom: 10px;
	}
}
.subform-table-layout .control-group {
	margin-bottom: 10px;
}
.subform-table-layout .control-group:last-of-type {
	margin-bottom: 0;
}
.subform-table-layout .controls {
	padding-right: 20px;
}
.subform-table-layout input {
	width: 100%;
	max-width: 206px;
}
.subform-table-layout table .btn-group {
	margin: 0 7px;
}
@media (max-width: 1024px) {
	.subform-table-layout .subform-repeatable {
		padding-right: 0;
	}
	.subform-table-layout .subform-repeatable tbody td:last-of-type {
		text-align: right;
		padding-bottom: 15px;
	}
	.subform-table-layout table,
	.subform-table-layout thead,
	.subform-table-layout tbody,
	.subform-table-layout th,
	.subform-table-layout td,
	.subform-table-layout tr {
		display: block;
	}
	.subform-table-layout table {
		border: 1px solid #ddd;
	}
	.subform-table-layout thead th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.subform-table-layout thead th:last-of-type {
		position: static;
		width: 100% !important;
		text-align: right;
		box-sizing: border-box;
		border-left: 0;
	}
	.subform-table-layout tr {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.subform-table-layout td {
		border: none;
		position: relative;
		padding-left: 50%;
	}
	.subform-table-layout tbody td:first-of-type {
		padding-top: 15px;
		border-top: 1px solid #ddd;
	}
	.subform-table-layout tbody td:first-of-type:before {
		top: 18px;
	}
	.subform-table-layout td:before {
		content: attr(data-column);
		position: absolute;
		top: 13px;
		left: 10px;
		padding-right: 10px;
	}
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
	padding-top: 0;
}
.form-horizontal .controls > .radio:first-child,
.form-horizontal .controls > .checkbox:first-child {
	padding-top: 5px;
}
.form-horizontal .controls > .radio.btn-group:first-child {
	padding-top: 0;
}
.form-horizontal .controls > .radio.btn-group-yesno:first-child {
	padding-top: 2px;
}
input.field-media-input {
	width: auto;
}
.header {
	background-color: #1a3867;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding: 8px 25px;
}
@media (max-width: 767px) {
	.header {
		padding: 4px 18px;
		margin-left: -20px;
		margin-right: -20px;
	}
}
.header .navbar-search {
	margin-top: 0;
}
@media (max-width: 979px) {
	.header .navbar-search {
		border-top: 0;
		border-bottom: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}
.container-logo {
	float: right;
	text-align: right;
}
.logo {
	width: auto;
	max-width: 100%;
	max-height: 36px;
	height: auto;
}
.page-title {
	color: white;
	font-weight: normal;
	font-size: 20px;
	line-height: 36px;
	margin: 0;
}
.page-title [class^="icon-"],
.page-title [class*=" icon-"] {
	margin-right: 16px;
}
@media (max-width: 767px) {
	.container-logo {
		display: none;
	}
	.page-title {
		font-size: 18px;
		line-height: 28px;
	}
	.page-title [class^="icon-"],
	.page-title [class*=" icon-"] {
		margin-right: 10px;
	}
}
.view-login {
	background-color: #17568c;
	padding-top: 0;
}
.view-login .container {
	width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -206px;
	margin-left: -150px;
}
.view-login .navbar-fixed-bottom {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.view-login .navbar-fixed-bottom,
.view-login .navbar-fixed-bottom a {
	color: #FCFCFC;
}
.view-login .navbar-inverse.navbar-fixed-bottom,
.view-login .navbar-inverse.navbar-fixed-bottom a {
	color: #555;
}
.view-login .well {
	padding-bottom: 0;
}
.view-login .login-joomla {
	position: absolute;
	left: 50%;
	height: 24px;
	width: 24px;
	margin-left: -12px;
	font-size: 22px;
}
.view-login .navbar-fixed-bottom {
	position: absolute;
}
.view-login .input-medium {
	width: 176px;
}
.view-login #lang_chzn {
	width: 233px !important;
	max-width: none;
}
.view-login #lang_chzn .chzn-single div {
	width: 43px;
}
.view-login .input-prepend .add-on,
.view-login .controls .btn-group > .btn {
	margin-left: 0;
}
.navbar-inverse {
	color: #333;
}
.login .btn-large {
	margin-top: 15px;
}
.login .form-inline .btn-group {
	display: block;
}
@media (max-width: 479px) {
	.login .chzn-single {
		width: 222px !important;
	}
	.login .chzn-container,
	.login .chzn-drop {
		width: 230px !important;
	}
}
@media (max-width: 319px) {
	.view-login .navbar-fixed-bottom {
		display: none;
	}
}
ul.manager .height-50 .icon-folder-2 {
	height: 35px;
	width: 35px;
	line-height: 35px;
	font-size: 30px;
}
#imageForm {
	margin: -25px 0 0;
}
#imageForm .well {
	margin-bottom: 5px;
}
.thumbnails-media {
	margin-left: 0;
}
.thumbnails-media .thumbnail {
	background-color: #f4f4f4;
	border-radius: 3px;
	border: 0;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;
	padding: 0px;
	height: 100px;
	width: 100px;
	margin: 8px 16px;
	margin-left: 0 !important;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.thumbnails-media .thumbnail .close {
	background-color: #ccc;
	border-left: 1px solid rgba(0,0,0,0.1);
	height: 22px;
	line-height: 22px;
	opacity: 0.3;
	text-align: center;
	width: 22px;
	top: 0;
	right: 0;
}
.thumbnails-media .thumbnail .close:hover {
	background-color: #bbb;
}
.thumbnails-media .thumbnail *,
.thumbnails-media .thumbnail *:before {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.thumbnails-media .thumbnail input[type="radio"],
.thumbnails-media .thumbnail input[type="checkbox"] {
	margin: 0;
	opacity: 0.55;
	position: absolute;
	top: 5px;
	left: 5px;
}
.thumbnails-media .thumbnail .controls,
.thumbnails-media .thumbnail .imginfoBorder {
	display: none;
}
.thumbnails-media .imgThumb {
	position: relative;
	z-index: 1;
	width: 100%;
	display: inline-block;
}
.thumbnails-media .imgThumb input {
	display: none;
}
.thumbnails-media .imgThumb label,
.thumbnails-media .imgThumb .imgThumbInside {
	display: block;
	line-height: 100px;
	position: relative;
	width: 100%;
	border-radius: 3px;
	overflow: hidden;
}
.thumbnails-media .imgThumb label:before,
.thumbnails-media .imgThumb .imgThumbInside:before {
	font-family: "IcoMoon";
	font-style: normal;
	content: 'G';
	position: absolute;
	top: 0;
	right: 0;
	background-color: #46a546;
	color: #fff;
	line-height: 26px;
	width: 26px;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
	border-color: rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	border-radius: 0 3px;
}
.thumbnails-media .imgThumb img {
	width: auto;
}
.thumbnails-media .selected :checked + label,
.thumbnails-media .selected .imgThumbInside,
.thumbnails-media .imgInput :checked + label,
.thumbnails-media .imgInput .imgThumbInside {
	background-color: #ddd;
}
.thumbnails-media .selected :checked + label:before,
.thumbnails-media .selected .imgThumbInside:before,
.thumbnails-media .imgInput :checked + label:before,
.thumbnails-media .imgInput .imgThumbInside:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.thumbnails-media .selected :checked + label:after,
.thumbnails-media .selected .imgThumbInside:after,
.thumbnails-media .imgInput :checked + label:after,
.thumbnails-media .imgInput .imgThumbInside:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	border: 3px solid #46a546;
	border-radius: 5px;
}
.thumbnails-media .imgDelete a.close,
.thumbnails-media .imgPreview a {
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 1;
	height: 26px;
	width: 26px;
}
.thumbnails-media .imgPreview a {
	width: 100%;
}
.thumbnails-media .imgDelete a.close {
	background-color: #bd362f;
	border-color: #bd362f rgba(0,0,0,0.2) rgba(0,0,0,0.2) #bd362f;
	top: 0;
	line-height: 28px;
	font-size: 12px;
	padding-left: 1px;
	color: #fff;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	z-index: 10;
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
.thumbnails-media .imgDelete a.close:hover {
	background-color: #802420;
}
.thumbnails-media .thumbnail:hover .imgDelete a.close {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.thumbnails-media .imgPreview a,
.thumbnails-media .imgDetails {
	position: absolute;
	left: 0;
	text-align: left;
	background-color: #fff;
	border-color: rgba(0,0,0,0.2);
	bottom: 0;
	line-height: 26px;
	border: 1px solid rgba(0,0,0,0.1);
	border-width: 1px;
	border-radius: 0 3px 0 0;
	z-index: 1;
}
.thumbnails-media .imgPreview a:hover,
.thumbnails-media .imgDetails:hover {
	background-color: #eee;
}
.thumbnails-media .imgDetails {
	padding: 0 5px;
	line-height: 20px;
	color: #555;
}
.thumbnails-media .imgFolder span {
	line-height: 90px;
	font-size: 38px;
	margin: 0;
	width: auto;
}
.thumbnails-media .imgFolder + .imgDetails {
	color: inherit;
}
.com_media .media a + a {
	margin-left: -1px;
}
.com_media .tree-holder {
	padding: 0 15px;
}
#folderframe.thumbnail {
	border: 0;
	box-shadow: none;
	padding: 0;
}
#mediamanager-form {
	margin: 0 -10px;
}
#mediamanager-form > .muted {
	padding: 0px;
}
#mediamanager-form .checkbox {
	padding-left: 30px;
	margin-bottom: 15px;
}
#mediamanager-form .checkbox input {
	margin-top: 3px;
}
#mediamanager-form .thumbnails .thumbnail {
	height: 120px;
	width: 120px;
	margin: 0 18px 18px 0;
}
#mediamanager-form .thumbnails .imgThumb label,
#mediamanager-form .thumbnails .imgTotal {
	line-height: 120px;
}
#mediamanager-form .icon-search::before {
	padding-right: 5px;
	padding-left: 1px;
}
#mediamanager-form .height-50 {
	background-color: #fafafa;
	height: 77px;
	position: relative;
	z-index: 1;
	width: 100%;
	display: inline-block;
}
#mediamanager-form .height-50 a,
#mediamanager-form .height-50 .icon-folder-2 {
	display: inline-block;
	line-height: 75px;
	margin-top: -1px;
}
#mediamanager-form .height-50 a:after {
	bottom: 0;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.08) inset;
	content: "";
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
#mediamanager-form .height-50 .icon-folder-2 {
	font-size: 40px;
}
.uploadform {
	margin-top: 20px;
}
body.modal-open {
	-ms-overflow-style: none;
}
.modal-header {
	padding: 0 20px;
	text-align: left;
}
.modal-header h3 {
	font-weight: normal;
	line-height: 50px;
}
.modal-header .close {
	width: 50px;
	margin-top: 0;
	margin-right: -15px;
	font-size: 2rem;
	line-height: 50px;
	border-left: 1px solid #ccc;
}
.modal-body {
	padding: 0;
	width: 100%;
	height: auto;
}
.modal-body .container-fluid {
	padding-top: 15px;
	padding-bottom: 15px;
}
.modal-footer {
	clear: both;
}
.contentpane {
	padding: 10px;
	height: auto;
}
@media (min-width: 768px) {
	.row-fluid .modal-batch [class*="span"] {
		margin-left: 0;
	}
}
.container-popup {
	padding: 28px 10px 10px 10px;
}

#jform_created_date, input {
  width:50%;
  display:inline;
}

#jform_created_date_btn, button {
  background-color: #e7e7e7;
}
.gif-img:after {
    content: '';
    color: red;
    /* margin-left: 10px; */
    background: url(./images/new.gif) no-repeat center center;
    width: 40px;
    height: 27px;
    /* border: 1px solid #ccc; */
    display: inline-flex;
    background-size: 40px auto;
}

/*Add after Video Module uploaded (12-Oct-2020)*/
.radio.inline{width:150px;display:inline-block;}
.form-horizontal .control-label {
	clear: both;
	width: 20%;
	padding-right: 20px;
}
.controls{margin-left: 20%;}

.controls input, .controls textarea {
	display: inline-block !important;
	width: auto !important;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.controls select{width: 235px;}
.span4 {width: 20%;float: left;padding: 10px;}
.thumbnails {list-style: none;width: 100%;clear: both;}

/* Additional responsive improvements */
@media(max-width: 767px) {
	/* Improve readability on mobile */
	body {
		font-size: 14px;
		line-height: 1.6;
	}
	
	/* Better spacing for touch */
	.btn, button {
		min-height: 44px;
		padding: 12px 20px;
		font-size: 16px;
	}
	
	/* Improved form inputs */
	input, textarea, select {
		font-size: 16px;
		padding: 12px;
		min-height: 44px;
	}
	
	/* Better table responsiveness */
	table {
		font-size: 14px;
	}
	
	table td, table th {
		padding: 8px 5px;
	}
	
	/* Improved navigation */
	.navbar-nav > li > a {
		font-size: 16px;
		padding: 15px 20px;
	}
	
	/* Social media improvements */
	.twitter-tweet {
		max-width: 100% !important;
		margin: 0 auto !important;
	}
}

/* Ultra small devices */
@media(max-width: 360px) {
	.container {
		padding: 0 5px;
	}
	
	.header-section {
		padding: 5px 0;
	}
	
	.words a {
		font-size: 10px;
		padding: 2px 4px;
		margin: 0 2px 5px;
	}
	
	marquee p {
		font-size: 10pt !important;
	}
	
	.popup-content {
		padding: 10px;
	}
	
	.close-btn {
		width: 45px;
		height: 45px;
		font-size: 35px;
	}
}

/* Performance optimizations for mobile */
@media(max-width: 767px) {
	/* Reduce complex animations */
	* {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	
	/* Optimize scrolling */
	.container {
		-webkit-overflow-scrolling: touch;
	}
	
	/* Prevent text selection issues */
	* {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	input, textarea, [contenteditable] {
		-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
	}
}