body {
  overflow-x: hidden;
/*   font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
/*font-family: 'Open Sans', sans-serif;*/
font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
background: #fff;
}
p {
  line-height: 1.75;
  margin-bottom: 0px;
}

a {
  color: #000;
}

a:hover {
  color: #ed1c24;
}
.text-primary {
  color: #ed1c24 !important;
}
button:focus {outline:0;}
input:focus {
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
/*   font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 */
  font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.input-quantity {
  position: relative;
  display: inline-block;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.input-quantity input {

  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
}

.input-quantity input:focus {
  outline: 0;
}

.input-quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.input-quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.input-quantity-button.input-quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
  border-radius: 0 0.25em 0 0;
}
.input-quantity-button.input-quantity-up:hover {
  background: #ed1c24;
  color: #fff;

}


.input-quantity-button.input-quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
  border-radius: 0 0 0.25em 0;

}
.input-quantity-button.input-quantity-down:hover {
  background: #ed1c24;
  color: #fff;
}


::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-image: linear-gradient(#ff4500, #bf3502);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
input[type="checkbox"],input[type="radio"]{
  width: 1.0em;
  height: 1.0em;
  background-color: white;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #ddd;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  transition: 0.2s;
  margin-right: 3px;
}
input[type="checkbox"]{
  border-radius:20%;
}

input[type="checkbox"]:hover,input[type="radio"]:hover {
  background-color: #ed1c24;
  transition: 0.2s;
  cursor: pointer;
}

input[type="checkbox"]:checked,input[type="radio"]:checked {
  background-color: #ed1c24;
  transition: 0.2s;
}

input[type=range] {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: #ff0000; 
  border-color: #ff0000; 
  color: #ff0000; 
}

input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 100%;
  height: 7px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-image: linear-gradient(#ff4500, #bf3502);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #ffffff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.page-section {
  padding: 20px 0;
}

.page-section h2.section-heading {
  font-size: 1.90em;
  margin-top: 0;
  margin-bottom: 15px;
}

.page-section h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 75px;
  text-transform: none;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

@media (min-width: 768px) {
  section {
    padding: 150px 0;
}
}

::-moz-selection {
  background: #ed1c24;
  text-shadow: none;
}

::selection {
  background: #ed1c24;
  text-shadow: none;
  color: #fff;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

@keyframes animPulse {
  0% {
    transform: scale(1);
}

50% {
    transform: scale(1.3);
}

100% {
    transform: scale(1);
}
}
@keyframes animPulseMinus {
  0% {
    transform: scale(1);
}

50% {
    transform: scale(0.8);
}

100% {
    transform: scale(1);
}
}

@keyframes animShake {
  0%,
  100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
}

15% {
    transform: translateX(-3px) rotate(-6deg);
}

30% {
    transform: translateX(3px) rotate(6deg);
}

45% {
    transform: translateX(-3px) rotate(-3.6deg);
}

60% {
    transform: translateX(3px) rotate(2.4deg);
}

75% {
    transform: translateX(-3px) rotate(-1.2deg);
}
}

.btn {
  font-family: Arial;
  font-weight: 100;
  padding: 0.25rem 0.75rem;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}

.btn-primary {
  background-color: #ed1c24;
  border-color: #ed1c24;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #fec810 !important;
  border-color: #fec810 !important;
  color: white;
}

.btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

#mainNav {
  padding-top: 16px;
  padding-bottom: 7px;
  background-color: rgba(0,0, 0, 1);
  border: 0;
  animation: borderGradient 6s ease infinite;
  -webkit-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  transition: all 0.9s;
  z-index: 99999999;
}
#mainNav .navbar-toggler {
  font-size: 12px;
  right: 0;
  padding: 13px;
  text-transform: uppercase;
  color: white;
  border: 0;
  background-color: #ed1c24;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-brand {
	padding: 0;
	margin:0;
  color: #ed1c24;
  font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #000;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  font-weight: 400;
  padding: 0.75em 0;
  letter-spacing: 1px;
  color: white;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #ed1c24;
}
#mainNav.navbar-shrink {
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(0,0, 0, 1);
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to right, red, rgba(0, 0, 0, 0)) 0 1 100%;
  animation: borderGradient 6s ease infinite;
  -webkit-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  transition: all 0.9s;
}
@media (min-width: 768px) {
  #mainNav {
    padding-top: 5px;
    padding-bottom: 0;
    background-color: rgba(0,0, 0, 1);
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, red, rgba(0, 0, 0, 0)) 0 1 100%;
    animation: borderGradient 6s ease infinite;
    -webkit-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
    transition: all 0.9s;
}

}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 16px;
    padding-bottom: 7px;
    transition: padding-top 0.9s, padding-bottom 0.9s;
    background-color: rgba(0,0, 0, 1);
    border: 0;
/* 	-webkit-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75); */
}
#mainNav .navbar-brand {
  font-size: 1.75em;
  transition: all 0.3s;
}
#mainNav .navbar-nav .nav-item .nav-link {
  padding: 1.1em 1em !important;
}
#mainNav.navbar-shrink {
  padding-top: 5px;
  padding-bottom: 0;
  background-color: rgba(0,0, 0, 1);
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to right, red, rgba(0, 0, 0, 0)) 0 1 100%;
  animation: borderGradient 6s ease infinite;
  -webkit-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
  transition: all 0.9s;
}


#mainNav.navbar-shrink .navbar-brand {

}
}

@media (min-width: 1200px) {
	
	
}


header.masthead {
  text-align: center;
  color: white;
  background: url("../img/header-bg.jpg") ;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  -webkit-box-shadow: inset 0px -9px 17px 4px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px -9px 17px 4px rgba(0,0,0,0.75);
  box-shadow: inset 0px -9px 17px 4px rgba(0,0,0,0.75);
  
}
.overlay-bg {
  background-color: rgba(4,9,30,0.7)
}
header.masthead .intro-text {
  padding-top: 150px;
  padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
  font-size: 22px;
  font-style: italic;
  line-height: 22px;
  margin-bottom: 25px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
header.masthead .intro-text .intro-lead-in-small {
  font-size: 16px;
  font-style: italic;
  line-height: 16px;
  margin-bottom: 25px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

header.masthead .intro-text .intro-heading {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 25px;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

@media (min-width: 768px) {
  header.masthead .intro-text {
    padding-top: 300px;
    padding-bottom: 350px;
}
header.masthead .intro-text .intro-lead-in {
    font-size: 40px;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 25px;
    font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
header.masthead .intro-text .intro-heading {
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 50px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
}


/* SHOP HEADER */
header.shop {
	text-align: center;
	color: #000;
  background: #fff;
  background-position: center top;
  margin-top: 0px;
}
header.shop .intro-text {
	height: 325px;
}

header.shop .intro-text .intro-lead-in {
	display:none;
  font-size: 22px;
  font-style: italic;
  line-height: 22px;
  margin-bottom: 25px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
header.shop .intro-text .intro-lead-in-small {
  font-size: 16px;
  font-style: italic;
  line-height: 16px;
  margin-bottom: 25px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

header.shop .intro-text .intro-heading {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 25px;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

@media (min-width: 768px) {
  header.shop .intro-text {

  }
  header.shop .intro-text .intro-lead-in {
    font-size: 40px;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 25px;
    font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
header.shop .intro-text .intro-heading {
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 50px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
}




/* SHOP HEADER */



.service-body {
  padding: 10px 0 50px 10px;
  margin-bottom: 30px;
  -ms-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: all 0.3s;
  border-radius: 10px;
  z-index: 1000;
  height: 300px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.service-body .text-muted{
  font-size: 0.90em;
  transition: all 0.3s;
}
.service-body .content{
  color: #fff;
}
.service-body .see-more a{
  color: #fff;
  margin-top: 5%;
  padding: 5px 8px 5px 8px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1.1em;
  font-weight: lighter;
  transition: all 0.3s;
}
.service-body .see-more a:hover{
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.3s;
}

.service-body:hover .see-more a{
	display: inline-table;
	transition: all 0.3s;
}
.service-body a, .service-body a:hover {
  color: #fff;
  text-decoration: none;
}

.service-body:hover {
  background: #fff;
  cursor: pointer;
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.3s;
  z-index: 999999;
}
.service-heading {
  margin: 15px 0;
  text-transform: none;
  color: #fff;
  text-shadow: 0px 0px 3px rgba(0,0,0,0.60);
}
.service-body .div-bottom {
	display: inline;
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  text-align: center;
}
@media (max-width: 767px) {
	.service-body a{
		font-size: 0.7em;
	}
}
@media (min-width: 1200px) {
	.service-body{
		height: 500px;
	}
	.service-body a{
		font-size: 1.1em;
	}
}
#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
  position: relative;
  display: block;
  max-width: 400px;
  margin: 0 auto;
  cursor: pointer;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
  opacity: 0;
  background: rgba(254, 209, 54, 0.9);
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  font-size: 20px;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 20px;
  margin-top: -12px;
  text-align: center;
  color: white;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  padding: 25px;
  text-align: center;
  background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
  margin: 0;
  text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
  font-size: 16px;
  font-style: italic;
  margin: 0;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#portfolio * {
  z-index: 2;
}

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
}
}

.portfolio-modal .modal-dialog {
  margin: 1rem;
  max-width: 100vw;
}

.portfolio-modal .modal-content {
  padding: 100px 0;
  text-align: center;
}

.portfolio-modal .modal-content h2 {
  font-size: 3em;
  margin-bottom: 15px;
}

.portfolio-modal .modal-content p {
  margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
  font-size: 16px;
  font-style: italic;
  margin: 20px 0 30px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.portfolio-modal .modal-content ul.list-inline {
  margin-top: 0;
  margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}

.portfolio-modal .modal-content button {
  cursor: pointer;
}

.portfolio-modal .close-modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-color: transparent;
}

.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
  /* Safari and Chrome */
  z-index: 1051;
  width: 1px;
  height: 75px;
  margin-left: 35px;
  /* IE 9 */
  transform: rotate(45deg);
  background-color: #212529;
}

.portfolio-modal .close-modal .lr .rl {
  /* Safari and Chrome */
  z-index: 1052;
  width: 1px;
  height: 75px;
  /* IE 9 */
  transform: rotate(90deg);
  background-color: #212529;
}

.timeline {
  position: relative;
  padding: 0;
  list-style: none;
}

.timeline:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 2px;
  margin-left: -1.5px;
  content: '';
  background-color: #e9ecef;
}

.timeline > li {
  position: relative;
  min-height: 50px;
  margin-bottom: 50px;
}

.timeline > li:after, .timeline > li:before {
  display: table;
  content: ' ';
}

.timeline > li:after {
  clear: both;
}

.timeline > li .timeline-panel {
  position: relative;
  float: right;
  width: 100%;
  padding: 0 20px 0 100px;
  text-align: left;
}
.timeline > li .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline > li:hover .timeline-image{
	border: 7px solid #ed1c24;
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 0.3s;
	z-index: 1000;
  cursor: pointer;
}

.timeline > li .timeline-image {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 80px;
  height: 80px;
  margin-left: 0;
  text-align: center;
  color: white;
  border: 7px solid #e9ecef;
  border-radius: 100%;
  background-color: #ed1c24;
  -ms-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: all 0.3s;
  z-index: 999;
}

.timeline > li .timeline-image h4 {
  font-size: 10px;
  line-height: 14px;
  margin-top: 12px;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline > li:last-child {
  margin-bottom: 0;
}

.timeline .timeline-heading h4 {
  margin-top: 0;
  color: inherit;
}

.timeline .timeline-heading h4.subheading {
  text-transform: none;
}

.timeline .timeline-body > ul,
.timeline .timeline-body > p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
}
.timeline > li {
    min-height: 100px;
    margin-bottom: 100px;
}
.timeline > li .timeline-panel {
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right;
}
.timeline > li .timeline-image {
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
}
.timeline > li .timeline-image h4 {
    font-size: 13px;
    line-height: 18px;
    margin-top: 16px;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
}
}

@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px;
}
.timeline > li .timeline-panel {
    padding: 0 20px 20px;
}
.timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
}
.timeline > li .timeline-image h4 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
}
.timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
}
}

@media (min-width: 1200px) {
  .timeline > li {
    min-height: 170px;
}
.timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
}
.timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
}
.timeline > li .timeline-image h4 {
    margin-top: 40px;
}
.timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
}
}

.team-member {
  margin-bottom: 50px;
  text-align: center;
}

.team-member img {
  width: 225px;
  height: 225px;
  border: 7px solid rgba(0, 0, 0, 0.1);
}

.team-member h4 {
  margin-top: 25px;
  margin-bottom: 0;
  text-transform: none;
}

.team-member p {
  margin-top: 0;
}

section#contact {
  background-color: #000000;
  background-image: url("../img/map-image.png");
  background-repeat: no-repeat;
  background-position: center;
}
section#contact button {
  background-color: #ed1c24;
  border-color: #ed1c24;
  color: #fff;
}

section#contact button:hover {
  background-color: #d71921;
  border-color: #d71921;
  color: #fff;
}

section#contact .section-heading {
  color: #fff;
}

section#contact .form-group {
  margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}

section#contact .form-group input.form-control {
  height: auto;
}

section#contact .form-group textarea.form-control {
  height: 248px;
}

section#contact .form-control:focus {
  border-color: #ed1c24;
  box-shadow: none;
}

section#contact ::-webkit-input-placeholder {
  font-weight: 300;
  color: #6b6e71;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact :-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact ::-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

section#contact :-ms-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.footer {
  padding: 25px 0;
  text-align: center;
  border-top: 5px #000 solid;

}
@media (min-width: 768px) {
	.footer .contacts {
		text-align: center;
	}	
	.footer .links {
		text-align: center;
	}
}
@media (min-width: 992px) {
	.footer .contacts {
		text-align: right;
	}
	.footer .links {
		text-align: right;
	}
}
@media (min-width: 1200px) {
	.footer .contacts {
		text-align: right;
	}
	.footer .links {
		text-align: right;
	}
}
.footer span.copyright {
  font-size: 90%;
  line-height: 40px;
  text-transform: none;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.footer ul.quicklinks {
  font-size: 90%;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.footer ul.social-buttons {
  margin-bottom: 10px;
  
}

.footer ul.social-buttons li a {
  font-size: 20px;
  line-height: 50px;
  display: block;
  width: 50px;
  height: 50px;
  transition: all 0.3s;
  color: white;
  border-radius: 100%;
  outline: none;
  background-color: #212529;
}

.footer ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #ed1c24;
}

.genric-btn{
  margin-right:10px;margin-top:10px
}
.button-group-area .genric-btn:last-child{
  margin-right:0
}
.genric-btn{
  display:inline-block;
  outline:none;
  line-height:40px;
  padding:0 30px;
  font-size:.8em;
  text-align:center;
  text-decoration:none;
  font-weight:500;
  cursor:pointer;
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -o-transition:all 0.3s ease 0s;
  transition:all 0.3s ease 0s
}
.genric-btn:focus{outline:none}
.genric-btn.e-large{
  padding:0 40px;
  line-height:50px}
  .genric-btn.large{line-height:45px}
  .genric-btn.medium{line-height:30px}
  .genric-btn.small{line-height:25px}
  .genric-btn.radius{border-radius:3px}
  .genric-btn.circle{border-radius:20px}
  .genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
  .genric-btn.arrow span{margin-left:10px}
  .genric-btn.default{color:#222;background:#f9f9ff;border:1px solid transparent}
  .genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}
  .genric-btn.default-border{border:1px solid #f9f9ff;background:#fff}
  .genric-btn.default-border:hover{color:#222;background:#f9f9ff;border:1px solid transparent}
  .genric-btn.primary{color:#fff;background:#0a0c26;border:1px solid transparent}
  .genric-btn.primary:hover{color:#0a0c26;border:1px solid #0a0c26;background:#fff}
  .genric-btn.primary-border{color:#ed1c24;border:1px solid #ed1c24;background:#fff}
  .genric-btn.primary-border:hover{color:#fff;background:#ed1c24;border:1px solid transparent}
  .genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid transparent}
  .genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
  .genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
  .genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid transparent}
  .genric-btn.info{color:#fff;background:#38a4ff;border:1px solid transparent}
  .genric-btn.info:hover{color:#38a4ff;border:1px solid #38a4ff;background:#fff}
  .genric-btn.info-border{color:#38a4ff;border:1px solid #38a4ff;background:#fff}
  .genric-btn.info-border:hover{color:#fff;background:#38a4ff;border:1px solid transparent}
  .genric-btn.warning{color:#fff;background:#f4e700;border:1px solid transparent}
  .genric-btn.warning:hover{color:#f4e700;border:1px solid #f4e700;background:#fff}
  .genric-btn.warning-border{color:#f4e700;border:1px solid #f4e700;background:#fff}
  .genric-btn.warning-border:hover{color:#fff;background:#f4e700;border:1px solid transparent}
  .genric-btn.danger{color:#fff;background:#f44a40;border:1px solid transparent}
  .genric-btn.danger:hover{color:#f44a40;border:1px solid #f44a40;background:#fff}
  .genric-btn.danger-border{color:#f44a40;border:1px solid #f44a40;background:#fff}
  .genric-btn.danger-border:hover{color:#fff;background:#f44a40;border:1px solid transparent}
  .genric-btn.link{color:#222;background:#f9f9ff;text-decoration:underline;border:1px solid transparent}
  .genric-btn.link:hover{color:#222;border:1px solid #f9f9ff;background:#fff}
  .genric-btn.link-border{color:#222;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}
  .genric-btn.link-border:hover{color:#222;background:#f9f9ff;border:1px solid transparent}
  .genric-btn.disable{color:#222,0.3;background:#f9f9ff;border:1px solid transparent;cursor:not-allowed}

  .why-us {
    margin-bottom: 20px;
    -ms-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    transition: all 0.3s;
    z-index: 999;
}
.why-us:hover {
    margin-bottom: 20px;
    background: #fff;
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s;
    z-index: 1000;
    cursor: pointer;
}

.why-us img {
    float:left;width: 40px;height: 40px;margin: 0 10px 2px 0;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #ed1c24;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}
.pagination a:hover{
 text-decoration: none;
}

.image {
  display: block;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}


.galery-container{
  text-align: center;
}
.galery-container:hover .overlay {
  opacity: 0.7;
  cursor: pointer;
}

.text {
  color: #000;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.single-gallery-image {
  margin-top: 30px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 100px
}

@media (max-width: 991px) {
  .project-details-right {
    margin-top: 50px
}
}

.project-details-right .details-info ul.names,.project-details-right .details-info ul.desc {
  list-style-type: none;
}
.project-details-right .details-info ul.names li {
  font-weight: 400;
  color: black;
}

.project-details-right .details-info .desc li {
  margin-left: 20px
}

.project-details-right .details-info .desc .star .checked {
  color: #ed1c24
}
.social-links {
  margin-top: 10px;
  text-align: right;
}
.social-links i {
  color: #777;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.social-links i:hover {
	color: #ed1c24
}


.blog-categories {
	margin-bottom: 50px;
}
.blog-categories .title{
	font-size: 25px;
	color: #444444;
}

.blog-categories .item{
	border-bottom: 1px dashed #e7e7e7;
	font-size: 1.0em;
	padding: 8px 0px 8px 15px;
	color: #797979;
}
.blog-categories .item a{
	color: #797979;
}
.blog-categories .item a:hover{
	color: #ed1c24;
	text-decoration: none;
}

.blog-categories .item:last-child{
	border-bottom: 0px;
}

.blog-categories .active{
	font-weight: bold;
}



.blog-post {
	background: rgb(255,255,255);
	background: linear-gradient(190deg, rgba(255,255,255,1) 56%, rgba(237,237,237,1) 88%, rgba(240,240,240,1) 100%);
	margin-bottom: 50px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	/* padding: 5px 20px; */
	border-radius: 5px;
}
.blog-post .social{
	text-align: right;
	padding: 20px 20px 10px 20px;
}
.blog-post .social i{
	margin: 0 5px 0 5px;
}
.blog-post .social .fa-facebook, .blog-post .social .fa-twitter, .blog-post .social .fa-linkedin-in {
  -ms-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: all 0.3s;
  color: #000
}
.blog-post:hover .social .fa-facebook, .blog-post:hover .social .fa-twitter , .blog-post:hover .social .fa-linkedin-in {
  -ms-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}

.blog-post:hover .social .fa-facebook{
  color: #3b5998; /* Facebook color */
  transition: all 0.3s;
}
.blog-post:hover .social .fa-twitter {
	color: #1DA1F2; /* Twitter color */
	transition: all 0.8s;
}
.blog-post:hover .social .fa-linkedin-in {
	color: #0077B5; /* fa-linkedin-in color */
	transition: all 0.8s;
}

.blog-post .fa-calendar-alt {
	color: #797979; 
	transition: all 0.3s;
}.blog-post:hover .fa-calendar-alt {
	color: #ed1c24; 
	transition: all 0.3s;
}



.blog-post .title{
	font-size: 1.7em;
	line-height: 8px;
	padding: 15px 0 0 10px;
	line-height: 1.1em;
}
.blog-post a{
	color: #000;
}
.blog-post a:hover {
	color: #ed1c24;
	text-decoration: none;
}

.blog-post .title-image{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.blog-post .title-image img{
/*     flex-shrink: 0; */
min-width: 100%;
/* 	opacity: 0.9; */
-ms-transform: scale(1.0);
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
transition: all 2s;
}
.blog-post:hover .title-image img{
/* 	opacity: 1.0; */
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all 2s;
}


.blog-post .title-image .height{
  height: 200px;
}
.blog-post .content {
	padding: 10px 20px;
}

.blog-post .info{
	color: #797979;
	font-size: 15px;
	padding: 10px 10px;
	
}

.blog-search {
  margin: 20px 0 20px 0;
}
.blog-search input[type="text"] {
  width: 200px;
  height: 50px;
  padding-right: 50px;
  padding-left: 3px;
  width: 100%;
  border-radius: 3px;
  border: 0;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

.blog-search button[type="submit"] {
  margin-left: -50px;
  height: 50px;
  width: 50px;
  border: 0;
  background: none;
  position: absolute;
}
.blog-search .fa {
  -ms-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: all 0.3s;
}

.blog-search:hover .fa {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.3s;
}
/* Shop */
.shop-panel {
	padding: 5px 0px 5px 0px;
	background: #ed1c24; /*ed1c24*/
}
.shop-panel .user-panel a,.shop-panel .user-panel a:hover {
	margin-left: 10px;
	color: #fff;
	text-decoration: none;
}
.shop-panel .user-panel a:hover > .fa {
	color: #fff;
}

.shop-search {
  margin: 0;
}
.shop-search input[type="text"] {
  width: 100%;
  height: 50px;
  padding-right: 50px;
  padding-left: 10px;
  border-radius: 1px;
  border: 0;
}

.shop-search button[type="submit"] {
  margin-left: -50px;
  height: 50px;
  width: 50px;
  border: 0;
  background: none;
  position: absolute;
}
.shop-search .fa {
  -ms-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: all 0.3s;
}

.shop-search:hover .fa {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.3s;
}





/*            <nav>
              <ul>
                <li>
                  <a href="javascript:void(0)">TEST</a>
                </li>
              </ul>
            </nav>*/
.shop-panel ul {
	list-style: none;
	margin-top: 10px;
}

.shop-panel ul li {
	display: inline;
}
.shop-panel ul li.user_options_menu {
	display: none;
}
.shop-panel ul li a {
	font-size: 15px;
	color: #fff;
	padding: 20px 10px 22px 10px;
	border: 1px solid transparent;
  border-radius: 8px 8px 0px 0px;
}
.shop-panel ul li a:hover {
	color: #000;
  background: #fff;
  text-decoration: none;

}
.shop-panel ul li ul div li a, .shop-panel ul li .dropdown div a{
	display: inline-block;
	font-size: 15px;
	color: #000;
	padding: 5px;
	border: 0;
	height: 100%;
}


.shop-panel ul li ul
{
  display: none;
  position: absolute;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  background: #fff;
  border-radius: 10px;

  padding: 5px;
  margin-top: 40px;
  z-index: 2000;
}

/* .shop-panel li:hover ul 
{
    display: inline-block;
    position: absolute;
	min-width: 150px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100;
	background: #fff;
	border-radius: 10px;
	padding: 5px;
	margin-left: -300px;
	margin-top: 25px;
} */
/* Кошница  */
.shop-panel ul li ul div
{
	background: #fff;
	color:#000;
	text-align:left;
	font-size: 13px;
}
.shop-panel ul  li ul div a
{
	color:#000;
}

.shop-panel ul li ul div table thead
{
  font-size: 12px;
  font-style: italic;
}
.shop-panel ul  li:hover ul div table thead
{

}
.shop-panel ul li ul div table tr td
{
  vertical-align: top;
  border-bottom: 1px solid rgba(0,0,0, 0.1);

}
.shop-panel ul li ul div table tr td p, .shop-panel li ul div table tr td p a
{
  padding: 0;
  margin: 0;
  line-height: 0;
}
.shop-panel ul li ul div table a:hover
{
  color: #ed1c24;
}

.shop-panel ul li ul div button.finish-btn
{
/*     padding: 5px 10px 5px 10px;
	background: #007bff;
	color: #fff;
	text-align:center;
	text-transform: uppercase; */
	display: block;
	width: 100%;
	/* border: none; */
}



/* Кошница  */
.shop-panel ul li:hover ul li a, .shop-panel li:hover ul div a
{
	color: #000;
}
.shop-panel ul li ul li a
{
	padding: 10px;
	margin: 0;
	width: 100%;
	color: #000;
	border: 0;

}
.shop-panel ul li:hover ul li a
{
	padding: 5px;
	margin: 0;
	width: 100%;
	border: 0;
}



.shop-panel ul li:hover li
{
  float: none;
  font-size: 11px;
}

.shop-panel ul li:hover li a:hover 
{
  color: #fff;
  background: #ed1c24;
  border: 0;
  border-radius: 0;
}


.shop-categories ul #cats, .shop-categories ul #filters{
	display:inline-block;
	padding: 5px;
	overflow-x: hidden;
	background: #fff;
}
.shop-categories ul #cats .close-cats {
	display: none;
}
@media (max-width: 991px) {
	.shop-categories ul #cats, .shop-categories ul #filters{
		display:none;
		position:fixed;
		left: -100%;
		top: 0;
		z-index: 99999999999999;
		overflow-y: scroll;
		max-height: 100vh;
		height: 100vh;
		background: #fff;
		width: 100vh;
		padding-top: 0px;
	}
	.shop-categories ul #cats .close-cats {
		display: inline-block;
		width: 100%;
	}
	.shop-categories ul #cats .close-cats .fa{
		color: #ed1c24;
		margin: 15px 5px 15px 0;
	}
	
}

.shop-categories {
	/* background: #f6f6f6; */
	/* border-right: 2px solid #16153d; */
	height: 100%;
	color: #5a5a5a;
	width: 100%;
	padding: 0;
	margin: -20px 0 50px 0;
	cursor: pointer;
}

.shop-categories ul {
	list-style: none;
  display: inline-block;
  padding: 0;
  width: 100%;
}

.shop-categories ul .box{
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	
}
.shop-categories ul li a{
	position: relative;
	display: block;
	line-height: 15px;
	padding: 10px 5px 10px 0;
	color: #5a5a5a;
	text-decoration: none;
	transition: all 0.3s;
	border-bottom: 1px dashed #cccccc;
}
.shop-categories ul li a input[type="checkbox"]{
	margin-right: 3px;
	
}

.shop-categories ul li a label{
	display: block;
}


.shop-categories ul li.active a, .shop-categories ul li.active:hover a{
	background: #16153d;
	color: #fff;
	transition: all 0.3s;
}

.shop-categories ul li.title a, .shop-categories ul li.title:hover a{
	padding: 15px;
	transition: all 0.3s;
	color: #fff;
	border: none; 
	border-radius:  0 0 5px 5px;
	text-transform: uppercase;	
	font-size: 0.9em;
	background: rgb(237,28,36);
	background: -moz-linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	background: -webkit-linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	background: linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1c24",endColorstr="#d11919",GradientType=1);
}

.shop-categories ul li.subtitle a, .shop-categories ul li.subtitle:hover a{
	/* background: #16153d; */
	padding: 15px;
	transition: all 0.3s;
	color: #202121;
	border-bottom: 1px solid #c4c4c4; 
	margin-top: 20px;
	text-transform: uppercase;	
	font-size: 0.9em;
}


.shop-categories ul .results{
	/* background: #16153d; */
	color: #202121;
	text-align:right;
	margin: 5px 0 20px 0;
	text-transform: uppercase;	
	font-size: 0.7em;
}
.shop-categories ul li:hover a{

	color: #ed1c24;
	transition: all 0.3s;
	padding-left: 5px;
}
.shop-categories ul li a label{
	padding: 0;margin: 0;
	font-size: 0.9em;
}
.shop-selected-option {
	background: #ed1c24;
	color: #fff;
	font-size: 11px;
	border-radius: 5px;
	padding: 4px;
	margin: 3px 2px 5px 2px;
	display: inline-block;
}

@media (min-width: 0px) {
	.photoViewer {
		height: 400px;max-height: 400px;
	}
}
@media (min-width: 768px) {
	.photoViewer {
		height: 500px;max-height: 500px;
	}
}
@media (min-width: 1200px) {
	.photoViewer {
		height: 600px;max-height: 600px;
	}
}

.photoViewer .column {
  padding: 10px;
}
.photoViewer .column img {
  opacity: 0.8; 
  cursor: pointer; 
  border: 4px solid #fff;
}

.photoViewer .column img:hover {
  opacity: 1;
  border: 4px solid #ed1c24;
}
.photoViewer .row:after, .clear:after{
  content: "";
  display: table;
  clear: both;
}
.photoViewer .originalPhoto {
  position: relative;
  height: 300px;max-height: 300px;
  text-align:center;
  /*display: none;*/
}
.photoViewer .originalPhoto .left-row,
.photoViewer .originalPhoto .right-row {
	width: 48%;
	height: 100%;
	opacity: 0.1;
	cursor: pointer;
}
.photoViewer .originalPhoto .left-row:hover,
.photoViewer .originalPhoto .right-row:hover {
	opacity: 0.5;
	color: red;
	animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.1;
}
}



.photoViewer .originalPhoto .left-row {
	position: absolute;
	left:0;
	top: 0;
	text-align:left;
}
.photoViewer .originalPhoto .left-row i{
	margin: 60% 0 0 5%;
}
.photoViewer .originalPhoto .right-row {
	position: absolute;
	right:0;
	top: 0;
	text-align:right;
}
.photoViewer .originalPhoto .right-row i{
	margin: 60% 5% 0 0;
}




/* .photoViewer .originalPhoto .previousPhoto{
  position: absolute;
  display: inline-block;
  border: 1px solid red;
  width: 45%;
  height: 100%;
  left: 0;
}

.photoViewer .originalPhoto .nextPhoto{
  position: absolute;
  display: inline-block;
  border: 1px solid red;
  width: 45%;
  height: 100%;
  right: 0;
}
 */



.photoViewer #imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

.photoViewer .closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

.photoViewer .listPhotos {
	max-height: 300px;
	border-bottom: 1px solid #f6f6f6;
	overflow-y:scroll;
}

@media (min-width: 768px) {
  .photoViewer .listPhotos {
     max-height: 300px;
     border-bottom: 1px solid #f6f6f6;
     overflow-y:scroll;
 }
 .photoViewer .listPhotos {
     max-height: 300px;
     border-bottom: 1px solid #f6f6f6;
     overflow-y:scroll;
 }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
	.photoViewer .originalPhoto {
     position: relative;
     height: 600px;max-height: 600px;
     text-align:center;
 }
 .photoViewer .listPhotos {
     max-height: 600px;
     overflow-y:scroll;
 }
}	

.search_results_box {
  width: 100%;max-height: 400px;overflow-y: auto;overflow-x: hidden;
}
.search_results_box .product {
  padding: 5px 5px 5px 0px;
  transition: all 0.7s;
  border-bottom: 1px dashed #cccccc;
}
.search_results_box .product:hover {
  background: rgba(0, 0, 0, 0.05);
  transition: all 0.7s;
}
.search_results_box .product .price{
  font-size: 20px;
  text-align: left;
}
.search_results_box .product .price .oldprice{
  font-size: 14px;
  text-decoration: line-through;
}

.search_results_box a:hover{
   text-decoration: none;
}

.search_results_box .name{
    text-align: left;
}
.search_results_box a:hover .name{
    color: #000;
}

.shop-product-preview {
	min-height: 450px;
	max-height: 450px;
	transition: all 0.3s;
	margin-bottom: 10px;
	transition: all 0.3s;
	overflow:hidden;
	border-width: 1px;
	border-style: solid;
	border-top: 1px #fff;
	border-left: 1px #fff;
	border-bottom: 1px #fff;
	border-right: 1px solid #e1e1e1;
	padding: 0;
	background: #fff;
}
.shop-product-preview a {
	color: #000;
	text-decoration: none;
}

.shop-product-preview:hover{
	border-width: 1px;
	border-style: solid;
	border-top: 1px #fff;
	border-left: 1px #fff;
	border-image: linear-gradient(to right, #ee7752, #e73c7e, #23a6d5, #23d5ab) 0 0 100%;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.75);
	transition: all 0.8s;
	animation: borderGradient 6s ease infinite;

}

@keyframes borderGradient {
  0% {
    border-image: linear-gradient(to right, #ee7752, #e73c7e, #23a6d5, #23d5ab ) 0 0 100%;
}
14% {
    border-image: linear-gradient(to right, #23d5ab,#ee7752, #e73c7e, #23a6d5 ) 0 0 100%;
}
28% {
    border-image: linear-gradient(to right, #23a6d5,#23d5ab,#ee7752, #e73c7e ) 0 0 100%;
}
45% {
    border-image: linear-gradient(to right, #e73c7e,#23a6d5,#23d5ab,#ee7752 ) 0 0 100%;
}
58% {
    border-image: linear-gradient(to right, #23a6d5,#23d5ab,#ee7752, #e73c7e ) 0 0 100%;
}
74% {
    border-image: linear-gradient(to right, #23d5ab,#ee7752, #e73c7e, #23a6d5 ) 0 0 100%;
}
100% {
    border-image: linear-gradient(to right, #ee7752, #e73c7e, #23a6d5, #23d5ab ) 0 0 100%;
}
}

.shop-product-preview .img{
	height: 280px;
  -ms-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: all 0.3s;
  background-size: auto 160px;
}
.shop-product-preview .availability_yes,.shop-product-preview .availability_no, .shop-product-preview .preorder{
	opacity: 0.8;
	position:absolute;
	z-index: 1000;
	margin: 10px 0 0 10px;
}
.shop-product-preview div.product_badges{
	position:absolute;
	z-index: 1000;
	margin: 40px 0 0 0px;
	padding: 0;
	width: max-content;
	transition: all 0.9s;
}
.shop-product-preview:hover div.product_badges {
	margin-left: -100%;
	transition: all 0.9s;
}
.shop-product-preview div.product_badges div.product_badge{
	margin: 3px 0 0 0;
	background: rgb(130,130,130);
	background: linear-gradient(90deg, rgba(130,130,130,1) 0%, rgba(117,117,117,1) 49%, rgba(130,130,130,1) 100%);
	color: #fff;
	padding: 1px 3px 1px 3px;
	font-size: 12px;
	font-weight: 400;
	transition: all 0.3s;
	width: max-content;
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 0.85);
}
.shop-product-preview div.product_badges div.badge_red{
	background: rgb(237,28,36);
	background: -moz-linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	background: -webkit-linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	background: linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1c24",endColorstr="#d11919",GradientType=1);color: #fff;
}
.shop-product-preview div.product_badges div.badge_black_friday{
  background: rgb(48,48,48);
  background: -moz-linear-gradient(180deg, rgba(48,48,48,1) 0%, rgba(0,0,0,0.8925945378151261) 97%);
  background: -webkit-linear-gradient(180deg, rgba(48,48,48,1) 0%, rgba(0,0,0,0.8925945378151261) 97%);
  background: linear-gradient(180deg, rgba(48,48,48,1) 0%, rgba(0,0,0,0.8925945378151261) 97%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#303030",endColorstr="#000000",GradientType=1);color: #fff;
  font-weight: bold;
}

.shop-product-preview div.product_badges div.badge_green{
	background: rgb(1,195,16,1);
	background: -moz-linear-gradient(180deg, rgba(1,239,21,1) 13%, rgba(31,188,26,1)) 97%);
background: -webkit-linear-gradient(180deg, rgba(1,239,21,1) 13%, rgba(31,188,26,1)) 97%);
background: linear-gradient(180deg, rgba(1,239,21,1) 13%, rgba(31,188,26,1)) 97%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ef15",endColorstr="#1fbc1a",GradientType=1);color: #fff;
}


.shop-product-preview div.product_badges div.product_badge:hover{
	opacity: 1;
	padding: 1px 3px 1px 15px;
	transition: all 0.3s;
	cursor: pointer;
}

.shop-product-preview div.product_badges div.product_badge a,
.shop-product-preview div.product_badges div.product_badge a:hover {
	color: #fff;
}

.shop-product-preview .technical .info{
	position:absolute;
	z-index: 1500;
	right: 0;
	padding: 10px;
	color: #000;
}
.shop-product-preview .parameters {
	display:inline;
	position:absolute;
	font-size: 13px;
	z-index: 1600;
	margin: 0;
	width: 100%;
	height: 280px;
	padding: 5px;
	left:100%;
	right: 0;
	background:rgba(0,0,0,0.1);
	color: #fff;
	transition: all 0.8s;
	overflow-y: auto;
	overflow-x: hidden;
}
.shop-product-preview .technical:hover .parameters{
	display:inline;
	left:0%;
	background:rgba(0,0,0,0.8);
	transition: all 0.8s;
}
.shop-product-preview .technical:hover .info{
	color: red;
}


.shop-product-preview .availability_yes{
	color: green;
}
.shop-product-preview .preorder{
	color: #d69c15;
}

.shop-product-preview .availability_no{
	color: red;
}


.shop-product-preview .tocard .fa {
	transition: all 0.3s;
}

.shop-product-preview .img:hover {
	height: 350px;
	transition: all 0.8s;
	background-size: auto 190px;
}
.shop-product-preview:hover .tocard .fa{
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.8s;
}
.shop-product-preview .name {
	text-align: center;
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	overflow: hidden;
	padding: 3px;
}
.shop-product-preview .oldprice{
  font-size: 15px;
  padding: 0 0 0 30px;
  margin-bottom: 10px;
  width: 100%;
  height: 5px;
  max-height: 5px;
  color: red;
  position: relative;
}
.shop-product-preview .oldprice:before {
  position: absolute;
  content: "";
  left: 30px;
  top: 200%;
  right: 0;
  max-width: 50px;
  border-top: 1px solid;
  border-color: inherit;
  
  -webkit-transform:rotate(-20deg);
  -moz-transform:rotate(-20deg);
  -ms-transform:rotate(-20deg);
  -o-transform:rotate(-20deg);
  transform:rotate(-20deg);
}

.shop-product-preview .price {
  float: left;
  width: 60%;
  font-size: 18px;
  padding: 0 0 0 20px;
  transition: all 0.3s;
  overflow: hidden;
  height: 20px;
  max-height: 40px;

}
.shop-product-preview:hover .price {
/* 	background: #fdd135;
	color: #000;
	transition: all 0.3s;
	-webkit-box-shadow: -5px -5px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px -5px 5px -4px rgba(0,0,0,0.75);
	box-shadow: -5px -5px 5px -4px rgba(0,0,0,0.75); */
}
.shop-product-preview .tocard {
  float: right;
  width: 30%;
  text-align: right;
  transition: all 0.3s;
}


.shop-product-preview .addToCart{
	border: 0;
	background: none;
	opacity: 0.5;
	transition: all 0.3s;
}
.shop-product-preview:hover .addToCart{
	opacity: 1;
	transition: all 0.3s;
}


.shop-product-preview .addToCart:hover{
  color: #ed1c24;
  transition: all 0.3s;
}


.shop-product-preview .row:after {
  content: "";
  display: table;
  clear: both;
}

.shop-related-product-preview {
	width: 100% auto;
	margin: 3px;
	transition: all 0.3s;
	transition: all 0.3s;
	border-width: 1px;
	border-style: solid;
	border-top: 1px #fff;
	border-left: 1px #fff;
	border-image: linear-gradient(to right, #e1e1e1, rgba(255, 255,255, 255)) 0 0 100%;
	border-right: 1px solid #e1e1e1;
	-webkit-box-shadow: 0px 0px 11px -6px rgba(255,255,255,0.0);
	-moz-box-shadow: 0px 0px 11px -6px rgba(255,255,255,0.0);
	box-shadow: 0px 0px 11px -6px rgba(255,255,255,0.0);
	border-radius: 5px;

}

.shop-related-product-preview:hover{
	border-width: 1px;
	border-style: solid;
	border-top: 1px #fff;
	border-left: 1px #fff;
	animation: borderGradient 6s ease infinite;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 11px -6px rgba(0,0,0,0.75);
	transition: all 0.8s;
}
.shop-related-product-preview .img{
	height: 40px;
	width: 40px;
  -ms-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: all 0.3s;
  float:left;
}
.shop-related-product-preview .name{
	font-size: 12px;
	text-decoration: none;
}
.shop-related-product-preview button.addToCart{
	border: 0;
	opacity: 0.8;
	transition: all 0.3s;
	background: none;
	color: #000;
	font-size: 1.5em;
	margin: 5px;
}
.shop-related-product-preview button.addToCart:hover{
  color: green;
  transition: all 0.3s;
}










/* Shop */

/*Продукт*/
.shop-product-view {

}
.shop-product-view a{
	color: #000;
}

.directory{
	font-size: 15px;
	color: #666666;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(19,19,19,0.041053921568627416) 5%, rgba(235,235,235,0) 97%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(19,19,19,0.041053921568627416) 5%, rgba(235,235,235,0) 97%);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(19,19,19,0.041053921568627416) 5%, rgba(235,235,235,0) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ebebeb",GradientType=1);
	padding: 5px 0px 5px 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.directory a{
	color: #66666;
}
.directory .fa{
	color: #ed1c24;
	animation: animPulse 2s ease 0s 1 normal forwards;
	animation-iteration-count: infinite;
}

.shop-product-view .title{
	font-size: 20px;
	margin-bottom: 10px;
}


.shop-product-view .action_panel{
	background: #f6f6f6;
	padding: 0px 0px 0px 0px;
	color: #5a5a5a;
	width: 100%;
	margin: 0;
}

.articulNum{
  color: #969696;
}
.shop-product-view .action_panel .price{
	text-align: center;
	font-size: 25px;
}
.shop-product-view .action_panel .price span{
	font-size: 15px;
	text-decoration: none;
}


.shop-product-view .action_panel .oldprice{
	text-align: center;
	font-size: 15px;
}
.shop-product-view .action_panel .oldprice span{
	font-size: 15px;
	text-decoration: line-through;
	color: red;
}
.shop-product-view .action_panel .availability,
.shop-product-view .action_panel .nonavailability,
.shop-product-view .action_panel .preorder {
	text-align: center;
	margin-top: 0px;
	font-size: 18px;
}
.shop-product-view .action_panel .availability {

	background: #28a745;
	color: #fff;
}
.shop-product-view .action_panel .nonavailability {
	background: #ed1c24;
	color: #fff;
}
.shop-product-view .action_panel .preorder {
	background: #d69c15;
	color: #fff;
}


.shop-product-view .action_panel .availability .yes{
	color: green;
}
.shop-product-view .action_panel .availability .no{
	color: red;
}

.shop-product-view .addToCart{
	margin: 20px 0 20px 0;
	width: 100%;
	text-align:left;
}
.shop-product-view .addToCart button{
/* 	border: 0;
	opacity: 0.8;
	transition: all 0.3s;
	background: #4773f1;
	color: #fff;
	padding: 5px 10px 5px 10px;
	font-size: 20px; */
	width: 100%;
}
.shop-product-view .addToCart input[type="number"]{
	margin: 0 0 10px 0;
}

.shop-product-view .addToCart button .fa{
	color: #fff;
	animation: animShake 2s ease 0s 1 normal forwards;
	animation-iteration-count: infinite;
}




.shop-product-view .addToCart button:hover{
	opacity: 1;
	transition: all 0.3s;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {

}
.shop-product-view table td, .shop-product-view table th{
	padding: 5px;
	border-right: 2px solid #fff;
}
.buy-container {
	min-height: 300px;
}
.buy-container .drag-icon{
	display: none;
	position: absolute;
	margin-left: -50px;
	margin-top: -11px;
	background: #fff;
	width: 40px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	border-radius: 5px 0px 0px 5px;
	border-right: 0;
	color: #fff;
/* 	box-shadow: -1px -2px 15px 0px rgba(0,0,0,0.17);
	-webkit-box-shadow: -1px -2px 15px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: -1px -2px 15px 0px rgba(0,0,0,0.17); */
	background: rgb(237,28,36);
	background: -moz-linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	background: -webkit-linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	background: linear-gradient(180deg, rgba(237,28,36,1) 13%, rgba(209,25,25,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1c24",endColorstr="#d11919",GradientType=1);
	z-index: 999998;
}


table.specifications {
	font-size: 13px;
}
@media (min-width: 0px) {
	.buy-fixed {
		display:none;
	}
}
@media (min-width: 1200px) {
	.buy-fixed {
		position: fixed;
		display:inline;
		z-index: 999999;
		top: 10%;
		right: 0;
		margin-right: -350px;
		width: 350px;
		background: rgba(255,255,255, 100%);
		border-radius: 0px 0px 0px 5px;
		padding: 10px;
/* 	   -webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	   -ms-transition: 0.3s;
	   -o-transition: 0.3s;
	   transition: 0.3s; */
       border: 1px solid #ed1c24;
/* 		overflow-y: auto;
		overflow-x: hidden; */
		max-height: 700px;
	}
	
	.buy-fixed:hover {
		/* border: 1px solid #ed1c24; 
		 */

        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin-right: 0px;
    }

}
.shop-product-view .description{
  overflow-wrap: break-word;
}



.shop-product-view .parameters{
	padding: 30px;
	font-size: 22px;
	text-align: center;
}



/*Продукт*/

.dropdown div:first-child{
	padding: 0;
}
.dropdown div .login{
	
}
.dropdown div .login input{
	width: 100%;
	padding: 4px;
	margin: 3px 0 3px 0;
}






.set-bg { /*Създаване на изображение за background*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 200px;
	background-size: cover;
}
.transition {
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}

.tab {
  overflow: hidden;
}
.tab a label{
	margin: 0;
	padding: 10px;
	color: #000;
	background: #fff;

	border-right: 0;
	border-bottom: 0;
	cursor: pointer;
}
.tab a label:last-child{
	/* border-right: 1px solid #ccc; */
}

.tab a {
	margin: 0;
	color: #fff;
}

.tab a input[type="radio"]{
	margin: 0px 3px 0px 0px;
	
}
.tab a:hover {
/*   background-color: #ddd; */
}
.tab a{
  width: 100%;
  display: inline-box;
}
.tab a label{
  width: 100%;
}
@media (min-width: 768px) {
	.tab a{
		width: 100%;
		display: inline-box;
	}
	.tab a label{
		width: 100%;
	}
}
@media (min-width: 992px) {
	.tab a{
		width: 100%;
		display: inline-box;
	}
	.tab a label{
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.tab a{
		width: auto;
		display: inline;
	}
	.tab a label{
		width: auto;
	}
}	


.tab a.active label{
  background-color: #ed1c24;
  color: #fff;

}
.tab_container {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: 1px solid #ed1c24;
}
.tabcontent {
  display: none;
  animation: fadeEffect 1s;
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.blur {
	filter: blur(3px);
	-webkit-filter: blur(3px);

}

/*Slider range*/

#rangeBox{ 
  width:100%;
}
#sliderBox{
  position:relative;
  top:0%;
  width:100%;  /*2x width*/
}
#slider0to50{
  width:100%;/*1x width*/
  position:relative;
}

#slider51to100{
  width:100%;/*1x width*/
  position:relative;
}
#inputRange{
  position:relative;
  top:50%;
}
#inputRange input{
  border-radius: 5px;
  border: 1px solid #d4d2d2;
  font-size: 13px;
}

#inputRange::after{
  content:"";
  clear:both;
  display:block
}
#inputRange #min{
   width:40%;
   float:left;
}   
#inputRange #max{
   width:40%;
   float:right;
}
/*Slider range*/
.banner-home {
	height: 750px;
	padding: 0;
	width: 100%;
	background-size: cover;
	-webkit-box-shadow: inset 0px 0px 27px 0px #000000; 
	box-shadow: inset 0px 0px 27px 0px #000000;
	text-shadow: 0px 0px 3px #000000;
/*     -ms-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
	transition: all 0.3s; */
}

/* .banner-home:hover{
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
	transition: all 3s;
  
}

 */
@keyframes pulseBrightness {
  0% {
    filter: brightness(0.9);
}
50% {
    filter: brightness(1.2);
}
100% {
    filter: brightness(0.9);
}
}
.g-recaptcha div {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
.banner-home-background {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 100%;
  filter: brightness(0.9);
  animation: pulseBrightness 10s ease 5s 1 normal forwards;
  animation-iteration-count: infinite;
}


.MultiCarousel { float: left; overflow: hidden; width: 100%; position:relative;padding: 5px 0 5px 0; }
.MultiCarousel .MultiCarousel-inner { transition: 0.2s ease all;}

.MultiCarousel .MultiCarousel-inner .item {float:left; position: relative;}
.MultiCarousel .MultiCarousel-inner .item > div {}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
	position:absolute;
	height: 100%;
	background: none;
	margin-top: 40px;
	height: 70%;
	width: 5%;
	font-size: 30px;
  display: flex;
  align-items:center;
  padding: 0 5px 0 5px;
  border: 0px;
}
.MultiCarousel .leftLst .fa, .MultiCarousel .rightLst .fa {
	color: #000;
	opacity: 0.2; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 18); /* // for IE8 */
	filter: alpha(opacity= 18); /* //for IE5-7 */
	transition: 0.1s;
	transform: scale(1);
}

.MultiCarousel .leftLst {
  left:0; 
  justify-content:left;
  background: none;

}
.MultiCarousel .leftLst:hover {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7917542016806722) 97%);
  background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7917542016806722) 97%);
  background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7917542016806722) 97%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


.MultiCarousel .rightLst{
  right:0;
  justify-content:right;
  background: none;
}

.MultiCarousel .rightLst:hover{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7917542016806722) 97%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7917542016806722) 97%);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7917542016806722) 97%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}



.MultiCarousel:hover .leftLst .fa, .MultiCarousel:hover .rightLst .fa{
	opacity: 0.4; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 36); /* // for IE8 */
	filter: alpha(opacity= 36); /* //for IE5-7 */
	transition: 0.2s;
}
.MultiCarousel .leftLst:hover .fa, .MultiCarousel .rightLst:hover .fa{
	color: #ed1c24;
	opacity: 1; 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100); /* // for IE8 */
	filter: alpha(opacity= 100); /* //for IE5-7 */
	transform: scale(0.9);
}
.MultiCarousel .leftLst:active .fa, .MultiCarousel .rightLst:active .fa{
	transform: scale(1.1);
}
.MultiCarousel .shop-product-preview .price{
	font-size: 20px;
	  height: 30px;
	  max-height: 40px;

}
.MultiCarousel .shop-product-preview .name{
	font-size: 0.9em;
}

.MultiCarousel_background_left {
	background-size: 100% 100%; display: block;position: relative;width: 100vh;min-height: 450px;overflow: hidden;
}
.MultiCarousel_background_right {
	background-size: 100% 100%; display: block;position: relative;width: 100vh;min-height: 450px;overflow: hidden;
}
.MultiCarousel_background_box_left {
	border-radius: 10px 0px 0px 10px;
}
.MultiCarousel_background_box_right {
	border-radius: 0px 10px 10px 0px;
}


.MultiCarousel_background_box_left .vertical-text,
.MultiCarousel_background_box_right .vertical-text
{
	font: bold 20px Sans-Serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px;
	margin: 5px 0 0px 40px;
	line-height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(237, 28, 36, 0.8);
	transform-origin: 0 0;
	transform: rotate(90deg);
	width: 100vh;
}


.MultiCarousel_background_box_left .vertical-text
{
	border-radius: 0px 0px 0px 10px;
}
.MultiCarousel_background_box_right .vertical-text
{
	border-radius: 10px 0px 0px 0px;
}


.HIDDEN_PANNEL_RIGHT {
	display: none;
	position: fixed;
	z-index: 9999999999999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	height: 100vh;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
}
.HIDDEN_PANNEL_RIGHT .row {
	margin: 0;
	margin-right: -100%;
	padding: 0;

}
.HIDDEN_PANNEL_RIGHT .USER_PANEL_LEFT {
	height: 100vh;
}

/*USER_PANEL_RIGHT*/
.HIDDEN_PANNEL_RIGHT .USER_PANEL_RIGHT {
	background: #fff;
	height: 100vh;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}
.HIDDEN_PANNEL_RIGHT .USER_PANEL_RIGHT .cart{
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 50%;
	margin-top: 25px;
}
.HIDDEN_PANNEL_RIGHT .USER_PANEL_RIGHT .title{
	text-align: right;
	font-size: 1.5em;
	color: #6c757d;
}



.USER_PANEL_RIGHT table thead
{
  font-size: 12px;
  font-style: italic;
}
.USER_PANEL_RIGHT table tr td
{
  vertical-align: top;
  border-bottom: 1px solid rgba(0,0,0, 0.1);
  padding-bottom: 5px;
}
.USER_PANEL_RIGHT table tr td p, .USER_PANEL_RIGHT table tr td p a
{
  padding: 0;
  margin: 0;
  line-height: 0;
}
.USER_PANEL_RIGHT table a:hover
{
  color: #ed1c24;
}
.USER_PANEL_RIGHT div.close
{
  position: absolute;
}
.USER_PANEL_RIGHT .close:hover
{
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: 1s;
}.USER_PANEL_RIGHT .close
{
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 1s;
}


/*USER_PANEL_RIGHT*/

/*BOX Безплатна доставка, На изплащане, Преглед и тест*/
.item-box {
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
}
.item-box:hover{
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  cursor: pointer;
}
.item-box .image {
  text-align: center;
  color: #5a5a5a;
}
.item-box .image i{
  color: #ed1c24;
  font-size: 32px;
}
.item-box:hover .image i{
  color: #ed1c24;
  font-size: 32px;
}

.item-box .opisanie {
  text-align: center;
  width: 100%;
}

.item-box .opisanie .title{
  font-size: 14px;
  font-weight: bold;
}

.item-box .opisanie .description{
  font-size: 11px;
}
/*BOX Безплатна доставка, На изплащане, Преглед и тест*/


@media (min-width: 0px) { /*Mobile*/
  .header_contacts_line {
    top: 50px;
  }
  #menu_container {
    position: fixed;
    width: 100%;   
    z-index: 999999;
    top: 0;
    left:0;
    right: 0;
    background: #000;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, red, rgba(0, 0, 0, 0)) 0 1 100%;
    animation: borderGradient 6s ease infinite;
    -webkit-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 44px -20px rgba(0,0,0,0.75);
    transition: all 0.9s;

  }
  #header_menu {
    display: none;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  }
  #header_menu, #header_menu ul {
    list-style: none;
    float: right;
    margin: 0;
  }
  #header_menu > li {
    width: 100%;
    vertical-align: middle;
    text-align: center;
  }
    #header_menu a{
      color: #000;
      background: #fff;    
      text-shadow: none;
      font-size: 16px;

    }
  #header_menu li:hover ul a{
      background: transparent;  
      z-index: 1300;  
  }


  #header_menu li ul  {
    position: relative;
    left: 0;
    width: 100%;
    padding: 0;
    opacity: 0;
    height: 0px;
    visibility: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: transparent;
    overflow: hidden;
    transform-origin: 0% 0%;
  }


  #header_menu li:hover ul {
    height: auto;
    padding: 15px 0;
    background: #e5e5e5;
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 0px 0px;
    animation-name: none;

  }
}

@media (min-width: 992px) {
  .header_contacts_line {
    top: 0;
  }
  #menu_container {
    position: relative;
    width: 100%;   
    z-index: 1030;
    bottom: 0;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    transition: all 0;
  }
  #header_menu {
    display:inline !important;
    height: auto;
  }
  #header_menu, #header_menu ul {
    list-style: none;
    float: none;
    margin: 0;
  }
  #header_menu > li {
    width: auto;
    vertical-align: inherit;
  }
    #header_menu a{
      color: #000;
      background: #fff;    
      font-size: 16px;
    }
    #header_menu li ul  {
      position: absolute;
      left: 0;
      z-index: 1030;
      width: 200px;
      padding: 0;
      opacity: 0;
      margin-top: -5px;
      visibility: hidden;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      background: transparent;
      overflow: hidden;
      transform-origin: 50% 0%;
    }


    #header_menu li:hover ul {

      padding: 15px 0;
      background: #fff;
      opacity: 1;
      visibility: visible;
      box-shadow: 1px 1px 7px rgba(0,0,0,.5);
      animation-name: swingdown;
      animation-duration: 1s;
      animation-timing-function: ease;

    }
}


  #menu_container:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }

  #header_menu {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }
  #header_menu > li {
    float: left;
    margin: 0;
    position: relative;
    border-right: 1px solid rgba(0,0,0,.1);
    box-shadow: 1px 0 0 rgba(255,255,255,.25);
    perspective: 1000px;
    z-index: 1030;
    
  }

  #header_menu > li:first-child {
    border-left: 0px;
    box-shadow: none;
  }
  #header_menu > li:last-child {
    border-right: 0px;
    box-shadow: none;
  }
  
  #header_menu > li:first-child a.parent{
  border-radius: 5px 0 0 0;
  }
  #header_menu > li:last-child a.parent{
  border-radius: 0 5px 0 0;
  }
  
  

  #header_menu a{
    display: block;
    position: relative;
    padding: 13px 20px 13px 20px;
    text-decoration: none;
    line-height: 1;
    font-weight: 100;
    letter-spacing: -.05em;
    text-shadow: 0 1px 1px rgba(255,255,255,.9);
    transition: all .25s ease-in-out;
  }

  #header_menu > li:hover > a , #header_menu .active{
    background: #ed1c24;
    color: #fff;
    text-shadow: none;
  }


  @keyframes swingdownMobile {
    0% {
      height: 0px;
    }
    100% {
      height: auto;
    }
  }

  @keyframes swingdown {
    0% {
      opacity: .99999;
      transform: rotateX(90deg);
    }

    30% {     
      transform: rotateX(-20deg) rotateY(5deg);
      animation-timing-function: ease-in-out;
    }

    65% {
      transform: rotateX(20deg) rotateY(-3deg);
      animation-timing-function: ease-in-out;
    }

    100% {
      transform: rotateX(0);
      animation-timing-function: ease-in-out;
    }
  }

  #header_menu li li a {
    padding-left: 15px;
    font-weight: 100;
    color: #000;
    text-shadow: none;
    border-top: dotted 1px transparent;
    border-bottom: dotted 1px transparent;
    transition: all .15s linear;
  }

  #header_menu li li a:hover {
    color: #fff;
    border-top: dotted 1px rgba(255,255,255,.15);
    border-bottom: dotted 1px rgba(255,255,255,.15);
    background: #ed1c24;
  }
  .header_contacts_line {
    position: relative;
    width: 100%;
    background: rgba(255, 255,255, 1);
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  }
  .header_contacts_line a .fa{
    color: #ed1c24;
  }
  .header_contacts_line a:hover .fa{
    color: #5a5a5a;
    text-decoration: none;
  }
  .header_contacts_line a:hover{
    text-decoration: none;
  }
  
  .cartButton {
    padding: 10px 10px 10px 10px;
    width: 100%;
    max-width: 250px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  }
  .cartButton .fa {
    color: #5a5a5a;
  }
  .cartButton:hover p.number{
    color: #5a5a5a;
  }
  .cartButton:hover {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    cursor: pointer;
  }
  .cartButton p.number{
    font-weight: 500;
    font-size: 16px;
    color: #ed1c24;
  }

  .cartButton p.value {
    font-weight: 100;
    font-size: 12px;
  }