/** FONTS IMPORT **/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');


/** MAIN CSS **/

body {font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Montserrat', sans-serif;}
.smallpayiconspayment {color: #000; position: relative; margin: 10px auto; clear: both; width: max-content;}
.smallpayiconspayment i {float: left; position: relative; margin-right: 10px!important; font-size: 1em!important;}
.cptextbottom {width: max-content; position: relative; margin: 10px auto; clear: both;}

/** PROFILE **/

img.moqtprofil {width: 25px;}

/** NEWSLETTER CSS **/

.acym_module_form {width: 100%; position: relative;}
.acym_form {width: 70%; float: left; position: relative;}
p.acysubbuttons {width: 30%; float: left; position: relative;}
.acym_form input.cell {height: 34px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #313131; color: #000; font-weight: 400; outline: none!important; padding: 0;}
p.acysubbuttons input {height: 34px; font-size: 12px; border: 1px solid #000; color: #fff; text-align: center; padding: 5px 5px!important; width: 100%; float: left; border-radius: 0px; margin: 10px 0 0 0; outline: none!important;}
p.acysubbuttons:hover input {background-color: #565656;}
.fieldacyterms {font-size: 13px; float: left; width: 130%!important;}
.fieldacyterms input.checkbox {float: left; margin: 0 10px 0 0; width: 15px!important; height: 15px!important; outline: none!important; border-radius: 0px; background: #555; color: #555;}
.fieldacyterms {font-size: 11px;}

/** PRODUCT PAGE **/

.cf4all_wrapper, .dep_cf4all_wrapper, .cf4all_customvalues_wrapper, .product-field-wrapper {--margin-between-buttons: 0.2em; width: max-content; margin: 0 auto;}
.cf4all_no_color_btn {font-size: 16px; text-align: center; color: #000; padding: 10px 5px!important; float: left; min-width: 40px;}
.cf4all_no_color_btn:hover {box-shadow: 0 0 0!important;}
span.product-fields-title {color: #000; font-size: 13px; font-weight: bold; text-transform: uppercase;}

/** FOOTER & COPYRIGTH CSS **/

.copyright {width: 15px;}
.fab {margin: 0 20px; transition: 0.3s;}
.fab:hover {color: #565656;}


.ytp-title-expanded-heading, .ytp-title, .ytp-title-link .yt-uix-sessionlink {display: none!important;}

.videoWrapper, .iframe-container {position: relative; padding-bottom: 42.50%; padding-top: 25px; height: 0; z-index: -9999;}
.videoWrapper iframe, .iframe-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.appimg {position: relative; float: left; margin: 15px 0;}
.appimg img {width:33.333%; float: left; padding: 0 5px 0 0;}

.vm-product-item .productfix, .vm-product-item .product-fields-title {display: none;}

/*** FIX SIZE ON CATEGORY PAGE

.vm-product-item:hover .productfix {display: block;}
.vm-product-item .cf4all_no_color_btn {width: 25px!important; height: 25px; font-size: 14px; text-align: center; line-height: 25px; color: #000; padding: 0px!important; float: left;}

END FIX SIZE CATEGORY PAGE ***/

.collapse-button .bd-menuitem-45:not(.bd-mega-item) > a:before,
.collapse-button .bd-menuitem-45:not(.bd-mega-item) > a:link:before,
.collapse-button .bd-menuitem-45:not(.bd-mega-item) > a:visited:before {
  content: '\002630';
  font-size: 2.3em;
}
.bd-hmenu-2 .bd-menu-close-icon a:before {
  content: '\00d7';
  font-size: 3em;
  margin: -25px -10px 0 0;
}

.preordertext {color: #000; font-weight: 400;}
.preordertext span {color: #cc0000; font-weight: bold; text-transform: uppercase;}

.bd-menu-7.nav-pills .bd-menuitem-26:not(.bd-mega-item) > a:before, .bd-menu-7.nav-pills .bd-menuitem-26:not(.bd-mega-item) > a:link:before, .bd-menu-7.nav-pills .bd-menuitem-26:not(.bd-mega-item) > a:visited:before {margin-right: 0px!important;}

li.bd-menuitem-26 span {position: absolute;}


img.flag {width: 20px; margin: 0 10px 0 0;}

/*** CART PAGE ***/

.bd-menu-7.nav-pills .bd-menuitem-26:not(.bd-mega-item) > a:before, .bd-menu-7.nav-pills .bd-menuitem-26:not(.bd-mega-item) > a:link:before, .bd-menu-7.nav-pills .bd-menuitem-26:not(.bd-mega-item) > a:visited:before {width: 25px; height: auto;}

#ProOPC .proopc-table-striped {border: 0px!important;}

.well {max-width: 600px!important; padding: 30px!important; border: 1px solid #ddd; border-radius: 0px!important; margin: 50px auto; background: #fff; box-shadow: 0px 0px 0px #fff!important; position: relative; height: auto; min-height: 350px;}
.form-horizontal .control-label {float: left!important;}
button.btn-primary {width: 100%!important; text-align: center; border-radius: 0px!important; background: #000!important; transition: 0.3s; color: #fff; text-transform: uppercase; border: 0px!important; float: left; margin: 10px 0!important;}
.vp-wrapper .vp-btn-primary {margin: 10px 0;}
.vp-wrapper label {width: 100%; float: left;}

#jform_captcha {float: left; clear: both;}

button.btn-primary:hover {background: #202020!important;}

.control-group {float: left; clear: both; width: 100%!important;}

h1.cart-page-title {display: none!important;}
button.proopc-task-updateqty, button.proopc-task-deleteproduct {background-color: #fff!important; box-shadow: 0px 0px 0px #fff!important; text-shadow: 0px 0px 0px #fff!important; outline:none!important; max-width: 50px!important; padding: 10px 10px!important; width: 50px!important;}
button.proopc-task-updateqty:hover, button.proopc-task-deleteproduct:hover {background-color: #ccc!important;}

/*** END CART PAGE ***/


span.hasTooltip {display: none!important;}

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]), .bd-bulletlist {padding-left: 0px!important;}

.cf4all_button {height: auto; border-radius: 0px!important;}
.cf4all_buttons input[type="radio"]:checked+label, .cf4all_buttons input[type="checkbox"]:checked+label, .cf4all_color_buttons input[type="radio"]:checked+label, .cf4all_color_buttons input[type="checkbox"]:checked+label {border: 1px solid #000!important; box-shadow: 0px 0px 0px rgba(10, 10, 10, 0)!important; color: #fff!important; background-color: #000!important;}

.productatr1 {float: left; padding: 0 10px 0 0; border-right: 1px solid #dddddd;}
.productatr2 {float: left; color: #2ECC40; margin: 0 0 0 10px;}

ul {display: block; list-style-type: none!important; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; margin: 0!important; padding: 0!important; padding-inline-start: 0px!important;}

.proopc-btn {background: #000!important; width: auto; color: #fff; text-transform: uppercase; text-shadow: 0px 0px 0px #fff!important; border: 0px!important; padding: 10px 40px!important; border-radius: 0px!important; transition: 0.3s;}
.proopc-btn:hover {color: #fff!important; text-shadow: 0px 0px 0px #fff!important; background: #262626!important;}

.discountAmountInside {background: #000;}
.alert-warning {display: none!important;}

.vp-tab-contents, .vp-empty-box, .vp-inner-wrapper {max-width: 600px;}
.vp-wrapper .vp-btn-primary {width: 100%!important; text-align: center!important; text-transform: uppercase!important; background-color: #000!important;}

.vm-wrap .vm-order-done h3 {font-size: 24px!important; color: #000!important; margin: 30px 0;}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {border: 0px!important; background: #000!important; font-weight: 300px!important; font-size: 18!important; text-align: center; margin: 30px 0;}

#cloud-zoom-big, .cloud-zoom-gallery {background-color:#fff!important;}


ul li, ul li a {transition: 0.3s;}

td.acyterms {background-color: #000!important;}
td.acyterms input.checkbox {float: left; margin: 0 10px 0 0!important;}
td.acysubbuttons, td.acyfield_2 {background-color: #000!important;}
td.acyfield_2 input {border: 1px solid #666!important; color: #fff!important; font-size: 14px!important; outline: none!important; background: #000!important; margin: 0!important; border-radius: 0px!important;}
.acym_module_form input {max-width: 100%!important;}

td.acysubbuttons input {border: 0px solid #666!important; color: #fff!important; font-size: 14px!important; outline: none!important; background-color: #232323!important; margin: 0!important; border-radius: 0px!important; transition: 0.3s; text-transform: uppercase;}
td.acysubbuttons input:hover {background-color: #666!important;}

ul._footer li {display: block; list-style-type: none!important; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; margin: 0; padding: 0; transition: 0.3s;}

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]), .bd-bulletlist {padding-left: 0!important;}

ul._left li {display: block; list-style-type: none!important; margin-block-start: 0em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; margin: 0; padding: 15px; border-bottom: 1px solid #f5f5f5; transition: 0.3s; background-color: #fff;}

.kontakti {position: relative; float: left; width: 100%; margin: 0 0 50px 0;}
.leftside {position: relative; float: left; width: 30%; background-color: #000; color: #fff; padding: 30px;}
.rightside {position: relative; float: right; width: 70%; border: 1px solid #000; padding: 30px;}
.kontakti input, .kontakti textarea, .kontakti select {width: 100%!important;}
input[type="radio"], input[type="checkbox"] {width: 20px!important;}

.telmobile .socicon-viber {color: #fff!important; font-size: 30px;}

@media only screen and (max-width: 768px) {
.videoWrapper, .iframe-container {position: relative; padding-bottom: 37.25%!important; padding-top: 25px; height: 0; z-index: -9999;}
.footeradditional .socicon-viber {display: none!important;}  .telnumber {float: none!important; margin: 0!important;}
.leftside, .rightside {width: 100%; padding: 15px;}
.carousel-inner .col-sm-6 {width: 100%;}
.leftside {text-align: center;}
.MagicToolboxContainer {padding-right: 0px!important;}
.acym_module_form input, .bd-tagstyles:not(.bd-custom-inputs) input[type="email"] {max-width: 100%!important; width: 100%!important;}
td.acyterms input.checkbox {width: 20px!important;}
}

@media (max-width: 480px){
.row div[class*="width"]{width: 100%!important; float: left; margin-bottom: 0px!important;}
.acym_module_form input, .bd-tagstyles:not(.bd-custom-inputs) input[type="email"] {max-width: 100%!important; width: 100%!important;}
td.acyterms input.checkbox {width: 20px!important;}
}

.dostavkatextfield {width: 100%; position: relative; clear: both; padding: 15px 0; float: left;}