@font-face {
			font-family: "CenturyGothicRegular";
			src: url("../fonts/CenturyGothicRegular/CenturyGothicRegular.eot");
			src: url("../fonts/CenturyGothicRegular/CenturyGothicRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/CenturyGothicRegular/CenturyGothicRegular.woff") format("woff"),
			url("../fonts/CenturyGothicRegular/CenturyGothicRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

body{
	font-family: "CenturyGothicRegular";
}	

main {
	padding-top:100px;
	background-color: #343a40 !important;
	color:#fff;
	padding-bottom: 30px;
}

main h1,h2,h3,h4,h5,h6,h7 {
	color:#fff;
}

main h1, main h3 {
  text-align: center;
  font-weight: bold;
}

main a {
	color:rgba(255, 255, 255, 0.7);
}
a:hover, a:focus {
	color: 	rgba(255, 255, 255, 1);
}

main a:hover {
	color:rgba(255, 255, 255, 1);
}
main .container { position:relative; }

a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.breadcrumb {background-color: transparent;padding:0px;}
button.enter {padding: 4px;}

nav.profileMenu {background: rgba(255,255,255,.2)!important;}

nav.profileMenu li {display:inline-block; padding-right: 20px;}
nav.profileMenu ul {padding:0px;}
nav.profileMenu li a {padding:5px;}

.breadcrumb {margin-bottom:5px;}

.authContainer {margin:0px 10px;}
.authContainer a {
    color: #fff;
    font-size: 13px;
}
.wrap .dropdown > a,.wrap .d-flex >a {color:#fff;font-size:15px;}

main .form-control-sm {
  height: calc(1.5em + 0.5rem + 2px) !important;
  padding: 0.25rem 0.5rem !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  border-radius: 0.2rem !important;
}

main .form-control-lg {
  height: calc(1.5em + 1rem + 2px) !important;
  padding: 0.5rem 1rem !important;
  font-size: 1.25rem !important;
  line-height: 1.5 !important;
  border-radius: 0.3rem !important;
}
.headerMail { m.argin-right: 10px;position: relative; }
.headerMail span.newMessage, #messagesViewButton span.newMessage {
	position: absolute;
	right: -5px;
	top: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #163306;
	background: #29f40c;
}

.guests, .events {position: relative;}
.guests span.newGuest, .events span.newEvents {
  position: absolute;
  right: -5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #163306;
  background: #29f40c;
}

.profile p{margin: 0px;}
nav.userMenu li.active a, nav.userMenu li a.active {
	font-weight: bold;
	border-bottom: 1px solid white;
}

.ftco-navbar-light .navbar-nav>.nav-item .dropdown-menu {
		max-height: 400px;
    overflow: auto;
}
.ftco-navbar-light {
  top:40px;
}

.d-flex a, .d-flex span {
  font-size:20px !important;
}

.d-flex.userProfileHeader a, .d-flex.userProfileHeader span {
  font-size:15px !important;
}


#messagesViewButton {position: relative;}
#vChatMCont {position:absolute; left:0; right:0; top:0;bottom:0;background-color: #343a40 !important;padding: 10px;}
#vChatMCont #messages {overflow:auto;height:80%}
#messagesViewButton {display: none;}

#chatCont {width: 100%; height: 100%; !important;padding: 10px;}
#chatCont #chat {overflow:auto;height:87%}

.page-item.active .page-link {
  background-color: #343a40;
  border-color: #fff;
}

.blau {color: #758bf7;}
.rot {color: #dd0000;}
.lila {color: #fa0797;}
.gelb {color: #e2ae07;}
.gold {color: #ffd700;}
.bronze {color: #cd7f32;}


#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
  color: black !important;
}

#cookie_notification p{
  margin: 0;
  font-size: 0.7rem;
  text-align: left;
 color: black !important;
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
  padding-left: 10px;
  padding-right: 10px;
}

#searchRezult a {
  line-height: 1;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  } 
}


@media (max-width: 767px){
  main {
    padding-top: 0;
  }
 .ftco-navbar-light {
    top:0px;
  }

  .d-flex a, .d-flex span {
    font-size:15px !important;
  }

}

#video-container video {width:100%;}
#chatCont {height:400px;}
 .element-img-upload {
  display: inline-flex;
  align-items: center;
}
i#upImgSelect {
  margin: 10px;
  cursor: pointer;
  font-size: 30px;
}
i#upImgSelect:hover {
  opacity: 0.6;
}
#upImgSelectInp {
  display: none;
}

.absoluteSticky {display: none;}

@media (min-width: 1600px){

main .container { 
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  border-left: 1px solid rgba(255, 255, 255, 0.7);
}

.absoluteSticky {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  visibility: hidden;
  b.order:1px solid cyan;
  margin-right: -4px;
}

.stickyMenu {
  position: sticky;
  top: 50%;
  min-height: 2em;
  visibility: visible;
  width: 180px;
  text-align: right;
}


  .stickyMenu a {  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='4' fill='%23343a40' stroke-width='2' stroke='white'/%3E%3C/svg%3E");
  display: block;
  b.order:1px solid cyan;
  b.ackground-size:100% 100%;
  background-position: -11px 8px;
  padding-right:20px;
  font-size: 15px;
  color:#fff;
}
.stickyMenu a.active, .stickyMenu a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='4' fill='white' stroke-width='2' stroke='white'/%3E%3C/svg%3E");
}

.absoluteSticky.right {
  left: 100%;
  margin-left: -5px;
}

  .absoluteSticky.right .stickyMenu a {  
    text-align: left; 
    padding-left:20px;
    background-position: 0px 8px;
  }

}



.footer a {
    color: rgba(255,255,255,.7);
}

.footer a:hover {
  color:rgba(255, 255, 255, 1);
}

.card.usercard .card-header{
  background-color: #7d807f;  
  font-weight: bold;
}
.card.usercard .card-body{
  background-color: #9b9697;  
}

.card.usercard a.btn.modaledit{ 
  background-color: #5ff31a;  
  color:black;
}

.card.usercard a.cameraButton{ 
  background-color: #e00b0b !important;  
}

.userProfileHeader {background-color: #111;}
.userProfileHeader .userPhoto {
    height: 150px;
    margin-top: -75px;
    margin-left: 30px;
    border: 4px solid #111;
}

span.separator {
  margin: 5px 10px;
  width:1px;
  border:1px solid #6e6e6e;
}
.mediacard img.userPhoto{ height: 20px; }
.header_cart {position: relative;}
.header_cart span.b_q {
  position: absolute;
  top: 3px;
  right: -7px;
  border: 1px solid #29f40c;
  font-size: 12px !important;
  border-radius: 50%;
  padding: 0px 2px;
  background: #29f40c;
  line-height:1;
  font-weight:bold; 
  color:#343a40;
}


.goodItem {font-size: 1.5rem;}

input[type="number" i] {
    padding-block: 1px;
    padding-inline: 2px;
}

  #bigImgs,#bigThmbs {list-style: none; padding:0px;overflow: hidden;}
  #bigImgs li {display:none;}
  #bigImgs li.active {display:block;}
  #bigThmbs li button {width:100px;padding:0px; cursor:pointer;}
  #bigThmbs li {float:left;}
  #bigThmbs li.active {border:1px solid white;}
  .jsBasketAdd {font-size: 1.5rem; margin:10px;}
  p.descr {font-size: 1.1rem; border-top:1px solid #fff; padding-top:15px; margin-top: 10px;}

.quantity {    
    position: relative;
    width: 8rem;
    display: flex;
    border-radius: 5px;
    min-height:3rem;
    border:1px solid white;
    margin:0 auto;
}

quantity-input.quantity button svg {
  width:1rem;
}

  quantity-input.quantity button  {
    width:2rem;
    flex-shrink: 0;
    font-size: 1.8rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;    
    padding: 0;    
    color:white;
  }

  .quantity__input {
    color: currentColor;
    font-size: 1.4rem;
    font-weight: 500;
    opacity: .85;
    text-align: center;
    background-color: transparent;
    border: 0;
    padding: 0 0.5rem;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}


img.scale {
  transition: transform .5s; /* Animation */
}

img.scale:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.cart-item__quantity-wrapper {display: flex;}
cart-remove-button .icon-remove {
  height: 1.5rem;
  width: 1.5rem;
}

.cart-item__details > * 
{
  margin: 0;
  max-width: 30rem;
}

@media screen and (max-width: 749px) {
  .cart-item {
    display: grid;
    grid-template: repeat(2,auto) / repeat(4,1fr);
    gap: 1.5rem;
    margin-bottom: 3.5rem;
  }
}


@media screen and (max-width: 749px) {
  .cart-item__quantity {
    grid-column: 2 / 5;
  }
}


  @media screen and (min-width: 990px) {
  .cart-items thead th:first-child {
    width: 60%;
  }
}


@media screen and (min-width: 750px) {
  .cart-item__media {
    width: 3rem;
  }
}