/**
 * @file
 * Subtheme specific CSS.
 */

.view-all-products .views-row {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    
  padding: 10px;
  border: 1px solid gold;
  margin-bottom: 10px;
  border-radius: 10px;

}

.view-all-products  h3 {
  width: 100%;
  background-color: #ffed00;
  padding: 5px 20px;
}

.view-all-products .views-field-field-izobrazhenie {
  width: 220px;
  height: 220px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.view-all-products .view-content {
	justify-content: space-evenly;
}

.view-all-products .views-field-title {
  width: 100%;
  font-size: 1.5rem;
  text-align: center;
}

.view-all-products .views-field-body {
  width: 100%;
  text-align: justify;
}

.node--type-tovar a.basic_cart-get-quantity {
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	background-color:#fe1a00;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	padding:3px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.node--type-tovar a.basic_cart-get-quantity:hover {
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	background-color:#ce0100;
  color:#ffffff;
	text-decoration:none;
}

.node--type-tovar a.basic_cart-get-quantity:focus {
  color:#ffffff;

}

.node--type-tovar a.basic_cart-get-quantity:active {
	position:relative;
	top:1px;
}

.view-all-products .views-field-add-to-cart-price,
.view-all-products .views-field-field-vtoraya-cena {
	font-size: 1.5rem;
	padding-right: 20px;
  padding-right: 15px;
  color:  #c62223;
}

.node--type-tovar.node--view-mode-full .field--name-add-to-cart-price,
.node--type-tovar.node--view-mode-full .field--name-field-vtoraya-cena {
	float: left;
	font-size: 2rem;
	color: #c62223;
	padding-right: 20px;
}

.node--type-tovar.node--view-mode-full .field--name-field-podpis-dlya-pervoy-ceny,
.node--type-tovar.node--view-mode-full .field--name-field-podpis-dlya-vtoroy-ceny {
	overflow: hidden;
	font-size: 1.5rem;
	padding: 5px 10px;
	border: 1px solid lightgray;
	width: max-content;
	border-radius: 5px;
	height: 3rem;
}

.node--type-tovar.node--view-mode-full .field--name-field-podpis-dlya-vtoroy-ceny,
.node--type-tovar.node--view-mode-full .field--name-field-vtoraya-cena {
  margin-top: 20px;
}



.node--type-tovar.node--view-mode-full .field--name-add-to-cart {
    padding-top: 5px;
    overflow: hidden;
}

.node--type-tovar.node--view-mode-full .field--name-field-izobrazhenie {
  padding-right: 30px;
}

.node--type-tovar.node--view-mode-full .field--name-field-izobrazhenie img {
  max-width: 100%;
  height: auto;
}

.js td .dropbutton-wrapper {
    min-height: 2em;
    padding: 0;
}

.node--type-tovar.node--view-mode-full .addtocart-link-class {
	float: left;
  margin-right: 10px;
}

.node--type-tovar.node--view-mode-full .ajax-addtocart-wrapper {
  padding-top: 7px;
}

.basic_cart-ajax-progress-throbber {
  display: none;
}

.node--type-tovar.node--view-mode-full .field--name-body {
  overflow: hidden;
  padding-top: 10px;
}

.navbar-brand {
  font-size: 0 !important;
  margin: 0 !important;
}


#mymodule-town button {
  padding: 0;
  background-color: transparent !important;
  color: inherit;
  border: 0;
  font-weight: lighter;
  text-transform: unset;
}

#mymodule-town .town_button {
	padding: 2px 9px;
	background-color: #c62223;
	color: white;
	border: 0;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 5px;
}

#mymodule-town {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.town_selected {
	font-size: 1rem;
	font-weight: bold;
}

#block-townselect {
  text-align: center;
}

#block-townselect .content {
  display: flex;
  flex-wrap: wrap;
}

@media(max-width:1000px) {
   .shake-block {
      width: min-content;
   }
   
}



.logo_phones {
	font-size: 1rem;
	text-align: left;
	/*padding: 0 20px;*/
}

.logo_phones_selected {
	font-size: 1.5rem;
	/*text-align: left;*/
	/*padding: 0 40px;*/
  line-height: 1.5rem;
  font-weight: bold;
  color: #c62223;
}

.shake-block {
  animation: animationFrames linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  10% {
    transform:  translate(-10px,0px)  ;
  }
  20% {
    transform:  translate(10px,0px)  ;
  }
  30% {
    transform:  translate(-10px,0px)  ;
  }
  40% {
    transform:  translate(10px,0px)  ;
  }
  50% {
    transform:  translate(-10px,0px)  ;
  }
  60% {
    transform:  translate(10px,0px)  ;
  }
  70% {
    transform:  translate(-10px,0px)  ;
  }
  80% {
    transform:  translate(10px,0px)  ;
  }
  90% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  10% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  20% {
    -moz-transform:  translate(10px,0px)  ;
  }
  30% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  40% {
    -moz-transform:  translate(10px,0px)  ;
  }
  50% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  60% {
    -moz-transform:  translate(10px,0px)  ;
  }
  70% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  80% {
    -moz-transform:  translate(10px,0px)  ;
  }
  90% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  10% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  20% {
    -webkit-transform:  translate(10px,0px)  ;
  }
  30% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  40% {
    -webkit-transform:  translate(10px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  60% {
    -webkit-transform:  translate(10px,0px)  ;
  }
  70% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(10px,0px)  ;
  }
  90% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  10% {
    -o-transform:  translate(-10px,0px)  ;
  }
  20% {
    -o-transform:  translate(10px,0px)  ;
  }
  30% {
    -o-transform:  translate(-10px,0px)  ;
  }
  40% {
    -o-transform:  translate(10px,0px)  ;
  }
  50% {
    -o-transform:  translate(-10px,0px)  ;
  }
  60% {
    -o-transform:  translate(10px,0px)  ;
  }
  70% {
    -o-transform:  translate(-10px,0px)  ;
  }
  80% {
    -o-transform:  translate(10px,0px)  ;
  }
  90% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  10% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  20% {
    -ms-transform:  translate(10px,0px)  ;
  }
  30% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  40% {
    -ms-transform:  translate(10px,0px)  ;
  }
  50% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  60% {
    -ms-transform:  translate(10px,0px)  ;
  }
  70% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  80% {
    -ms-transform:  translate(10px,0px)  ;
  }
  90% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.tada-animation{
  animation: aniFrames linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: aniFrames linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: aniFrames linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: aniFrames linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: aniFrames linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes aniFrames{
  0% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-moz-keyframes aniFrames{
  0% {
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-webkit-keyframes aniFrames {
  0% {
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-o-keyframes aniFrames {
  0% {
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

@-ms-keyframes aniFrames {
  0% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

.addtocart2 {
  position: absolute;
  right: 0px;
}

.basic_cart-cart-contents .basic_cart-cart-node-title a {
  pointer-events: none;
  color: inherit;
}

.town_switch {
  color: gray;
}

.town_selected_div {
	font-size: 1rem;
}

/*#block-gruppy ul li a {
	border-right: 1px solid lightgray;
}

#block-gruppy ul li:last-child a{
  border: 0;
}*/

#block-gruppy {
  margin: auto;
}

#block-gruppy ul li  a {
  padding: 0rem 0.3rem;
  margin-top: 0.5rem;
  border: 1px solid #c62223;
  border-radius: 5px;
  border: 1px solid red;
  border-radius: 5px;
  background-color: #c62223;
  color: white;
  margin: 5px;
}

.highlighted>.container,
.highlighted>.container>#block-gruppy {
	padding: 0;
}

#block-gruppy ul {
  display: flex;
  justify-content: space-evenly;
}

#navbar-main {
	flex-wrap: wrap;
  justify-content: space-around;
  position: fixed;
  z-index: 5;
  padding: 0;
  width: 100%;
}

#main-wrapper {
	padding-top: 118px;
}

#node-basic-cart-order-form legend {
    font-size: 1rem;
}

#main-wrapper {
  min-height: 500px;
}


.site-footer .block {
  border: 0;
  margin: 0 10px;
  padding: 10px;
}

.site-footer .site-footer__top {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.site-footer__top .region {
  width: unset;
}

.site-footer {
  padding: 0;
  margin-top: 10px;
}

#block-basiccartcountblock {
  margin-bottom: 10px;
}

.js-filter-wrapper {
  display: none;
}

.comment__content .card-body {
  padding: 10px 0 0 0;
}

.comment .comment__content {
  min-width: 300px;
}

.field--name-field-kommentariy .title {
  display: none;
}

.page-node-571 .node__content>.inline__links a {
  padding: 0rem 0.3rem;
margin-top: 0.5rem;
border: 1px solid #c62223;
border-radius: 5px;
border: 1px solid red;
border-radius: 5px;
background-color: #c62223;
color: white;
margin: 5px;
}

.links-inline .comment-add {
  padding: 0;
}

.field--name-field-kommentariy .comment__meta {
	padding: 20px 0 10px 0;
}

.field--name-field-kommentariy .inline__links {
  display: none;
}

.user-logged-in .field--name-field-kommentariy .inline__links {
  display: block;
}

#CollapsingNavbar {
  width: 100%;
}

.view-all-products a.basic_cart-get-quantity {
  font-size: 0;
  background-image: url(/themes/custom/my_barrio/images/redcart.png);
  background-repeat: no-repeat;
  border: 0;
  height: 44px;
  width: 44px;
  display: block;
}

.views-field-field-podpis-dlya-pervoy-ceny,
.views-field-field-podpis-dlya-vtoroy-ceny {
  font-size: 1.3rem;
  padding: 3px 8px 0 0;
  color: gray;
}


.ajax-addtocart-wrapper .messages--status {
  position: absolute;
  background-color: yellow;
  min-width: 150px;
  padding: 5px 10px;
}

.addtocart-link-class {
    margin: 0;
}

.freedost {
	float: right;
	color: red;
	padding-right: 21px;
}

.js-form-item-homepage {
  display: none;
}


.basic_cart-grid .cell {
    width: unset;
}