/* you can add your own custom css here if you don't want to worry about SASS/SCSS */
#brand, .navbar-nav > li > a, h4, h3, h2, h1 {font-family: 'Roboto Slab', sans-serif;}
.item-101, .category-view .vm-customfields-wrap, .vm-img-desc {position:absolute; left:-9999px; display:none;}
a, .nav-link{color:black;}
#wrap {min-height: 100vh;height: auto !important;height: 100%;margin: 0 auto -60px;padding: 0 0 60px;}
#navigation{position:absolute; top:0; z-index:999;}
.home #navigation{ background: linear-gradient(180deg, rgba(2,0,36,.4) 0%, rgba(0,212,255,0) 100%);}
.home #mainmenu .nav-link { color:white;}
.home .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='15' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
/*logo*/
#brand a, #brand a:hover, #brand a:focus{ text-decoration:none;}
#brand {position: absolute;width: 100%;left: 0;top: 0;text-align: center;margin: auto;height: 80px;z-index:-1;}
.home #brand {top: 80px;height: 160px;}
.home #brand .logo-square {width: 80px;height: 80px;border: 4px solid #fff;}
@media (min-width: 768px) {.home #brand .logo-square { width: 160px;height: 160px;} }
#brand .logo-square {width: 80px;height: 80px;border: 2px solid #000;margin: 0 auto;position: relative;z-index: 1;}
.home #brand .logo-type {width: 64px;margin-left: 9px;margin-top: 9px;font-size: 16px;line-height: 18px;font-weight: 700; color:white;}
@media (min-width: 768px) {.home #brand .logo-type {width: 124px;font-size: 40px;color: #fff;line-height: 34px;margin: 0;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-left: 14px;margin-top: 14px;margin-bottom: 25px;}}
#brand .logo-type {font-size: 16px;color: #000;line-height: 18px;font-weight: 700;margin: 4px;display: block;overflow: hidden;width: 64px;margin-left: 9px;margin-top: 9px;text-decoration:none;}
.home #brand .logo-tochki{left:14px; bottom:14px;}
#brand .logo-tochki{ display:block; overflow:hidden;}
.home #brand .logo-tochki .tochka {background-color:#fff; height:13px; width:13px; line-height:12px; margin-right:9px; border-radius:6px;}
@media (min-width: 768px) {.home #brand .logo-tochki .tochka {background-color:#fff; height:26px; width:26px; line-height:26px; margin-right:22px; border-radius:13px;}}
#brand .logo-tochki .tochka { display:inline-block; background-color:#000; height:13px; width:13px; line-height:12px; margin-right:9px; border-radius:6px;}
.tochka.last { margin-right:0 !important;}
.home1 .carousel-item {height:70vh;}
@media (min-width: 768px) { .home1 .carousel-item {height: auto;} }
.home1 .carousel-item img {object-fit: cover;object-position: center;min-height: 100% !important;overflow: hidden;}
.productdetails-view .icons {float:none; }
.category-view .addtocart-bar {padding-top:1rem;}
.cart-summary h3, .cart-summary h4 {font-size:1.1rem; text-transform: lowercase;}
.product-price {text-align: center !important;float: none !important; margin-bottom:3rem;}
.PricesalesPrice {font-size:1.4rem; margin-bottom:.7rem;}
span.PricesalesPrice{font-weight:bold; text-decoration: underline;}
a.ask-a-question{display: block; width:100%; text-align: center; padding:.8rem !important; background: rgba(13, 202, 240, .2) !important; border:1px solid #fff !important; color:black !important; margin-bottom:1rem !important;}
.product-fields-title-wrapper, .product-field-display {display: inline-block;}
.site .additional-images{margin-left:1rem;}
.additional-images img {width:200px !important;}
.site span.cart-images img {width:150px; margin-right:.5rem;}
@media (min-width: 576px) {.site span.cart-images img {width:300px !important; margin-right:1.5rem;}}
.checkout-button-top{ padding-bottom:3rem !important;}
.vm-cart-item-name a {font-size:1.4rem; font-weight:bold; line-height: 2em;}
#bottom .navbar-nav {flex-direction:row;}
#bottom .nav-item {padding:1.5rem;;}
footer{height: 60px;}