/****************************/
/* CUSTOM STYLE CSS         */
/****************************/
/* 
Put your custom css and css overrides in this file.  By restricting 
your css changes to custom-style.css, your changes will not be overwritten 
when upgrading to a new version of this theme.

Steps to customize your 0 Point theme:                       
1. Add your custom css to this file                
2. Uncomment different examples and modify data as you wish 
3. Clear cached data at admin/settings/performance 
4. Save this file with a different name to avoid loosing it after a theme update.
*/
/****************************/

/* Erase or comment the lines below to get rid of the image in the right sidebar 
 * and the brand image or choose another image and change the path instead. */

#header,
#top_right {
  position: relative;
}

#primary_right {
  float: right;
  padding-right: 1.5em !important;
}

#wrapper {
  background: transparent url(../images/all/_sidebarimg.png) 99% 99% no-repeat;
}

#brand {
  background: url(../images/all/_brand.png) 50% 30% no-repeat;
  position: relative;
  margin: 5px auto 0;
  width: 250px;
  height: 50px;
}

#top-elements #banner {
  height: 100px;
  position: absolute;
  right: 20px;
  top: 23px;
  width: 23%;
}

#phonereg {
  height: 125px;
  left: 308px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  width: 46%;
}
#phonereg .block,
#phonereg .block .content {
  padding: 0;
  margin:0;
}

/* HEADER IMAGE ROTATOR */
.himg #headimg {
  background: #fff url(headerimg/rotate.php) no-repeat 100% 100%; /* rotates images in the headerimg folder */
  border-bottom: 1px solid #eee;
}


/* Uncomment the first declaration below to hide the titles on the front page 
 * Addapt the second declaration to hide a certain title. 
 * Third one is for no "Read more" on the first page. */ 
/*
.front h2 a {
  display: none;
}
.front #node-XXX h2 a {
  display: none;
}
.front .node_read_more {
  display: none;
}
*/

/*******************************/
/* CUSTOM FIXED or FLUID WIDTH */
/*******************************/ 
/* First choose "Custom Layout width" in 0 Point settings page.
 * Uncomment the lines below and modify the value as you wish. 
 * E.g. 1000px for fixed width or 85% for fluid width */
/*
body.layout-fluid .sizer {
  width: 90%;
}
body.layout-fixed .sizer {
  width: 980px;
}
*/


/*******************************/
/* CUSTOM Equal width sidebars */
/*******************************/ 
/* First choose "Equal width sidebars" in 0 Point settings page.
 * Uncomment the lines below and modify the values keeping pair values. */
/*
body.l-m-r-eq .colleft, body.m-r-eq .colleft, body.l-m-eq .colleft {
  width: 199px;
  margin-left: -199px;
}
body.l-m-r-eq .colright, body.m-r-eq .colright, body.l-m-eq .colright {
  width: 199px;
  margin-right: -199px;
}
body.l-m-r-eq .outer, body.l-m-eq .outer, body.l-m-eq .outer {
  margin-left: 199px;
}
body.l-m-r-eq .outer, body.m-r-eq .outer, body.m-r-eq .outer {
  margin-right: 199px;
}
body.l-m-eq .colleft {
  width: 199px;
  margin-left: -199px;
}
body.m-r-eq .colright {
  width: 199px;
  margin-right: -199px;
}
*/


/******************************/
/* SPECIAL STATIC-MENU COLORS */
/******************************/

/* Uncomment this to have different colors (and chooose them) for first and last menu items. */
/*
#navlist li.first a {
  background: #D0932C;
}
#navlist li.last a {
  background: #BF5D8C;
}
*/


/* Change the values below accordingly: XXX=menu numer; YYY=background color. */
/*
#navlist li.menu-XXX a {
  background: #YYY;
}
*/

/*******************************/
/* Node display regions */
/*******************************/ 
.nd-two-sidebars .nd-region-middle {
  margin-left: 30%;
}
.nd-region-left {
  width: 30%;
}

/*******************************/
/* UPDATE ICONS FOR NEW BLOCKS */
/*******************************/
/* where XXX is the block number */

/*
#block-block-XXX .block-icon {
background: transparent url(../images/contact_48.png) no-repeat;
}
*/


.sitemap-box h2 {
  display: none;
}
.views-exposed-widget #edit-submit {
  border: 1px solid #555;
  margin-top: 15px !important;
}
.pane-content h2.title a {
  font-size: 140%;
}

/*******************************/
/* PRODUCT STYLES */
/*******************************/
.nostock img {
  opacity:0.3; 
  -moz-opacity:0.3;
  filter:alpha(opacity=40);
}


/*******************************/
/* PRODUCT CATALOG */
/*******************************/
#catalog-filters { 
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  display: grid;
}

#catalog-filters .catalog-filter.first {
  padding: 5px;
}

#catalog-filters .catalog-filter {
  text-align: left;
  padding: 0 3px 10px 3px;
  overflow: hidden;
}
#catalog-filters .catalog-filter select  {
  height: 20px;
  font-size: 12px;
  width: 99%;
  display: block;
}

#catalog-filters #filter-sort-wrapper:before {
  content: 'Порядок сортировки';
}

#catalog-filters .last {
  padding-right: inherit;
}

#catalog-filters .filter-mode div {
  text-align: center;
}
#catalog-filters .filter-mode a {
  padding-right: 1rem;
}
#catalog-filters .filter-mode a.active {
  font-weight: bold;
}

.category-list-products .sec-field-title {
  display: none;
}

.grid-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}

.grid-products .buildmode-list {
  text-align: center;
  border-right: 1px dashed #ddd !important;
  border-bottom: 1px dashed #ddd !important;
  background-color: #eee !important;
  border-bottom: 1px solid #ccc;
  padding: 0.3em;
}
.grid-products .nd-region-middle {
  display: none;
}

.grid-products .nd-region-left,
.grid-products .nd-region-right {
  width: 100%;
  float: none;
}
.grid-products .buildmode-list .add-to-cart fieldset {
  display: none;
}

.grid-products .nd-region-header {
  display: none;
}
.grid-products .sec-field-title {
  display: block;
}

.grid-products .sec-field-title h1 {
  font-size: 125%;
}

.grid-products .nd-region-right .ajax-cart-submit-form .ajax-cart-submit-form-button {
  font-size: 12px;
  padding: 0px 11px;
}

/*******************************/
/* Checkout            */
/*******************************/

.page-cart-checkout .colmain {
  font-size: 15px;
}


/*******************************/
/* CSS3 button            */
/*******************************/

#edit-checkout,
.ajax-cart-submit-form .ajax-cart-submit-form-button, 
#uc-cart-checkout-review-form #edit-submit-2, 
.hl_button_1,
#edit-panes-quotes-quote-button,
#uc-cart-checkout-form .next-button .form-submit {
  
  -moz-box-shadow:inset 0px 0px 0px 0px #ffe0b5;
  -webkit-box-shadow:inset 0px 0px 0px 0px #ffe0b5;
  box-shadow:inset 0px 0px 0px 0px #ffe0b5;
  
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306));
  background:-moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
  background:-webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
  background:-o-linear-gradient(top, #fbb450 5%, #f89306 100%);
  background:-ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
  background:linear-gradient(to bottom, #fbb450 5%, #f89306 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89306',GradientType=0);
  
  background-color:#fbb450;
  
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  
  border:1px solid #c97e1c;
  
  display:inline-block;
  color:#ffffff;
  font-family:Trebuchet MS;
  font-size:14px;
  font-weight:bold;
  padding:5px 15px;
  text-decoration:none;
  
  text-shadow:0px 1px 0px #8f7f24;
  cursor: pointer;
}

#edit-checkout:hover,
.ajax-cart-submit-form .ajax-cart-submit-form-button:hover,
#uc-cart-checkout-review-form #edit-submit-2:hover, 
.hl_button_1:hover,
#edit-panes-quotes-quote-button {
  
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop(1, #fbb450));
  background:-moz-linear-gradient(top, #f89306 5%, #fbb450 100%);
  background:-webkit-linear-gradient(top, #f89306 5%, #fbb450 100%);
  background:-o-linear-gradient(top, #f89306 5%, #fbb450 100%);
  background:-ms-linear-gradient(top, #f89306 5%, #fbb450 100%);
  background:linear-gradient(to bottom, #f89306 5%, #fbb450 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306', endColorstr='#fbb450',GradientType=0);
  
  background-color:#f89306;
}
#edit-checkout:active,
.ajax-cart-submit-form .ajax-cart-submit-form-button:active,
#uc-cart-checkout-review-form #edit-submit-2:active, 
.hl_button_1:active,
#edit-panes-quotes-quote-button:active {
  position:relative;
  top:1px;
}

.next-descr {
  font-size: 11px;
}

/*******************************/
/* ADD TO CART FORM            */
/*******************************/

.nd-region-right .ajax-cart-submit-form .ajax-cart-submit-form-button {
  font-size:17px;
  padding:6px 11px;
}

.nd-region-right .ajax-cart-submit-form .ajax-cart-submit-form-button.quick-purchase {
  font-size: 15px;
  padding: 4px 8px;
}

.add-to-cart .make_an_offer_btn {
  width: auto;
}
.ajax-cart-submit-form .stock-notify {
  width: 90%;
  white-space: normal;
}
 
/*******************************/
/* PRODUCT NODE AND RELATED    */
/*******************************/

.node-type-product ul.primary {
  padding: 0;
  margin: 0;
}

.node-type-product ul.primary li a {
  margin-right: 0;
  padding: 0 5px;
}

.node-type-product .product-image {
  float: none;
  margin-left: 0;
  padding-left: 0;
  text-align: center;
}

.node-type-product .stockout .make_an_offer_btn {
  display: none;
}

.node-type-product_kit.full-node .field-list-price-2,
.node-type-product_kit.full-node .field-sell-price,
.node-type-product.full-node .field-list-price-2,
.node-type-product.full-node .field-sell-price {
  font-size: 16px;
  padding-bottom: 5px;
  font-weight: bold;
}
.node-type-product.full-node .field-list-price-2 div,
.node-type-product.full-node .field-sell-price div,
.node-type-product_kit .field-list-price-2 div,
.node-type-product_kit .field-sell-price div {
  font-weight: normal;
}
.field-field-discounted-price > .field-label-inline-first {
  display: none;
}
.field-field-discounted-price .field-discounted-price {
  font-size: 16px;
  padding-bottom: 5px;
  font-weight: bold
}

/*******************************/
/* Upsells   */
/*******************************/

.view-upsell-product-pairs td,
div.upsell-block-product {
  width: 170px;
}

.view-upsell-product-pairs td a.imagecache-uc_thumbnail {
  height: 55px;
  display: block;
}
div.upsell-block-product a.buy-related-item {
  height: 155px;
  display: block;
}
div.upsell-block-product .upsell-block-product-title a.buy-related-item {
  height: auto;
}

.view-upsell-product-pairs .views-field-title,
.upsell-block-product .upsell-block-product-title {                 
  height: 35px;
  overflow: hidden;
}

/*******************************/
/* mega drop down menu */
/*******************************/
ul.megadropdown-topnav {
  margin: 0 18px 0 0 !important; 
  padding: 0;
  float: right;
}
.menudropdown-topnav-li {
  margin-left: 4px !important;
}
ul.menudropdown-subnav li {
  float: left;
  margin: 0; 
  padding: 0;
  position: relative;
  width: auto;
}
ul.menudropdown-menu-link li a {
  float: left; 
  color: #fff;
}
.megadropdown-dropdown{
  display: none;
  position: absolute; 
  right: 0;
  background-color: #544E4F;
  padding: 10px 20px;
  float: left;
  /*--Bottom right rounded corner--*/
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  /*--Bottom left rounded corner--*/
  -moz-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  z-index: 999;
  border: 3px solid #F8981D;
  border-top: none;
  width: 400px;
  margin-top: 2px;
  color: #fff;
}
.megadropdown-topnav .megadropdown-dropdown ul,
.megadropdown-topnav .megadropdown-dropdown li{
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}
.megadropdown-topnav .megadropdown-dropdown li{
  background: transparent url(img/megadropdown-left-arrow.png) left 7px no-repeat;
  margin-bottom: 5px;
  padding-left: 15px;
}
.megadropdown-topnav .megadropdown-dropdown li a{
  color: #fff;
}
.megadropdown-dropdown .menu .menu{
  margin-left: 10px;
}

/*******************************/
/* cart block */
/*******************************/
#banner .block-uc_ajax_cart { 
  background-color: #FFFFCC;
  border-radius: 6px;
  padding: 1px;
}
#header .block-uc_ajax_cart h2 { 
  display: block;
  margin: 0;
  padding: 0;
}

.block-uc_ajax_cart #cart-block-contents-ajax { 
  display: none;
}

.block-uc_ajax_cart #cart-block-contents-ajax.cart-empty { 
  display: block;
}

/*******************************/
/* cart form */
/*******************************/
#edit-checkout {
  font-size:14px;
}

/*******************************/
/* cart checkout form */
/*******************************/
#uc-cart-checkout-form .hl_button_1 {
  font-size:14px;
}

/*******************************/
/* cart review form */
/*******************************/
#uc-cart-checkout-review-form #edit-submit-2 {
  font-size:14px;
}

.field-field-jplayer .field-label-inline-first {
  display: block;
}

.node-type-product.full-node .field-jplayer {
  width: 90%;
}

/*******************************/
/* Rules condition form */
/*******************************/

#ca-conditions-form select[name="conditions[conditions][0][conditions][0][settings][zones][]"] {
  height: 600px;
  width: 100%;
}


#edit-panes-extra-information-information-ucxf-punkt-samovyvoza {
  max-width: 600px;
}