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


@h1h2color: #127386;
@color-code: "-red";

@color1: #127386;

@color1-dark: #116f9b; 
@color1-darkheavy: #0d577a;
@color1-light: #42a1b4;
@color1-lightly: #42a1b4;

@border-leftcol: #47a9d8;
@border-rightcol: #47a9d8;

#menumob-btn-ico span {
	background: #fff;
}
#headt-part #menumob-btn-ico span {
	background: #fff;
}
.breadcr .breadcrumb a:hover {
	color: @color1;
	text-decoration: underline;
}

#slideadv .grey .e4j-menutitle {
	color:#666;
}
.nav-devices-inner {
    background: #222;
}
#menutitlemob {
	border-left:1px solid @border-leftcol;
	border-right:1px solid @border-leftcol;
	background: @color1  url(../../images/menumobile_white.png);
}
.btn, #checkoutFormSubmit {
	color: #fff !important;
	background: @color1 !important;
	border: 2px solid @color1 !important;
	.e4jtran
}
.btn:hover:not([disabled]), #checkoutFormSubmit:hover:not([disabled]) {
	color: @color1 !important;
	background: transparent !important;
	border-color: @color1 !important;
	.e4jtran
}
.btn:focus {
	color: @color1;
}
.btn-blue-reverse {
	background: transparent !important;
	color: @color1 !important;
	border: 2px solid @color1 !important;
	.e4jtran
}
.btn-blue-reverse:hover {
	color: #fff !important;
	background: @color1 !important;
	border: 2px solid @color1 !important;
	.e4jtran
}
.btn-grey {
	background: #eee !important;
	border:2px solid #ddd !important;
	color: #666 !important;
}
.btn-grey:hover {
	background: #fbfbfb !important;
	border:2px solid #ddd !important;
	color: #666 !important;
}
.btn-grey-reverse {
	background: transparent !important;
	color: #aaa !important;
	border: 2px solid #ccc !important;
	.e4jtran
}
.btn-grey-reverse:hover {
	color: #fff !important;
	background: #ccc !important;
	border: 2px solid #ccc !important;
	.e4jtran
}
.btn-blackgrey {
	background: #444 !important;
	border: 2px solid #444 !important;
	color: #fff !important;
}
.btn-blackgrey:hover {
	background: transparent !important;
	border: 2px solid #444 !important;
	color: #444 !important;
}

.btn-medgrey {
	background: #666 !important;
	border: 2px solid #666 !important;
	color: #fff !important;
}
.btn-medgrey:hover {
	background: transparent !important;
	border: 2px solid #666 !important;
	color: #666 !important;
}

.e4j-body-page .btn:focus, .e4j-body-page .btn.focus {
	background: #f9f9f9 !important;
	color: @color1 !important;
}

.btn-green {
	background: #0EA169 !important;
	border:2px solid #0EA169 !important;
	color: #fff;
}
.btn-green:hover {
	background: transparent !important;
	border:2px solid #0EA169 !important;
	color: #0EA169 !important;
}
.btn-green_bgdark {
	background: #21a659 !important;
	border:2px solid #21a659 !important;
	color: #fff;
}
.btn-green_bgdark:hover {
	background: transparent !important;
	border:2px solid #fff !important;
	color: #fff !important;
}
.btn-green_bgdark:focus, .btn-green_bgdark:active {
	background: rgba(255,255,255,.3) !important;
	border:2px solid #fff !important;
	color: #fff !important;
}
.btn-green2 {
	background: #7A9900 !important;
	border:2px solid #7A9900 !important;
	color: #fff;
}
.btn-green2:hover {
	background: transparent !important;
	color: #7A9900 !important;
}
.btn-green-light {
	background: #11c37f !important;
	border:2px solid #11c37f !important;
	color: #fff;
}
.btn-green-light:hover {
	background: transparent !important;
	border:2px solid #11c37f !important;
	color: #11c37f !important;
}
.btn-green-light:active, .btn-green-light:focus {
	background-color: rgba(255,255,255,.4) !important;
}
.btn-blue {
	background: #5185c0 !important;
	border:2px solid #5185c0 !important;
	color: #fff;
}
.btn-blue:hover {
	background: transparent !important;
	border:2px solid #5185c0 !important;
	color: #5185c0 !important;
}
.btn-blue-trasp {
	background: transparent !important;
	border: 2px solid #059BCB !important;
	color: #059BCB !important;
}
.btn-blue-trasp:hover {
	background: #059BCB !important;
	border: 2px solid #059BCB !important;
	color: #fff !important;
}
.btn-whitetr {
	background: transparent !important;
	border:2px solid #fff !important;
	color: #fff !important;
}
.btn-whitetr:hover {
	background: #fff !important;
	border:2px solid #fff !important;
	color: #666 !important;
}
.btn-black {
	background: #222 !important;
	border: 2px solid #222 !important;
	color: #fff !important;
}
.btn-black:hover, .btn-black:active {
	background: transparent !important;
	border:2px solid #222 !important;
	color: #222 !important;
}
.e4j-body-page .btn-black:focus {
	background: rgba(255,255,255,.2) !important;
	border:2px solid #222 !important;
	color: #222 !important;
}
.btn-red {
	background: #A91517 !important;
	border: 2px solid #A91517 !important;
	color: #fff !important;
}
.btn-red:hover {
	background: transparent !important;
	border: 2px solid #A91517 !important;
	color: #A91517 !important;
}
.btn-sand {
	background: #CC9900 !important;
	border:2px solid #CC9900 !important;
	color: #fff !important;
}
.btn-sand:hover, .btn.btn-sand:hover:not([disabled]) {
	background: transparent !important;
	border:2px solid #CC9900 !important;
	color: #CC9900 !important;
}
.grid-module > .color {
	background: @color1;
}
.grid-module > .color .e4j-divmenutitle {
	color: #fff !important;
}
.grid-module > .color a {
	color: #333;
}
.grid-module > .color a:hover {
	color: #000;
}

/**** 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;
}
.notrans {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.e4jtran:hover {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
button.btn.btn-primary, button.btn.btn-primary:hover, button.btn.btn-primary:active,
button.btn.btn-success, button.btn.btn-success:hover, button.btn.btn-success:active,
button.btn.btn-danger, button.btn.btn-danger:hover, button.btn.btn-danger:active,
button.btn.btn-default, button.btn.btn-default:hover, button.btn.btn-default:active {
	.notrans
}
body {
	background: #fff;
}
h1, h2 {
	color: @h1h2color !important;
}
a {
	.e4jtran
}
a:hover {
	color:@color1;
	.e4jtran
}
.vhd-kbase-child-block a {
	color: @color1;
	border-bottom: 1px dashed #fff;
}
.vhd-kbase-child-block a:hover {
	color: @color1;
	border-bottom: 1px dashed @color1;
}
.e4jinibody #e4jinicontainer .e4jtabtext:focus {
	border-color: @color1;
	.e4jtran
}
.e4jcat-paymentproc-item-inner:hover {
	border-color: @color1;
	.e4jtran
}
.answersarea-areasmod-block > ul > li > a:hover, .answbox ul li > ul > li > a:hover, .answersarea-areasmod-activea {
	color: @color1;
}
.va-notif-row-uname a, .va-prmess-uname, .va-prmess-uname a {
	color: @color1;
}
.va-notif-row-uname a:hover {
	color: @color1-dark;
}
.hp-header h1 {
	color: #fff !important;
}
.vikwallimage-inner h2 {
	color: #fff !important;
}
.main-body .item-page a, .general-txt a, .vhd-kbase-child-relations ul li a {
	border-bottom: 1px dashed #fff;
	color: @color1;
	margin-bottom: 2px;
	.e4jtran
}
.main-body .item-page a:hover, .general-txt a:hover, .general-txt a:focus, .vhd-kbase-child-relations ul li a:hover {
	color: @color1;
	border-bottom: 1px dashed @color1;
	.e4jtran
}
.page-header h2 a {
	border:0 !important;
}
.breadcrumbs .last {
	color:@color1;
}
.breadcrumbs a:hover {
	color:@color1;
}
.createdby a {
	color:@color1;
}
.search-btn {
	background: url("../../images/search-btn@{color-code}.png") left center no-repeat;
}
input.mod-submit-btn {
	background: @color1;
	color: #fff;
	border:1px solid @color1-dark;
	.e4jtran
}
input.mod-submit-btn:hover {
	background: @color1-dark;
	color: #fff;
	.e4jtran
}
.upmenu-content a {
	color: #fff;
}
.l-inline > div > ul > li.active > a,
.l-inline > div > ul > li:hover > a {
	color: #eee;
	.e4jtran
}
.l-inline .topmenu > ul > li.active > a, 
.l-inline .topmenu > ul > li > a:hover, 
.l-inline .topmenu > ul > li > span:hover {
	color: #ddd;
	.e4jtran
}
.l-inline li ul li a:hover {
	color: @color1;
}
#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 li a {
	color: #444;
	font-weight: bold;
	font-size: .9em;
	.e4jtran
}
.l-inline li .l-block li a:hover {
	color: @color1;
	.e4jtran
}
.spt-menu li .l-block > div {
	background: #ddd;
	color: #444;
}
.l-inline li .l-block li a {
	color: #444;
	font-weight: 300;
	.e4jtran
}

.l-inline li:hover .e4j-menusubtitle {
	color: #999;
}
.moduletable_menu > ul > li > a,
#mainmenu .moduletable > ul > li > a {
	color: #fff !important;
	font-weight: bold;
}
#mainmenu .moduletable_menu > ul > li > a:hover,
#mainmenu .moduletable > ul > li > a:hover {
	color: #fff !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, .pagination li > *  {
	border:1px solid #fff;
	color: @color1;
	.e4jtran
}
.tags > span > a:hover, .pagenav li a:hover, .pagination li.page-item:hover > * {
	color: @color1;
	background: #daf3ff;
	border: 1px solid @color1;
	.e4jtran
}
.pagination .page-item.disabled:hover .page-link {
	color: @color1;
	background: #daf3ff;
	border: 1px solid #b4d3e2;
	.e4jtran
}
.pagination .page-item.active .page-link {
	color: @color1;
	background: #daf3ff;
	border: 1px solid @color1;
}
.pagination li > span {
	color: @color1;
	background: #daf3ff;
	border: 1px solid @color1;
}
.pagination .pagination-prev span, .pagination .pagination-next span, .pagination .pagination-start span, .pagination .pagination-end span {
	color: #8ca7b5;
	background: transparent;
	border:1px solid #fff;
}
.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 h2 a:hover, .blog-featured h2 a:hover, .blog h2 a:hover {
	color: @color1-lightly;
}
.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;
}
.search input.button,
#finder-search button.button {
	background: @color1;
	border:2px solid @color1 !important;
}
.search input.button:hover,
#finder-search button.button:hover {
	background: @color1;
}
.search #searchForm fieldset a {
	color:@color1;
}
.search #searchForm fieldset a:hover {
	color:#999;
}
.search .search-results a {
	color:@color1;
	font-weight:bold;
}
.h-search .moduletable {
	background-color: rgba(149,20,20,0.8);
}
#advanced-search-toggle {
	color:@color1;
}
#advanced-search-toggle:hover {
	color:@color1;
}
span.highlight {
	color:@color1;
}
.titloc {
	color:@color1;
}
.blog .items-more h3 {
	color: @color1;	
}
.moduletable-login {
	background: none repeat scroll 0 0 #F2F2F2;
    box-shadow: 0 0 2px 0 #000000;
}
.moduletable-login h3 {
	background:url(../../images/locked.png) 15px center no-repeat;
	font-weight:normal !important;
}
input.inputbox, button.button, button.default {
	.e4jtran
}
.cart-summary input.inputbox {
	border:1px solid #ddd;
	padding: 3px 5px;
}
input.inputbox:hover, input.inputbox:focus, #messcontainer .va-tarea-into input:hover, #messcontainer .va-tarea-into input:focus,
#messcontainer textarea:hover, #messcontainer textarea:focus, .contact-form .controls input:hover, .contact-form .controls textarea:hover,
.contact-form .controls input:focus, .contact-form .controls textarea:focus {
	border:1px solid @color1;
	.e4jtran
}
button.button:hover {
	.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;
}
.userdata-divmain .qst-login ul > li a {
	color: @color1 !important;
}
.userdata-divmain .qst-login ul > li a:hover {
	color: #666 !important;
}
.icons-left-alg .vikicons-item-inner i {
	color: @color1;
}
footer {
	color:#fff;
}
footer a {
	color:#fff;
}
footer .moduletable a:hover, footer .moduletable li.active a {
	color:@color1 !important;
}
footer .grid-module > .moduletable .vikicons-item a i.fa:hover {
	color: @color1 !important;
	.e4jtran
}
footer h2, footer h3{
	font-weight:bold;
	color:#fff;
}
.vhd-docsrc-category-title, .vhd-docsrc-subcategory-title, .vhd-docsrc-content-title, .vhd-docsrc-category-title.category-separator, 
.vhd-docsrc-index-category.category-separator a {
	color: @color1 !important;
}
.vhd-docsrc-content-description a:hover,
.vhd-docsrc-subcategory-description a:hover,
.vhd-docsrc-category-description a:hover {
	color: @color1;
	border-bottom: 1px dashed @color1;
}
/**** Moduli ****/
/*** NewsFlash ***/
.newsflash-title {
	color: @color1;
}

/**** Vik Widget Kit ***/
.spinner {
	border-color:@color1-dark @color1-light @color1-light @color1-dark !important;
}
footer form.email input, footer form.email textarea {
	background: @color1-darkheavy;
	border:1px solid @color1-dark;
}
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;
}


/************* SUBTITLES STYLES ****/
/**** substyle1 ***/
#cnt-container .e4j-divmenutitle{
	color: #222;
}
#cnt-container .e4j-menusubtitle{
	color: #666;
}

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

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

.noborder {
	border:0 !important;
}
.grid-module > .border {
	border-color: #ddd;
}
.grid-module > .color-light {
	background: @color1-lightly;
}
.grid-module > .color {
	background: @color1-light;
}
.grid-module > .color {
	color: #eee;
}
.grid-module > .title-color > h3 {
	color: @color1;
}
.grid-module > .title-color > h3 .e4j-divmenutitle {
    color: @color1 !important;
}
.e4jcartcontent-intdiv .product_row a:active, .e4jcartcontent-intdiv .product_row a:focus {
	color:@color1-dark;
}
.e4jcartcontent-intdiv .product_row a:hover {
	border-bottom: 1px dashed #ccc;
}
.e4j-login-input input:hover, .e4j-login-input input:focus {
	border-color:@color1;
	.e4jtran
}
.user-details .user-details-row input {
	.e4jtran
}
.user-details .user-details-row input:hover, #vm-login input:hover, #user-registration #login-form-e4j input:hover,
.intcnt-bar input:hover, .e4jini-info input:hover, .vikchlicmaintable .vikchlicval input:hover {
    border-color:@color1;
    .e4jtran
}
#vm-login input:focus, .user-details .user-details-row input:focus, #user-registration #login-form-e4j input:focus,
.intcnt-bar input:focus, .e4jini-info input:focus, div[class^="com-users-"] .form-control:focus {
	border: 1px solid @color1;
}
.intcnt-bar textarea {
	.e4jtran
}
.intcnt-bar textarea:hover {
	border-color: @color1;
	.e4jtran
}
.intcnt-bar textarea:focus {
	border-color: @color1;
	background: #fff;
	.e4jtran
}
.vm-login-cnt .input-bar, .user-details .user-details-row .input-bar, #user-registration #login-form-e4j .input-bar,
.intcnt-bar .input-bar, .e4jini-info .input-bar {
	background: @color1;
}
.userfields_info {
	color: @color1;
}
.e4jaccountmanagercont ul li a:hover i, .e4jaccountmanagercont ul li a:hover span {
	.e4jtran
}
.e4jaccountmanagercont ul li a:hover i, .e4jaccountmanagercont ul li a:hover span {
	color: @color1;
	.e4jtran
}
.e4jaccountmanagercont ul li i.fa-diamond {
  color: @color1;
}
.e4j-promo-btns .btn-doclink {
    background: #CC9900 !important;
    border-color: #CC9900 !important;
}
.e4j-promo-btns .btn-doclink:hover {
    background: transparent !important;
    color: #CC9900 !important;
}
.ext-brands img, .e4j-ext-language-tag .flag-icon {
    .e4jtran
}
.ext-brands img:hover, .e4j-ext-language-tag .flag-icon:hover {
    .e4jtran
}
.ext-relative-block .product-related-products .product-field {
	.e4jtran
}
.ext-relative-block .product-related-products .product-field:hover {
	border-color: @color1;
	.e4jtran
}
.ext-box-desc-list i {
    color: @color1;
}
.prodview-feat-title-block i {
	color: @color1;
	border: 1px solid #c8c6c6;
	vertical-align: top;
	font-size: 25px;
}
.e4j-freearea-tab-standalone .e4j-free-ext-block .block-inner {
	.e4jtran
}
.e4j-freearea-tab-standalone .e4j-free-ext-block .block-inner:hover {
	border-color: @color1;
	.e4jtran
}
.browse-view .product .pdr-listdet-demo a, .e4jcat-templates .category a:hover, 
.va-area-block .va-area-details .va-area-link a, .e4j-cartads-overlay-subtxt a  {
	color: @color1;
}
.e4jvatalert a {
    color: @color1;
}
.e4jvatalert a:hover {
    color: @color1-dark;
}
.e4j-cartads-overlay-mainlink a {
	background: @color1;
	color: #fff;
	border:2px solid @color1;
}
.e4j-cartads-overlay-mainlink a:hover {
	background: transparent;
	color: @color1;
	border:2px solid @color1;
}
.e4jtmpl-grid-item:hover {
	border-color: @color1;
}
.vbo-vcm-prmes .ext-box-title span {
	color: @color1;
}

.nav-devices-list .moduletable ul li.active > a,
.nav-devices-list .moduletable ul li > a:hover,
.nav-devices-inner .moduletable > ul > li > .l-block li a:hover,
.nav-devices-inner .moduletable > ul > li > .l-block li.active a {
	color: @color1;
}
.product-field-type-V {
	color: @color1;
}
.vm-cart-item-quantity .vmicon:hover {
	color: @color1;
}
.spacer-buy-area .ask-a-question a.ask-a-question:hover {
	border-color: @color1;
	color: @color1;
}
.ask-a-question-view .form-field .askform-textareadiv textarea.field:hover, .ask-a-question-view .askudetails-item input#email:hover, .ask-a-question-view .askudetails-item input#name:hover,
.ask-a-question-view .form-field .askform-textareadiv textarea.field:focus, .ask-a-question-view .askudetails-item input#email:focus, .ask-a-question-view .askudetails-item input#name:focus, .ask-a-question-view input.counter:hover,
.ask-a-question-view .submit input.counter:focus {
	border-color: @color1;
	.e4jtran
}

.vikmosp-mask .vikmodsp-btns .vikmodsp-moreinfo a {
	background: @color1;
	color: #fff;
}
.vikmosp-mask .vikmodsp-btns .vikmodsp-moreinfo a:hover {
	background: @color1-light;
}
.vikmosp-mask .vikmodsp-btns .vikmodsp-demo a {
	background: #fff;
	color: @color1;	
}
.vikmosp-mask .vikmodsp-btns .vikmodsp-demo a:hover {
	background: @color1-light;
	color: #fff;
}
.hp-icons .vikicons-item-icoelem i {
	color: @color1;
	width: 36px;
}
.vafile i {
	color: @color1;
}
.van-toggle-comment i.fas {
	color: @color1;
}
.sendprmess a {
	background: @color1;
	border-color: @color1;
}
.sendprmess a:hover {
	background: @color1-dark;
	border-color: @color1-dark;
}
.general-input input:hover, .general-textarea textarea:hover, .general-input input:focus, .general-textarea textarea:focus {
	border-color: @color1;
	.e4jtran
}
.vikwp-login-links > ul > li i {
	color: @color1;
}
.vikwp-login-links > ul > li a:hover {
	background: @color1;
	color: #fff !important;
}
.vikwp-login-links > ul > li a:hover i {
	color: #fff;
}
.vmart-cart-total-price {
	color: @color1;
}
.va-area-block .va-area-block-inner {
	.e4jtran
}
.va-area-block .va-area-block-inner:hover {
    border: 1px solid @color1;
    .e4jtran
}
.grid-col-colsx-xs-title h3 {
	color: @color1;
}
.prodview-feat-title-block, .ext-box-title {
	color: @color1;
}
#messcontainer a {
	color: @color1;	
	border-bottom: 1px dashed transparent;
	padding-bottom: 2px;
}
#messcontainer a:hover {
	color: #444;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 3px;
}
/**** override system message ****/

.errore {
	width: 80%;
	display: table;
	margin: 0 auto;
}
#system-message {
	margin: 0 0 30px;
}
#system-message > .message > ul {
	padding: 15px 10px !important;
}
#system-message > dd > ul > li {
	font-size: 20px;
    font-weight: 300;
    text-align: center;
    padding-left: 75px;
}
#system-message > dd > ul {
	margin:3px !important;
}
#system-message > .message.message > ul {
	border-bottom:1px solid #2DB674 !important;
	border-top:1px solid #2DB674 !important;
	color: #444;
	background: #fff url(../../images/success-msg.png) no-repeat 15px center !important;
}
#system-message > .error.message > ul {
	border-bottom:1px solid #C52123 !important;
	border-top:1px solid #C52123 !important;
	color: #444;
	background: #fff url(../../images/error-msg.png) no-repeat 15px center !important;
}
#system-message > .notice.message > ul {
	border-bottom:1px solid #1B7AB0 !important;
	border-top:1px solid #1B7AB0 !important;
	color: #444;
	background: #fff url(../../images/notice-msg.png) no-repeat 15px center !important;
}
#system-message > .warning.message > ul {
	border-bottom:1px solid #BB2627 !important;
	border-top:1px solid #BB2627 !important;
	color: #444;
	background: #fff url(../../images/warning-msg.png) no-repeat 15px center !important;
}