@charset "utf-8";
/* CSS Document Version Gold */

@import "../config.less";

@h1h2color: #A69A65;

@color1: #A69A65;

@color1-dark: #c7ad88; 
@color1-darkheavy: #968952;
@color1-light: #c9bb78;
@color1-lightly: #eae2bb;

@border-leftcol: #c9bb78;
@border-rightcol: #c9bb78;

@text-dark: #c7ad88;
@background-verysoft: #f2efe3;

.logorounded {
	background:  #333;
	min-width: 194px;
	min-height: 151px;
	padding: 18px 0;
}

#slideadv .grey .e4j-menutitle {
	color:#666;
}


/**** Start ***/

.e4jtran {
	transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	-webkit-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
}
.e4jtran:hover {
	transition:all 200ms ease-in-out 0s;
	-moz-transition:all 200ms ease-in-out 0s;
	-webkit-transition:all 200ms ease-in-out 0s;
	-o-transition:all 200ms ease-in-out 0s;
}
body {
	background: #fff;
}


h1, h2 {
	color: @h1h2color;
}

a {
	color:@color1-dark;
	.e4jtran
}
a:hover {
	color:@color1-darkheavy; 
	text-decoration: none;
	.e4jtran
}

.btn {
	color: #fff;
	background: @color1;
	border: 1px solid @color1-dark
}
.btn:hover {
	color: #fff;
	background: @color1-dark;
}

.breadcrumbs .last {
	color:@color1;
}
.breadcrumbs a:hover {
	color:@color1;
}
.createdby a {
	color:@color1;
}
input.mod-submit-btn {
	background: transparent;
	color: @color1;
	border:2px solid @color1;
	.e4jtran
}
input.mod-submit-btn:hover {
	background: @color1;
	color: #fff;
	.e4jtran
}
.upmenu-content a {
	color: #fff;
}
.upmenu-content a:hover {
	color: @color1;
}
.upmenu-content h3 .e4j-menutitle {
	.e4jtran
}
.upmenu-content h3 .e4j-menutitle:hover {
	color: @color1;
	.e4jtran
}
.topmenu li > .l-block li {
	border-bottom:1px dashed #555;
}
.l-inline > div > ul > li.active a,
.l-inline > div > ul > li:hover a {
	color: @color1;
	.e4jtran
}
#upmenu-content ul > li.active a, #upmenu-content ul > li:hover a {
	color: @color1-darkheavy;
}
.l-inline .topmenu > ul > li.active > a, 
.l-inline .topmenu > ul > li > a:hover, 
.l-inline .topmenu > ul > li > span:hover {
	color: @color1;
	.e4jtran
}
#mainmenu .l-inline > div > ul > li a {
	border:0;
}
#mainmenu .l-inline > div > ul > li > span {
	color: #eee;
	.e4jtran
}
.l-inline li .l-block > div {
	background: #000;
	color: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
#mainmenu .l-inline li .l-block > div {
	background: #000;
	color: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.spt-menu li .l-block > div {
	background: #ddd;
	color: #444;
}
.l-inline li .l-block li a {
	color: #fff;
	.e4jtran
}
#login-form .unstyled li a:hover {
	color: @color1;
}
.fx-menu-slide .l-inline li .l-block li a {
	color: #fff;
}
.l-inline li .l-block li a:hover {
	color: @color1;
	.e4jtran
}
.l-inline li:hover .e4j-menusubtitle {
	color: #999;
}
.module .e4j-titlesplit .e4j-menutitle {
	color: @color1;
}
#mainmenu .moduletable_menu > ul > li > a:hover,
#mainmenu .moduletable > ul > li > a:hover,
#mainmenu .moduletable > ul > li .separator:hover, 
#mainmenu .moduletable_menu > ul > li .separator:hover {
	color: @color1 !important;
	text-decoration: none;
}
.moduletable ul li.active > a,
.moduletable_menu ul li.active > a {
	color:@color1 !important;
}
#mainmenu .moduletable_menu > ul > li.parent:hover > a,
#mainmenu .moduletable_menu > ul > li.parent:hover .separator,
#mainmenu .moduletable > ul > li.parent:hover > a,
#mainmenu .moduletable > ul > li.parent:hover .separator {
	color: @color1 !important;
}
.loginmenu h3:hover .e4j-menutitle {
	color:@color1;
	.e4jtran
}
.moduletable a.readmore:hover, .moduletable a.readmore:hover {
	color:#999;
}
.tags > span > a, .pagenav li a, .pagination li > a,  {
	background: @color1;
	border:1px solid @color1-dark;
	color: #fff;
	.e4jtran
}
.tags > span > a:hover, .pagenav li a:hover, .pagination li:hover > *, .pagination li > span{
	background: @color1-dark;
	color: #fff;
	.e4jtran
}
.readmore a, .vamodservices-detailsbox > .vamodservices-view > a {
	background:@color1;
	.e4jtran
}
.readmore a:hover, .vamodservices-view > a:hover {
	background:@color1-dark;
	color: #fff;
	.e4jtran
}
.vamodservices-detailsbox > .vamodservices-view > a {
	border:1px solid @border-leftcol;
}
.blog .items-more a:hover {
	color: @color1;
}
.categories-list .item-title a {
	color: @color1;
}
.categories-list .item-title a:hover {
	color: #666;
}
.itemtitle h3 a {
	color: #fff !important;
}
.tsendiscr span, .tsinit span, .tsend span {
	color: @color1 !important;
}
.item-page h2, .blog-featured h2, .blog h2 {
	color: @h1h2color;
}
.item-page h2 a, .blog-featured h2 a, .blog h2 a {
	color: @h1h2color;
}
.item-page .article-info dd a, .blog-featured .article-info dd a, .blog .article-info dd a {
	color:@color1;
}
.item-page .article-info dd a:hover, .blog-featured .article-info dd a:hover, .blog .article-info dd a:hover{
	color:#666;
}
#tbar-upmenu .modopen > div {
	background: @color1-light;
}
.search input.button,
#finder-search button.button,
#searchForm button.button {
	background: @color1;
	border:1px solid @color1 !important;
}
.search input.button:hover,
#finder-search button.button:hover {
	background: @color1;
}
#login-form .control-group .input-prepend input.inputbox:hover, #login-form .control-group .input-prepend input.inputbox:focus {
	border-color: @color1;
}
.search #searchForm fieldset a {
	color:@color1;
}
.search #searchForm fieldset a:hover {
	color:#999;
}
.search .search-results a {
	color:@color1;
	font-weight:bold;
}
#advanced-search-toggle {
	color:@color1;
}
#advanced-search-toggle:hover {
	color:@color1;
}
span.highlight {
	color:@color1;
}
.titloc {
	color:@color1;
}
.blog .items-more h3 {
	color: @color1;	
}
input.inputbox, button.button {
	.e4jtran
}
button.button:hover {
	background:@color1-dark;
	.e4jtran
}
.profile .mod-profile a:hover {
	background:@color1;
}
#adminForm table .cat-list-row1 td a, #adminForm table .cat-list-row0 td a {
	color:@color1 !important;
}
#contact-slider .panel h3 a span {
	color:@color1;
}
.contact .nav-tabs li.active a {
	border-top: 2px solid @color1;
}
.tag-category h3 a {
	color: #fff;
	background: @color1-darkheavy;
	.e4jtran
}
.tag-category h3 a:hover {
	background: @color1;
	.e4jtran
}
button.validate {
	.e4jtran
}

.nav-devices-inner {
	background: @color1-lightly;
}
.nav-devices-inner .moduletable_menu > ul > li > a, 
.nav-devices-inner .moduletable > ul > li > a,
.nav-devices-inner .moduletable > ul > li span,
.nav-devices-inner .moduletable_menu > ul > li span {
	color:#444;
}
.nav-devices-inner .moduletable_menu > ul > li:hover > a, 
.nav-devices-inner .moduletable > ul > li:hover > a,
.nav-devices-inner .moduletable > ul > li:hover span,
.nav-devices-inner .moduletable_menu > ul > li:hover span {
	color:#fff;
}
.nav-devices-inner .moduletable_menu > ul > li.active > a,
.nav-devices-inner .moduletable > ul > li.active > a,
.nav-devices-inner .moduletable_menu > ul > li.active > a > span,
.nav-devices-inner .moduletable > ul > li.active > a > span  {
	background: @color1-darkheavy;
	color: #fff;
}
.nav-devices-inner .moduletable_menu > ul > li > .l-block li a, .nav-devices-inner .moduletable > ul > li > .l-block li a, 
.nav-devices-inner .moduletable > ul > li > .l-block li span, .nav-devices-inner .moduletable_menu > ul > li > .l-block li span {
	color: #333;
}
.nav-devices-inner .moduletable_menu > ul > li > .l-block li a:hover, .nav-devices-inner .moduletable > ul > li > .l-block li a:hover, 
.nav-devices-inner .moduletable > ul > li > .l-block li span:hover, .nav-devices-inner .moduletable_menu > ul > li > .l-block li span:hover {
	color: #fff;
}
.nav-devices-inner .moduletable_menu > ul > li.active > .l-block,
.nav-devices-inner .moduletable > ul > li.active > .l-block {
	border-bottom: 2px solid @color1-light;
}
.nav-devices-inner .moduletable_menu > ul > li.active > .l-block a,
.nav-devices-inner .moduletable > ul > li.active > .l-block a {
	color: #444;
}
footer {
	color:#fff;
	background: #111;
}
footer a {
	color:#fff;
}
footer .moduletable a:hover, footer .moduletable li.active a {
	color:@color1-dark !important;
}

/**** Moduli ****/
/*** NewsFlash ***/
.newsflash-title {
	color: @color1;
}
.category-module li .mod-articles-category-date {
	.e4jtran
}
.category-module li:hover .mod-articles-category-date {
	background: @background-verysoft;
	.e4jtran
}

/**** Vik Widget Kit ***/
.spinner {
	border-color:@color1-dark @color1-light @color1-light @color1-dark !important;
}
footer form.email input, footer form.email textarea {
	background: transparent;
	border:1px solid #eee;
	color: #eee;
}
form.email input.send {
	background: @color1-darkheavy;
}
form.email input.send {
	background: @color1-darkheavy !important;
	border:1px solid @color1;
}
form.email input.send:hover {
	background: @color1-darkheavy;
}
.sponsor-main > div {
	.e4jtran
}
.sponsor-main > div:hover {
	border-color:@color1;
	.e4jtran
}


/************* SUBTITLES STYLES ****/
/**** substyle1 ***/

#subfooter ul li a:hover {
	color: @color1;
}

/***** Styles ****/

.noborder {
	border:0 !important;
}
.border .moduletable {
	border-color: #ddd;
}

.color .moduletable .e4j-divmenutitle {
	color: #eee !important;
}
.color-light .moduletable .e4j-divmenutitle {
	color: #eee !important;
}
.color-light {
	background: @color1-lightly;
	color: #fff;
}
.color .e4j-titlesplit .e4j-menutitle,
.color-light .e4j-titlesplit .e4j-menutitle {
	color: @color1-darkheavy;
}

.color {
	background: @color1-light;
	color: #fff;
}
.color .vikmodsp-job, .color .vikmodsp_text, .color .vikmodsp-name {
	color: #eee;
}
.color .vikmodsp-descr {
	color: #fff;
}
.color-light .e4j-divmenutitle {
	color: #eee;
}
.color-light .vikmodsp-name {
	color: #444;
}
.color-light .vikmodsp-job, .color-light .vikmodsp_text,  {
	color: #666;
}
.color-light .vikmodsp-descr {
	color: #444;
}
.title-color  h3 {
	color: @color1;
}
.title-color  h3 .e4j-divmenutitle {
    color: @color1 !important;
}
.leftborder h3, .rightborder h3 {
	border-color:@color1-light;
}
.newsflash-title a {
	color: @color1;
	.e4jtran
}
.newsflash-title a:hover {
	text-decoration: none;
	color: @color1-dark;
	.e4jtran
}
.activities-cnt-inner {
	.e4jtran
}
.activities-cnt-inner:hover {
	border:1px solid @color1-light;
	.e4jtran
}
.contact-form .controls input:focus, 
.contact-form .controls textarea:focus {
	border-color:@color1-light;
}
.accordion-group i.fa {
	color: @color1-light;
}
.btn-primary {
	color: @color1;
	background: transparent;
	border: 2px solid @color1;
	.e4jtran
}
.btn-primary:hover {
	background: @color1;
	color: #fff;
	.e4jtran
}
.vikicons-item-inner:hover a {
	color: #fff;
	.e4jtran
}
.vikicons-circle:hover i {
	background:@color1;
	.e4jtran
}
.vikicons-circle:hover {
	background:@color1;
	color: #fff;
	.e4jtran
}
.latestnews li a:hover {
	color: @color1;
}
.mod-articles-category-date {
	border:1px solid @color1-lightly;
}
.vikgm_cnt_container {
	background: rgba(0,0,0,0.8);
}
.intcnt-bar input:focus + .input-bar {
	background: @color1;
}
.text-color {
	color: @color1;
}

/*** Custom Newsletter **/
.custom-newsletter input[type^="text"], .custom-newsletter input[type^="text"] {
	.e4jtran
}
.custom-newsletter input[type^="text"]:hover, .custom-newsletter input[type^="text"]:focus {
	border-color:@color1;
	.e4jtran
}
.custom-newsletter input[type^="submit"]:hover {
	background:@color1;
	border-color:@color1-dark;
}

.color .vikqt-quotes:before {
	color: @color1-lightly;
}
.color-light .vikqt-quotes:before {
	color: @background-verysoft;
}

.hp-content blockquote:after, .hp-content blockquote:before, .hp-content.title-border h3:after {
	background: @color1-light;
}
.border-effect .vikwallimage-desc::after, .border-effect .vikwallimage-title::before,
.border-effect .vikwallimage-desc::before, .text-border:after, .text-border-left:after {
	background: @color1-light;
}
.vikicons-item a {
	color: #999;
}
/**** override system message ****/

.errore {
	width: 80%;
	display: table;
	margin: 0 auto;
}
#system-message {
	margin: 0 0 30px;
}
#system-message > .message > ul {
	padding: 25px 10px !important;
}
#system-message > dd > ul > li {
	font-size: 20px;
    font-weight: 300;
    text-align: center;
    padding-left: 55px;
}
#system-message > dd > ul {
	border-bottom:1px dotted #999 !important;
	border-top:1px dotted #999 !important;
	margin:3px !important;
}
#system-message > .message.message > ul {
	color: #999900;
	background: #fff url(../../images/success-msg.png) no-repeat 15px center !important;
}
#system-message > .error.message > ul {
	color: #CC0000;
	background: #fff url(../../images/error-msg.png) no-repeat 15px center !important;
}
#system-message > .notice.message > ul {
	color: #CC9900;
	background: #fff url(../../images/warning-msg.png) no-repeat 15px center !important;
}

@import "../vikcomponent_owr.less";