@charset utf-8; 
/*===============================*/
/* CSS by elever.ee */
/* GENERAL */
/*===============================*/
/* all */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,700');
.main-width *, *, body {font-family:Roboto, Arial, Helvetica, sans-serif}
.top-wrapper *, .footer-wrapper *, .middle-wrapper *, .middle-prmo *, hh1, h2, h3, h4, h4 * {-webkit-transition:all 1.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out}
.no-animation, .formBody * {-webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none}

/* styles */
*,:active,:focus{outline:none; outline:none}
form,fieldset{margin:0; padding:0; background:none; border:none}
body{margin:0; padding:0; background:url(../images/juurik.svg) no-repeat right -60px bottom -40px #fafafa; background-size:490px auto}
@media only screen and (max-width:990px) {
	body {background:#fafafa}
}
body,p,li,div,td,th,dl,input,textarea,option,button,form,label{font-size:16px; color:#333}
hr{border:none; height:1px; background:#ddd}
a img{border:0}
a{color:#000; text-decoration:underline}
a:hover{text-decoration:none}
button,input[type="button"],input[type="submit"],a{cursor:pointer}
.vm-button-correct.disabled {cursor:not-allowed}
fieldset,dd,dl,dt{border:0; margin:0; padding:0}
h1,.content-wrapper form legend, .featured-products h2{font-size:60px; font-weight:100; margin:0; padding:12px 0; color:#7DA464; line-height:100% !important}

body.ordering h1 {text-align:center}
h2, #djc_contact_form legend {font-size:36px; margin:22px 0 12px; padding:0; font-weight:300}
h3{font-size:18px; margin:12px 0 0; padding:0; font-weight:300}
@media only screen and (max-width:990px) {
h1,.content-wrapper form legend, .featured-products h2 {font-size:46px}
h2, #djc_contact_form legend  {font-size:18px}
}
:focus{outline:0}
input, select {margin:0 0 2px}
.jmoddiv.jmodinside {}
.btn.jmodedit { z-index: 1001; display: none; position: absolute; top: 0; right: 0; }
html[dir=rtl] .btn.jmodedit { right: auto; left: 0; }
.btn.jfedit-menu { z-index: 1002; display: block; }

/*===============================*/
/* LAYOUT */
/*===============================*/
.main-wrapper {width:100%; float:left; clear:both; background:url(../images/footer-bg.png) no-repeat 50% 100%}
.main-width{min-width:990px; max-width:1200px; width:80%; margin:auto}
.middle-wrapper{width:100%; clear:both}

/* top wrapper */
.top-wrapper{width:100%; float:left; clear:both; /*background:url(../images/bg.jpg) repeat-x 50% 0*/ background:#fff; height:210px; position:relative}


/* user menu */
.top-wrapper .usermenu{position:absolute; top:0; right:0; z-index:60}
.top-wrapper .usermenu ul{margin:0; padding:0; list-style:none}
.top-wrapper .usermenu li{display:inline}
.top-wrapper .usermenu ul.menu a{padding:0 0 0 10px}
body#loggedin .top-wrapper .usermenu li.login{display:none}
body#loggedout .top-wrapper .usermenu li.logout{display:none}
.top-wrapper .usermenu div.login {background:#fff; padding:15px; border:1px solid #ddd; position:absolute; z-index:20; right:0; top:30px; width:458px; display:none}
.top-wrapper .usermenu div.login .control-group {display:inline-block; padding:0 5px 0 0}
.top-wrapper .usermenu div.login .control-group label, #form-login-remember {display:none}
.top-wrapper .usermenu div.login .control-group input.input-small {width:160px; padding:5px}
.top-wrapper .usermenu div.login ul.unstyled {padding:10px 0 0}
.top-wrapper .usermenu div.login ul.unstyled a {display:inline-block; margin:0 10px 0 0}
.top-wrapper .usermenu div.login div.controls div.error {display:none !important}
/* logo  */
.top-wrapper a.logo{display:block; text-decoration:none; position:absolute; top:20px; left:20px; height:175px}
.top-wrapper a.logo img {height:100%}

/* lang */
.top-wrapper .lang{position:absolute; top:10px; left:0}
.top-wrapper .lang ul{margin:0; padding:0; list-style:none}
.top-wrapper .lang li{display:inline}
.top-wrapper .lang a{text-decoration:none; color:#999; padding:0 10px 0 0}
.top-wrapper .lang li.lang-active a {color:#7DA464}

/* search */
.top-wrapper .search{position:absolute; top:80px; right:250px}
.top-wrapper .search input[type="text"]{text-transform:lowercase}

/* txt */
.top-wrapper .txt p {position:absolute; right:20px; bottom:13px; padding:10px 10px 30px; font-size:20px; font-weight:100; color:#004F24; text-align:center; border-top:3px solid #fafafa; box-sizing:border-box; width:500px}
.top-wrapper .txt p::after {display:inline-block; content:"\f078"; position:absolute; bottom:-10px; left:48%; font-family:FontAwesome; color:#7DA464; font-size:36px}
@media only screen and (max-width:990px) {
	.main-width .top-wrapper {text-align:center; padding:15px 0 !important}
	.top-wrapper .txt p {position:relative; right:auto; bottom:auto; display:inline-block; width:auto; margin-top:10px; border-top:8px solid #fafafa; padding-top:15px}
}
@media only screen and (max-width:520px) {
	.top-wrapper .txt p br {display:none !important}
}
/* menu */
.top-wrapper div.menu ul{margin:0; padding:0 0 10px; position:absolute; top:10px; right:20px; width:500px; text-align:center}
.top-wrapper div.menu li{list-style:none; display:inline; margin:0 2px}
.top-wrapper div.menu li a{padding:3px 10px; text-decoration:none; color:#004F24; font-size:22px; font-weight:100; display:inline-block; border-bottom:1px solid #fff}
.top-wrapper div.menu li.active a,div.top-wrapper div.menu li a:hover {border-bottom:1px solid #7DA464}

.middle-wrapper {padding:20px 0 0; width:100%; clear:both}

/* location */
.middle-wrapper .location{background:#fff; clear:both; padding:5px; background:#f5f5f5; margin:0 0 10px}
.middle-wrapper .location ul {display:block; padding:0; margin:0; list-style:none}
.middle-wrapper .location li {display:inline-block}
.middle-wrapper .location a {text-decoration:none}

/* promo categories */
.middle-prmo {clear:both; overflow:hidden; border-bottom-right-radius:20px; border-bottom-left-radius:20px; overflow:hidden; position:relative}
.middle-prmo .bg {position:absolute; left:0; top:0; right:0; bottom:0; background:url(../../../images/front/taust.jpg?v=6) no-repeat 50% 10%; background-size:cover; transition: transform .2s;transform: scale(1); z-index:-1}
/*
.middle-prmo .bg, body.index .middle-prmo:hover .bg  {  -webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); filter: blur(7px);transform: scale(1.05)}
body.index .middle-prmo:hover .bg {transform: scale(1.05)}

body.index .middle-prmo .bg {-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); opacity:0.9; transform: scale(1.2)}
*/
.middle-prmo .bg2 {position:absolute; z-index:0; background: url(../images/stripe-b.png); bottom:0; left:0;right: 0; top: 0}

.promo-cats {width:100%; clear:both; float:left; text-align:right; padding:40px 45px 40px 0; box-sizing:border-box}
body.index .promo-cats {padding:80px 35px 80px 0}
@media only screen and (max-width:1300px) {
body.index .promo-cats {padding:40px 35px 40px 0}
}
.promo-cats img {max-width:100%}
.promo-cats ul {margin:0; padding:0; list-style:none}
.promo-cats ul li {display:inline-block; width:178px; height:178px; overflow:hidden; border:2px solid #fff; margin:0 -35px 5px 0; border-radius:50%; position:relative; padding:0}

body.index .promo-cats ul li img {/*-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); */  transition: transform .2s;transform: scale(1)}
.middle-prmo:hover .promo-cats ul li img,
.promo-cats ul li.active img, .promo-cats ul li:hover img {-webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); filter: blur(0); transform: scale(1.2)}
.promo-cats ul li h2 {position:absolute; bottom:8px; background:#fff; color:#000; left:0; text-align:center; right:0; padding:8px; font-weight:300; font-size:18px}
.middle-prmo:hover .promo-cats ul li.active, .promo-cats ul li {z-index:1}
.promo-cats ul li.active, .promo-cats ul li:hover {z-index:2}
.promo-cats ul li:hover, .promo-cats ul li.active:hover {z-index:3 !important}
.promo-cats ul li.active a, .promo-cats ul li:hover a {position:relative; display:block}
.promo-cats ul li.active a h2, .promo-cats ul li:hover a h2 {background:#f80; color:#fff}

@media only screen and (max-width:990px) {
.middle-prmo .bg {  -webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); filter: blur(7px);transform: scale(1.05)}
.middle-prmo .promo-cats ul li img {-webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); filter: blur(0); transform: scale(1.2)}
}
.promo-cats ul.col-8, .promo-cats ul.col-7 {float:right; width:600px; padding:0}
@media only screen and (max-width:1640px) {
.promo-cats ul li.col-8, .promo-cats ul li.col-7 {width:140px; height:140px}
}
@media only screen and (max-width:1490px) {
}
@media only screen and (max-width:1390px) {
.promo-cats ul li.col-8 {width:130px; height:130px}
.promo-cats ul li.col-8 a h2 {font-size:14px !important}
}
@media only screen and (max-width:990px) {
	body.index .promo-cats {padding:40px 25px 40px 0}
	.promo-cats ul {text-align:center}
	.promo-cats ul li {width:150px; height:150px}
	.promo-cats ul li a h2, .promo-cats ul li a h2 {top:37%; bottom:auto; box-sizing:border-box; margin:0; font-size:16px}

}

/* left wrapper */
.left-wrapper{width:180px; float:left; background:#f5f5f5; overflow:hidden; padding:10px; overflow:hidden}
.left-wrapper h3{margin:0; padding:0}
.left-wrapper .menu ul,.left-wrapper .categories ul{margin:0; padding:0; list-style:none}

/* ... categories */
.left-wrapper .categories a{display:block; padding:3px 0; text-decoration:none}
.left-wrapper .categories li#current a.level1{}
.left-wrapper .categories ul ul{display:none}
.left-wrapper .categories ul li.active ul{display:block}
.left-wrapper .categories ul ul a{padding:3px 3px 3px 10px}

/* content wrapper */
.content-wrapper {padding:0 0 10px; width:100%; clear:both; float:left}
body.i-body-i .content-wrapper{padding:0 10px 10px; width:435px; clear:none}
body.i-body .content-wrapper{width:780px; float:right; padding:0 0 10px 10px; clear:right}
body.body-i .content-wrapper{width:75%; float:left; padding:0 20px 10px 0; clear:left; min-height:580px; box-sizing:border-box}
@media only screen and (max-width:1180px) {
	body.body-i .content-wrapper {width:70%}
}
@media only screen and (max-width:990px) {
	body.body-i .content-wrapper {width:100%}
	.right-wrapper {display:none}
}
.content-wrapper *{line-height:140%}
.content-wrapper.three-col{padding:0 10px 10px; width:570px}
.content-wrapper table{width:100%; border-collapse:collapse; border-spacing:0}
.content-wrapper th{padding:5px; background:#f5f5f5; padding:8px 10px; font-size:12px}
.content-wrapper p{margin:0; padding:0 0 12px}
.content-wrapper .spearheadfacebooklike{float:right}
textarea,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select,button,.checkout-bottom .vm-button-correct{background:#fff; border:1px solid #ddd; line-height:140%; padding:8px; border-radius:5px}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,select:focus {border:1px solid #ddd}
input[type="submit"],input[type="button"],button[type="submit"],button[type="reset"],.checkout-bottom .vm-button-correct{background:#f80; color:#fff; padding:15px 45px; border:none; border-radius:5px}
select {-webkit-appearance: none !important; background: #fff url(../images/select.png) no-repeat 100% 50%; padding-right:30px; padding:10px}
.content-wrapper textarea{width:300px; height:120px}
.content-wrapper img{max-width:100%}

/* right wrapper */
.right-wrapper{overflow:hidden}

/* hidden wrapper */
.hidden-wrapper .login {display:none}
.hidden-wrapper .login label{display:block}
.hidden-wrapper .login #form-login-remember label{display:inline}
.hidden-wrapper .login ul{margin:0; padding:10px 0 0; list-style:none}

/* contact-form */
.contact-form {text-align:center; background:#fff; border-radius:20px; padding:30px; margin-top:15px; box-sizing:border-box; width:100%; overflow:hidden; float:left; clear:both}
.contact-form h2 {color:#7DA464; font-weight:100; font-size:36px !important}
.contact-form #userForm {width:70%; display:inline-block; box-sizing:border-box}
@media only screen and (max-width:1200px) {
.contact-form #userForm {width:80%}
}

@media only screen and (max-width:470px) {
.contact-form #userForm {width:96%}
.contact-form {padding:20px}
}
@media only screen and (max-width:370px) {
.contact-form #userForm {width:100%}
.contact-form {padding:10px}
}
.contact-form #userForm textarea {width:100%}
.contact-form .control-group .controls {display:block; width:100%}
.contact-form .control-group .controls input {width:100% !important}
.contact-form .control-group label {display:block; text-align:left; padding:0}
@media only screen and (max-width:320px) {
.rsform-block-antispam {max-width:100%; overflow:hidden; width:277px}
}
@media only screen and (min-width:580px) {
.contact-form .control-group.rsform-block-antispam {width:304px; float:left; clear:none}
.contact-form .control-group.rsform-block-saada {overflow:hidden; clear:none; text-align:right}
}
@media only screen and (min-width:671px) and (max-width:990px) {
.contact-form #userForm {width:80%}
}
@media only screen and (min-width:580px) and (max-width:670px) {
.contact-form #userForm {width:96%}
}

/* map-wrapper */
.map-wrapper {margin:15px 0 0; width:100%; clear:both; overflow:hidden; border-radius:20px; box-sizing:border-box; border:5px solid #fff; float:left}

/* partners-wrapper */
.partners-wrapper {width:100%; clear:both; box-sizing:border-box; background:#fff; border-radius:20px; padding:20px; text-align:center; position:relative; margin-top:15px; float:left}
.partners-wrapper h4 {position:absolute; font-size:14px; color:#888; top:20px; left:20px; z-index:2; font-weight:300; margin:0; padding:0}
.partners-wrapper .banneritem {display:inline-block; padding:0 15px}
.partners-wrapper .banneritem img {max-height:60px}

/* footer wrapper */
.footer-wrapper{width:100%; padding:45px 0; clear:both; position:relative; background:#7DA464; margin:35px 0 15px; float:left; text-align:center; border-radius:20px; position:relative; opacity:0.9}
.footer-wrapper:hover {opacity:1}
.footer-wrapper ul{margin:0; padding:0; list-style:none}
.footer-wrapper li{display:inline-block; color:#fff; font-size:16px; padding:0 10px}
.footer-wrapper a {color:#fff}
.footer-wrapper a.fb { display: inline-block; padding: 8px 9px; border: 1px solid #fff; border-radius: 3px; background: #fff; font-size: 12px; position:absolute; right:20px; top:36%; font-style:normal; text-decoration:none}
.footer-wrapper a.fb:hover {background:none}
.footer-wrapper a.fb i { font-style:normal; text-decoration:none; color:#7DA464}
.footer-wrapper a.fb:hover i {color:#fff}

/* COMPONENTS */
/* com - contacts */
.contact-category .row-striped {width:100%; clear:both; float:left; display:table; overflow:hidden; box-sizing:border-box; border-spacing:10px; margin-left:-10px; width:calc(100% + 20px)}
.contact-category .contact-row {display:table-row}
.contact-category .contact {width:50%; display:table-cell; box-sizing:border-box; position:relative; padding:10px; background:#fff; border-radius:10px}
.contact-category .contact .image {width:110px; float:left; padding-right:20px; box-sizing:border-box}
.contact-category .contact .details {overflow:hidden}
@media only screen and (max-width:750px) {
	.contact-category .row-striped, .contact-category .contact-row, .contact-category .contact {display:block; margin:0; width:100%; clear:both}
	.contact-category .contact {margin:0 0 10px}
}

/* com - user */
/* ... menu */
ul.menuuser-menu {position:fixed; left:0; top:0; list-style:none; margin:0; padding:10px; background:#000; z-index:1000; box-sizing:border-box}
ul.menuuser-menu li {display:block}
ul.menuuser-menu li a {display:block; padding:2px 5px; color:#fff; text-decoration:none; font-size:12px}
ul.menuuser-menu li a:hover {text-decoration:underline}

/* ... generel */
.content-wrapper form#user-registration label, .content-wrapper .control-label {text-align:center; width:auto !important}
.content-wrapper .control-label *, .content-wrapper .control-label, .remember-me * {font-size:12px; color:#666}

/* ... login */
.login-page-wrapper {clear:both; text-align:center}
.login-page-inner {display:inline-block; width:100%; box-sizing:border-box; max-width:320px; text-align:left; margin:auto; padding:20px}
.login-page-inner div {text-align:left !important}
.login-page-inner .controls input, .login-page-inner .controls button {box-sizing:border-box; width:100%}
.login-page-inner .buttons {padding:10px 0 0}
.login-page-inner ul {list-style:none; margin:10px 0 0; padding:10px; background:#eee}
.login-page-inner ul li {display:block}
.login-page-inner ul * a {font-size:12px; color:#444; display:block; text-decoration:none}
.login-page-inner ul * a:hover {text-decoration:underline}

/* ... reset */
.content-wrapper div.reset, .content-wrapper div.registration {text-align:center}
.content-wrapper form#user-registration, .content-wrapper form#member-registration {padding:20px; border:1px solid #ddd; display:inline-block; text-align:center; max-width:500px; margin:30px auto 10px}
.content-wrapper .control-label {padding:10px 0 0}
.content-wrapper form#user-registration input#jform_email {max-width:200px}

/* ... register */
.content-wrapper form#member-registration {max-width:100%; width:100%; box-sizing:border-box}
.content-wrapper form#member-registration .control-label {width:40% !important; float:left; clear:left; text-align:right; padding:0 10px 0 0}
.content-wrapper form#member-registration .controls {overflow:hidden; clear:right}
.content-wrapper form#member-registration .control-group {width:100%; clear:both; overflow:hidden; border-top:1px solid #ddd; text-align:center; padding:10px 0 0; margin:10px 0 0}
.content-wrapper form#member-registration fieldset .control-group {border:none; text-align:left; padding:1px 0; margin:0}
.content-wrapper form#member-registration fieldset input {max-width:90%}

/* com content */
/* ... categories */
.blog .cat-children div {width:30.9%; padding:20px 1%; float:left; text-align:center}
.blog .cat-children div a.img {display:inline-block; border-radius:50%; width:150px; height:150px; background:#eee; overflow:hidden}
.blog .cat-children div a.img img {width:150px; height:150px}
.blog .cat-children div a.img:hover img {width:168px; height:168px; max-width:inherit; margin:0 0 0 -10px}
.blog .cat-children div h3 a {text-decoration:none}

/* com - content - article */
.item-page {background:#fff; border-radius:20px; padding:15px}
.item-page h1 {margin:0 0 20px}
.item-page ul.actions{margin:0; padding:0; list-style:none; text-align:right}
.item-page ul.actions li{display:inline}
.item-page .img-intro{float:left; margin:0 30px 15px 0}

/* com - search */
.search-results .result-title{font-size:16px; margin:16px 0 0}
.search-results .result-category{display:none}
.search-results .highlight{background:#FF0}

/* com - joomgallery */
/* ... galleries, category */
.jg_clearboth {width:100%; float:left; clear:both; overflow:hidden; margin:10px 0}
.jg_element_cat ul, .jg_element_cat * li {margin:0 !important; padding:0 !important; list-style:none !important; background:none !important}
.jg_element_cat * li:first-child b {font-weight:bold !important}
.jg_element_cat * li:last-child {font-size:12px}
.jg_element_cat * {font-weight:normal}
.jg_element_cat, .jg_element_gal {width:23%; padding:0 1%; text-align:center; float:left}
.jg_element_cat img, .jg_element_gal img {border:1px solid #ddd; background:#fff; padding:1px; margin:10px auto}
.jg_element_cat a:hover img, .jg_element_gal a:hover img {border:1px solid #000; background:#000}
.jg_clearboth {width:100%; overflow:hidden; clear:both;}
.jg_displaynone {display:none}

/* com - dj-catalog */
/* ... general */
.djc_subcategory_row .pull_left {text-align:center; padding:15px; border:1px solid #ddd; box-sizing:border-box; margin:5px; width:23.5% !important; webkit-transition:all 0.05s ease-out; -moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; transition:all 0.15s ease-out}
@media only screen and (min-width:1264px) {
	.djc_subcategory_row .pull_left {width:24.0% !important}
}
@media only screen and (max-width:1263px) {
	.djc_subcategory_row .pull_left {width:23.0% !important}
}
.djc_subcategory.varvikaart {background:url(../images/pr-corner.png) no-repeat 100% -100%}
.djc_subcategory_row .pull_left h3 {margin:0; padding:0; font-size:16px; font-weight:400}
.djc_subcategory_row .pull_left a {display:block; color:#444; text-decoration:none}
.djc_subcategory_row .pull_left .djc_readon {display:none}
.djc_subcategory_row .pull_left:hover {border-color:#7DA464 !important}
.djc_subcategory.varvikaart:hover {background-position:100% 0 !important}
.djc_subcategory_row .pull_left:hover a {color:#7DA464}
.djc_subcategory_row .djc_image {height:175px}
.djc_subcategories_grid {display:block}
.djc_subcategories_grid .djc_subcategory {float:left}
.djc_subcategories h2.djc_title {display:none}
/*
body.index .djc_subcategories_grid {display:block}
body.index .djc_items {display:none}
*/
/* ... products */
.djc_items {display:table; border-collapse:separate; border-spacing:20px; margin-left:-20px; width:calc(100% + 40px)}
.djc_items .djc_item_row {width:100%;clear:both; margin:0 0 25px; padding:25px 0 0; border-top:1px solid #ddd; display:table-row}
.djc_items.mod {position:relative; margin-top:-20px}
.djc_items.mod .djc_item_row.row-0 {border:none; padding:0}
.djc_items .djc_item {text-align:center; box-sizing:border-box; display:table-cell; width:24.6%; border-radius:20px; background:#fff}
.no-table, .no-table .djc_item  {display:block !important; float:left}
.no-table .djc_item {margin:0 20px 0 0}
.djc_items .djc_item .djc_image a {display:block; border-radius:17px; overflow:hidden}
.djc_items .djc_item a.cat {display:inline-block}
.djc_items .djc_item .djc_item_bg, .djc_item_bg_m {padding:10px}
.djc_items .djc_item img {-webkit-transition:-webkit-transform .5s ease-in-out;  transition:transform .5s ease-in-out; width:100%}
.djc_items .djc_item:hover img {-webkit-transform: rotate(10deg) scale(1.5); transform: rotate(10deg) scale(1.5);   }
.djc_items .djc_item .djc_image {margin:0 0 10px; overflow:hidden}
.djc_items .djc_item h3 {margin:0; padding:0}
.djc_items .djc_item h3 a {display:block; font-weight:300; text-decoration:none}
.djc_items .djc_item h3 a:hover {text-decoration:underline}
.djc_items .djc_title img {display:none}
@media only screen and (max-width:990px) {
	.djc_items {border-spacing:10px; margin-left:-10px; width:calc(100% + 20px)}
	.djc_items.mod {margin-top:0}
}
@media only screen and (max-width:700px) {
	.djc_items, .djc_items .djc_item_row, .djc_items .djc_item {display:block; border-spacing:0; margin-left:0; width:100% !important; padding:0; border:0; margin:0; box-sizing:border-box}
	.djc_items .djc_item {margin:0 0 15px}
}
/* > featured */
.featured-products h2 {text-align:center; padding:25px 0; margin:0}
.featured-products .djc_items .djc_item_row {margin:0; padding:0}

/* ... product */
.djc_toolbar {display:none}

/* > nav */
.djc_product_top_nav {width:100%; float:left; clear:both; overflow:hidden; padding:5px 0 15px; position:relative; z-index:1}
.djc_product_top_nav a {color:#666; text-decoration:none; display:inline-block}
.djc_product_top_nav a.djc_prev_btn {float:left}
.djc_product_top_nav a.djc_next_btn {float:right}
.djc_product_top_nav a:hover {text-decoration:underline}

h1.djc_title, h1.djc_title-open {text-align:left}
.djc_images.pull-right {float:left; margin:0 3% 0 0; width:45%; text-align:center}
.djc_thumbnail {width:12%; float:left; text-align:left; box-sizing:border-box; padding:5px 5px 0 0 !important}
.djc_thumbnail img {width:100%; box-sizing:border-box}
.djc_mainimage {display:block; overflow:hidden; border-radius:20px; background:#fff; padding:10px}
.djc_mainimage img {border-radius:15px; max-height:380px}
@media all and (max-width: 670px)  {
	.djc_thumbnail {width:25%}
}
@media only screen and (max-width:890px) {
	h1.djc_title, h1.djc_title-open, .djc_category_info {width:100%; clear:both; overflow:hidden; text-align:center; padding:5px 0}
	.djc_images.pull-right {width:100%; clear:both; margin:0}
	
}
#pbCaption {display:none !important}
.djc_files h3 {display:none}
.djc_files ul {list-style:none; display:block; margin:0; padding:0}
.djc_files .djc_filesize {display:none}
.djc_description {overflow:hidden}
.djc_description .djc_item_info .djc_category_info  {border-bottom:1px solid #ddd; margin:0 0 10px !important; padding:0 0 7px}
.djc_description .djc_item_info .djc_category_info a {text-decoration:none}

/* ... ... attributes */
.djc_attributes {padding:10px; margin:10px 0 0; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box}
.djc_attributes .djc_label {text-align:right; padding:0 5px 0 0; font-weight:700}

/* ... ... files */
li.djc_file a {display:block; padding:10px; clear:both; overflow:hidden; margin:10px 0; border:1px solid #ddd; text-decoration:none}
li.djc_file a:hover {background:#f5f5f5}

li.djc_file a::after {display:inline-block; content:'آ»'}
/* ... ... form */
.djc_contact_form_wrapper {display:block !important}
.djc_description div, .djc_description .djc_contact_form_wrapper {height:auto !important; margin:auto !important}
#djc_contact_form {overflow:hidden; text-align:left; padding:20px; background:#fff; margin:15px 0 0; border-radius:20px}
#djc_contact_form input.input-large, #djc_contact_form textarea {width:100%; box-sizing:border-box; margin:0 0 5px}
#djc_contact_form .control-label {text-align:left; font-size:14px}
.djc_contact_form_toggler, #djc_contact_form_button_close {display:none}
.control-label, .controls  {display:inline}
.djc_category_info small {font-size:16px}
#jform_captcha {padding:0 0 5px}
#jform_captcha div {margin:0 !important}

/* com - form */
#userForm input[type="text"],#userForm input[type="email"],#userForm input[type="tel"], #userForm textarea {width:100%; max-width:100%; box-sizing:border-box}
#userForm select {width:358px}
#userForm .rsform-block {padding:5px 0}
#userForm .rsform-block div {display:inline-block; position:relative}
#userForm .rsform-block .formCaption2 {width:33.33%; box-sizing:border-box; text-align:right; padding:0 10px 0 0}
#userForm .rsform-block .formBody {width:33.33%; text-align:center}
#userForm .rsform-block.rsform-block-hr .formBody, #userForm .rsform-block-hr-copy .formBody {width:100% !important}

#userForm .rsform-block.rsform-block-hr div,#userForm .rsform-block.rsform-block-hr-copy div {display:block}
#userForm .rsform-block.rsform-block.rsform-block-toote-nimetus,
#userForm .rsform-block.rsform-block.rsform-block-kogus {display:inline-block}
#userForm .rsform-block.rsform-block.rsform-block-kogus .formCaption2 {width:inherit; padding-left:10px}
#userForm .rsform-block.rsform-block.rsform-block-toote-nimetus input[type="text"] {width:190px}
#userForm .rsform-block.rsform-block.rsform-block-kogus input[type="text"] {width:55px}
#userForm .rsform-block.rsform-block.rsform-block-kommentaarid .formCaption2 {position:relative; bottom:60px}

.rsform-block-antispam .star {display:none !important}

/* SYSTEM */
label.invalid{background:#fff; color:red}
span.star,strong.red,.formRequired span{color:red; font-size:18px; padding:0 0 0 3px}
span.spacer span.text,.searchintro{display:block; padding:5px; border:1px solid #eee; background:#f5f5f5; margin:5px 0}
a[href="http://www.faboba.com"]{display:none!important}
#userForm ol{margin:0; padding:0; list-style:none}
.formNoError{display:none}
.formFieldset legend{display:none}
.clear,.clr{width:100%; clear:both; overflow:hidden}
.info.message li {display:none}
.info.message li:first-child {display:block}

/* ... ... alerts */
#system-message-container .alert,p.formRed, .alert-notice, .opg-alert {list-style:none; margin:0; padding:10px; color:#fff; background:#659f13; overflow:hidden; clear:both}
.alert-notice, .opg-alert {margin:0 0 15px}
#system-message-container .alert *, .formRed *, .opg-alert * {margin:0 !important; padding:0 !important; color:#fff !important}
#system-message dt, .alert-notice .close, .alert-heading{display:block; padding:5px; font-weight:700; display:none}
.formRed{display:block; padding:5px; margin:0}
.alert-notice p {display:none; margin:0; padding:0}
.alert-notice p:first-child {display:block}
.opg-close, #system-message-container .close {text-decoration:none !important; overflow:hidden}
.opg-alert > .opg-close:first-child, #system-message-container .close {float:right; position:relative; height:22px; width:22px; text-align:right}
.opg-close::after, #system-message-container .close::after {display:block;  content:"\f00d";  font-family:FontAwesome; position:absolute; top:0; right:0}

/* form validate */
input.invalid,select.invalid,textarea.invalid,input.error,select.error,textarea.error {border-color:#f60!important; background:#ffc}
input.error::-webkit-input-placeholder  {color: red}
input.valid,select.valid,textarea.valid {background:#f5f5f5; border:1px solid #fff; color:#666}
.form-validate div.error, .formError {width:16px; height:16px; text-indent:-2999px; overflow:hidden; background:url(../images/ico-form-error.png) no-repeat 50% 50%; display:inline-block; line-height:100%; margin:0 0 0 5px; position:relative; top:3px; cursor:help; display:none !important}

/* Tooltips */
.tooltip {position:absolute; z-index:103000; display:block; visibility:visible; font-size:11px; line-height:1.4; opacity:0.1; filter:alpha(opacity=10); transition:scale(1.8)}
.tooltip.in {opacity:0.8; filter:alpha(opacity=80)}
.tooltip.top {margin-top:-3px; padding:5px 0}
.tooltip.right {margin-left:3px; padding:0 5px}
.tooltip.bottom {margin-top:3px; padding:5px 0}
.tooltip.left {margin-left:-3px; padding:0 5px}
.tooltip-inner {max-width:200px; padding:8px; color:#fff; text-align:left; text-decoration:none; background-color:#000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.tooltip-arrow {position:absolute; width:0; height:0; border-color:transparent; border-style:solid}
.tooltip.top .tooltip-arrow {bottom:1px; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#000}
.tooltip.right .tooltip-arrow {top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#000}
.tooltip.left .tooltip-arrow {top:50%; right:0; margin-top:-5px; border-width:5px 0 5px 5px; border-left-color:#000}
.tooltip.bottom .tooltip-arrow {top:0; left:50%; margin-left:-5px; border-width:0 5px 5px; border-bottom-color:#000}

.tip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px}
.tip *{font-size:12px}
.tip-title{font-weight:700; margin:-15px 0 0; padding:15px 0}
.tip-text{margin:0}

/* slider core */
div.anythingSlider * {-webkit-transition:none; -moz-transition:none; -o-transition:none -ms-transition:none; transition:none}
div.anythingSlider{display:block; float:left; overflow:visible!important; margin:0}
div.anythingSlider .anythingWindow{overflow:hidden; position:relative; width:100%; height:100%}
.anythingBase{background:transparent; list-style:none; position:absolute; overflow:visible!important; top:0; left:0; margin:0; padding:0}
.anythingBase .panel{background:transparent; display:block; overflow:hidden; float:left; margin:0; padding:0}
.anythingBase .panel.vertical{float:none}
div.anythingSlider .arrow{position:absolute; display:block}
div.anythingSlider .arrow a span{display:block; visibility:hidden}
div.anythingSlider .back{left:0}
div.anythingSlider .forward{right:0}
div.anythingSlider.rtl .anythingWindow{direction:ltr; unicode-bidi:bidi-override}
div.anythingSlider,div.anythingSlider .anythingWindow,div.anythingSlider .anythingControls ul a,div.anythingSlider .arrow a,div.anythingSlider .start-stop{transition-duration:0; -o-transition-duration:0; -moz-transition-duration:0; -webkit-transition-duration:0}
div.anythingSlider .back.disabled,div.anythingSlider .forward.disabled{display:none}

/* pagiation */
.pagination {width:100%; clear:both; float:left; text-align:center; padding:40px 0 0; font-size:12px; color:#fff}
.pagination span{display:block; padding:5px 0}
.pagination ul {list-style:none; margin:0; padding:0 0 5px}
.pagination li {list-style:none; display:inline}
.pagination li span, .pagination li a {display:inline-block; padding:5px 10px; margin:0 2px; text-decoration:none; background:#333; color:#fff; font-size:12px}
.pagination li a {background:#e5e5e5; color:#333; text-decoration:none; display:inline-block}
.pagination-start, .pagination-end, .pagination-list .disabled {display:none !important}

/* RESPONSIVE */
h4.cat-toggle {display:none}
@media all and (max-width:990px)  {
/* wrappers reset */
.main-width, .middle-wrapper {width:100% !important; padding:0 !important; border:none !important; clear:both; float:left; min-width:inherit !important}
.main-width {padding:0 20px !important; box-sizing:border-box}

/* top wrapper */
.top-wrapper {width:100%; float:left !important; clear:both !important; height:auto !important; padding:0 !important; width:100% !important; overflow:hidden !important; margin-top:20px}
.top-wrapper .usermenu, .top-wrapper .lang, .top-wrapper .cart, .top-wrapper div.search, 
.top-wrapper div.menu, .top-wrapper div.menu ul, 
.top-wrapper a.logo {width:100% !important; float:left !important; clear:both !important; position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; margin:0 !important; padding:0 !important; z-index:10 !important}

.top-wrapper .logo {float:left; position:relative; background-position:50% 0 !important}

/* top lists */
.top-wrapper .usermenu, .top-wrapper .lang {text-align:center; padding:5px 0 !important}
.top-wrapper .usermenu li, .top-wrapper .usermenu a,
.top-wrapper .lang li, .top-wrapper .lang li a {display:inline-block}

/* top cart */
.top-wrapper .cart {padding:5px 0 !important; border:none !important; text-align:center !important}

/* search */
.top-wrapper .search {text-align:center !important}
.top-wrapper .search form {display:inline-block; margin:auto !important}

/* menu */
.top-wrapper div.menu {width:100%; height:auto; padding:10px 0 !important; margin:0; position:relative; float:left; clear:both; top:auto; text-align:center !important}
.top-wrapper div.menu a {display:inline-block !important}

/* left wrapper */
.left-wrapper {float:left !important; min-height:inherit !important}

/* content wrapper */
.content-wrapper {float:none !important; overflow:hidden !important; width:auto !important; clear:none !important; padding:0 !important; box-sizing:border-box; padding:25px 0 !important}

/* partners-wrapper */
.partners-wrapper h4 {position:relative; top:-10px; left:auto; text-align:center}

/* disaply none */
.addthis-smartlayers, #at4-thankyou, #at4m-mobile-container,  {display:none !important}

/* form */
#userForm .rsform-block .formCaption2 {width:25%}
#userForm .rsform-block .formBody {width:50%}

}
@media all and (max-width:790px)  {

h4.cat-toggle {display:block; color:#fff; padding:10px; box-sizing:border-box; background:#7DA464; text-align:center; font-size:18px; font-weight:300; margin:15px 0 0; cursor:pointer; position:relative; border-radius:5px}
h4.cat-toggle::before {content:"\f0c9"; color:#fff; font-family:FontAwesome; position:absolute; top:7px; left:7px; font-size:29px}
.middle-prmo {display:none; margin-top:15px; border-top-right-radius:20px; border-top-left-radius:20px}
h4.cat-toggle.active::before {content:"\f00d"; left:auto; right:7px}
h4.cat-toggle.active {background:#999}
.middle-prmo.active {display:block}

body.index .middle-prmo {display:block; margin-top:0; border-top-right-radius:0; border-top-left-radius:0}
body.index h4.cat-toggle {display:none}
.partners-wrapper .banneritem {padding:0 2px 5px}
.partners-wrapper .banneritem img {max-width:120px}
.footer-wrapper ul li {display:block; padding:2px 0}
.footer-wrapper a.fb {top:20px}
}
@media all and (max-width:670px)  {
/* form */
#userForm input[type="text"],#userForm input[type="email"],#userForm input[type="tel"], #userForm textarea {width:100%}
#userForm .rsform-block .formCaption2, #userForm .rsform-block .formBody {width:100%; text-align:left; bottom:0 !important}
#userForm .rsform-block .formDescription {display:inline}

h1, .content-wrapper form legend, .featured-products h2 {font-size:40px; padding:20px 0}
.anythingSlider-default, div.anythingSlider, .anythingWindow {height:280px !important}
.a_slider .product {padding:0; height:250px !important}
.anythingSlider .product h2 {text-align:left}
.anythingSlider .product .desc {display:none !important}
.browse-view .product, .browse-view .row .category, .category-view .row .category {width:48% !important}
.clear, .clr {clear:none !important; display:inline !important; width:auto !important}
/* menu */
.top-wrapper div.menu {margin-top:20px !important}
.top-wrapper div.menu li a {font-size:16px; font-weight:300; color:#004F24}
}
@media all and (max-width:530px)  {
h1, .content-wrapper form legend, .featured-products h2 {font-size:30px}
.main-width {padding:0 10px !important}
.top-wrapper {margin-top:10px !important}
.browse-view .product, .browse-view .row .category, .category-view .row .category {width:100% !important; clear:both !important; text-align:center !important; margin:10px auto 0 !important}
.browse-view .product *, .browse-view .row .category *, .category-view .row .category * {float:none !important}
.browse-view .product .readmore a {display:inline-block !important}
.left-wrapper {float:left !important; clear:both; width:100% !important; padding:0 !important; overflow:hidden !important}
.left-wrapper h3 {padding:5px 0; text-align:center; background:#eee}
.left-wrapper .categories a {text-align:center}
.content-wrapper {float:left !important; width:100% !important; clear:both !important; padding:15px 0 0 !important}
.middle-wrapper .location, .browse-view .categories  {display:none}
.top-wrapper div.menu li a {padding:5px !important}
}

.js-stools.clearfix {box-sizing:border-box; padding:10px; border:1px solid #ddd; margin:15px 0}
button.js-stools-btn-filter {display:none}
.icon-search::before {content:"\f002"; display:inline-block; font-family:FontAwesome; font-style:normal}
.btn-wrapper {display:inline-block}
.js-stools-container-filters {display:block !important}
.js-stools-container-filters .js-stools-field-filter {display:inline-block}


.popover {position:absolute;
	top:0;
	left:0;
	z-index:1060;
	display:none;
	max-width:276px;
	padding:1px;
	text-align:left;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	white-space:normal}
.popover.top {margin-top:-10px}
.popover.right {margin-left:10px}
.popover.bottom {margin-top:10px}
.popover.left {margin-left:-10px}
.popover-title {margin:0;
	padding:8px 14px;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	background-color:#f7f7f7;
	border-bottom:1px solid #ebebeb;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0}
.popover-title:empty {display:none}
.popover-content {padding:9px 14px}
.popover .arrow,
.popover .arrow:after {position:absolute;
	display:block;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid}
.popover .arrow {border-width:11px}
.popover .arrow:after {border-width:10px;
	content:""}
.popover.top .arrow {left:50%;
	margin-left:-11px;
	border-bottom-width:0;
	border-top-color:#999;
	border-top-color:rgba(0,0,0,0.25);
	bottom:-11px}
.popover.top .arrow:after {bottom:1px;
	margin-left:-10px;
	border-bottom-width:0;
	border-top-color:#fff}
.popover.right .arrow {top:50%;
	left:-11px;
	margin-top:-11px;
	border-left-width:0;
	border-right-color:#999;
	border-right-color:rgba(0,0,0,0.25)}
.popover.right .arrow:after {left:1px;
	bottom:-10px;
	border-left-width:0;
	border-right-color:#fff}
.popover.bottom .arrow {left:50%;
	margin-left:-11px;
	border-top-width:0;
	border-bottom-color:#999;
	border-bottom-color:rgba(0,0,0,0.25);
	top:-11px}
.popover.bottom .arrow:after {top:1px;
	margin-left:-10px;
	border-top-width:0;
	border-bottom-color:#fff}
.popover.left .arrow {top:50%;
	right:-11px;
	margin-top:-11px;
	border-right-width:0;
	border-left-color:#999;
	border-left-color:rgba(0,0,0,0.25)}
.popover.left .arrow:after {right:1px;
	border-right-width:0;
	border-left-color:#fff;
	bottom:-10px}


/* product edit */
.btn-toolbar {padding:10px 0; width:100%; clear:both; overflow:hidden}
.btn-toolbar div.btn-group {display:inline-block;}
.btn-toolbar div.btn-group button:hover {background:#f2f2f2}
.formelm-buttons {text-align:right; box-sizing:border-box; width:100%; padding:5px; background:#fff; border-radius:10px; margin:0 0 10px}
.formelm-buttons button {padding:10px}
.formelm-buttons button:hover {background:#f2f2f2}

#djc_my_items_table {background:#fff; border-collapse:separate; border-spacing:1px}
#djc_my_items_table tr:hover td {background:#eee}
#djc_my_items_table tr td:last-child, #djc_my_items_table tr td.djc_category {text-align:center}
.djc_mylist .djc_filters {width:100%; clear:both; overflow:hidden}
.djc_mylist .djc_filters ul, .djc_order ul {display:block; list-style:none; margin:0; padding:0}
.djc_mylist .djc_filters ul li, .djc_order ul li {list-style:none; margin:0; padding:0 5px 0 0; display:inline-block}
.djc_mylist .djc_filters input, .djc_mylist .djc_filters button {padding:10px}

.djc_mylist tr td {padding:2px 0; box-sizing:border-box}
.djc_mylist tr td.djc_image {height:50px}
.djc_mylist .djc_items .djc_image_in {display:inline-block; width:50px; height:50px; text-align:center; overflow:hidden}
.djc_mylist .djc_items .djc_image_in img {max-width:inherit; max-height:80px}
.djc_mylist .djc_items a {text-decoration:none}
.djc_mylist .djc_items a:hover {text-decoration:underline}
.djc_uploader_item img {max-height:120px}
.plupload_droptext {padding:20px 0}

.tab-pane .control-group {padding:0; clear:both; float:left; width:100%}
.tab-pane .controls .chzn-container {min-width:200px}
.tab-pane .control-label {display:block; text-align:left}

h1 {position:relative}
h1 .btn-primary.djc_edit_button, h1 .icons ul li a {position:absolute; font-size:16px; top:50%; right:0}
h1 .icons ul {margin:0; padding:0; list-style:none; display:inline-block}
h1 .icons .btn-group button, h1 .icons .btn-group span {display:none}
.djc_itemform {width:100%; clear:both; box-sizing:border-box; padding:10px; border:1px solid #ddd; background:#fff; float:left}
.djc_itemform  .formelm-buttons {padding:5px 0; float:left; clear:both; overflow:hidden}
#catalog-sliders {width:100%; clear:both; overflow:hidden; float:left; padding:5px 0 15px; border-bottom:1px solid #ddd; margin-bottom:15px}
.tabs.product-location, .tabs.product-files, #itemAttributes {display:none !important}
#jform_intro_desc {height:200px !important}
.djc_itemform dl.tabs {width:100%; box-sizing:border-box; padding:5px}
.control-group.formelm {padding:5px 0}
.controls .btn-group {width:100%; float:left; clear:both; overflow:hidden; padding:5px 0}

.nav-tabs {border-bottom:1px solid #ddd; list-style:none; margin:0 0 15px; padding:7px !important; display:block}
.nav-tabs:before, .nav-tabs:after {display:table; content:""; line-height:0}
.nav-tabs:after {clear:both}
.djc_itemform .tabs, .nav-tabs li {float:left; margin-bottom:-1px}
.djc_itemform .tabs a, .nav-tabs li a {padding-right:12px; padding-left:12px; margin-right:2px; line-height:14px; text-decoration:none}
.djc_itemform .tabs a, .djc_itemform .tabs a, .nav-tabs li a {padding-top:8px; padding-bottom:8px; line-height:18px; border:1px solid transparent; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0}
.djc_itemform .tabs a:hover, .djc_itemform .tabs a:focus {border-color:#eee #eee #ddd}
.nav-tabs .active a, .nav-tabs .active a:hover, .nav-tabs .active a:focus {color:#555; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent; cursor:default}

.tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs {border-bottom:0}
.tab-content .tab-pane, .pill-content .pill-pane {display:none}
.tab-content .active, .pill-content .active {display:block}
.tabs-below .nav-tabs {border-top:1px solid #ddd}
.tabs-below .djc_itemform .tabs {margin-top:-1px; margin-bottom:0}
.tabs-below .djc_itemform .tabs a {-webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px}
.tabs-below .djc_itemform .tabs a:hover, .tabs-below .djc_itemform .tabs a:focus {border-bottom-color:transparent; border-top-color:#ddd}
.tabs-below .nav-tabs .active a, .tabs-below .nav-tabs .active a:hover, .tabs-below .nav-tabs .active a:focus {border-color:transparent #ddd #ddd #ddd}
.tabs-left .djc_itemform .tabs, .tabs-right .djc_itemform .tabs {float:none}
.tabs-left .djc_itemform .tabs a, .tabs-right .djc_itemform .tabs a {min-width:74px; margin-right:0; margin-bottom:3px}
.tabs-left .nav-tabs {float:left; margin-right:19px; border-right:1px solid #ddd}
.tabs-left .djc_itemform .tabs a {margin-right:-1px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px}
.tabs-left .djc_itemform .tabs a:hover, .tabs-left .djc_itemform .tabs a:focus {border-color:#eee #ddd #eee #eee}
.tabs-left .nav-tabs .active a, .tabs-left .nav-tabs .active a:hover, .tabs-left .nav-tabs .active a:focus {border-color:#ddd transparent #ddd #ddd;  *border-right-color:#fff}
.tabs-right .nav-tabs {float:right; margin-left:19px; border-left:1px solid #ddd}
.tabs-right .djc_itemform .tabs a {margin-left:-1px; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0}
.tabs-right .djc_itemform .tabs a:hover, .tabs-right .djc_itemform .tabs a:focus {border-color:#eee #eee #eee #ddd}
.tabs-right .nav-tabs .active a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus {border-color:#ddd #ddd #ddd transparent;  *border-left-color:#fff}

div[style="background-color: white; font-weight: 500; font-family: Roboto, sans-serif; padding: 15px 25px; top: 5px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; left: 50%; max-width: 325px; position: absolute; transform: translateX(-50%); width: calc(100% - 60px); z-index: 1;"] {
	display:none !important}
	
	
	
/* fonts */

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}
.fa-facebook-f:before, .fa-facebook:before {content: "\f09a"; font-family:FontAwesome}

/* fa-before icons */
.fa-after::before {content:"" !important}
.fa-after::after {position:absolute; top:9px; left:9px; z-index:10; font-size:16px; opacity:0.7}
.fa-after input {padding-left:26px !important; box-sizing:border-box}
.fa-user.fa-after::after{content:"\f007"}
.fa-unlock-alt.fa-after::after{content:"\f13e"}

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; display: block; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
       * Remove all paddings around the image on small screen
       */
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
 @media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }