/* CSS Document */
@import url("plugins.css");

@import url("/css/robotoslab.css");

/*
 * Globals
 */

 :root {
  --primary-bg: #fb02b8;
  /* Magenta #e6007e

  *(
  /* #209ead; rgba(32,158,173,1)*/
 }

html, body {
  
  /*	height: 100%;	
  color: white;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fb02b8+0,00deff+100 */
background: linear-gradient(to bottom,  #fb02b8 0%,#00deff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
overflow-wrap: break-word;
font-size: 16px;
}

a,
a:focus,
a:hover {
  color: #000;
}
a {text-decoration: none !important}

h1,h2,h3,h4,h5,h6 , p {color: white}


.title {
  color: white; font-size: 47px !important; line-height: 40px; text-transform: uppercase; font-weight: 400;
}

/*menu*/
.dropdown-menu-dark, .dropdown-menu {
	background-color: rgba(0,0,0,0.35)
	
}
/*.dropdown:hover >.dropdown-menu{
  display: block !important;
}*/
.dropdown-submenu:hover > .dropdown-menu{
  display: block !important;
    left: 100%;
    margin-top: -37px;
}
.dropdown-divider {
	border-top: 1px solid #eee;
}
.dropdown-item{
  font-size: small; /* 13px */
	color: #fff;
	text-transform: uppercase;
}
.dropdown-item:hover {
  background-color: var(--primary-bg);
}
.dropdown-toggle::after{
  font-size: var(--font-md);
  margin-bottom: -2px;
}
.dropdown-menu li a.active{
  color:#fff;
}

.custom-toggle-arrow{
      font-size: 18px;
      margin-top: 1px;
      line-height: 12px;
}

.navbar-toggler:focus {
    /*Below line will remove the border from the icon
    I have used bootstrap icon here */
    /* This will only remove the shadow effect */
    /* Border is still there */
    /* if you don't want any border then set the property equals to zero */
    border: 0 !important;
    box-shadow: none !important;
  
    /* This will remove the rounded corner(radious-border)
    and give square border */
    /* border-radius: 0 !important; */    
}

.navbar-toggler {
    /* This will completely remove border from the icon */
    /* If you need border for the icon then comment this code */
     border: 0 !important;

    /* if you want to check the border please uncomment below code */
    /* border-color: yellow !important; */
}



.navbar {
  background: #000;
  transition: all .6s;
  backface-visibility: hidden;
/* height: 88px;*/

}

.navbar.navbar-no-bg {
  background: rgba(0, 0, 0);
}

.navbar-dark .navbar-nav {
  font-size: 16px;
  color: #fff;
  /*font-weight: 600;
  margin: 0 auto;*/
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  color: rgba(255, 255, 255, 1);
  border: 0;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
  outline: 0;
}


.cart-item, .cart-header { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #ddd; }
.cart-header { font-weight: bold; background-color: #f8f9fa; }
.cart-item div, .cart-header div { padding: 5px; }
.cart-quantity { width: 15%; text-align: center; }
.cart-pos { width: 15%; text-align: center; }
.cart-product { width: 70%; text-align: left; }
.cart-price { width: 20%; text-align: right; }
.product-card { cursor: pointer; transition: transform 0.3s, border 0.3s; border: 2px solid transparent; padding: 15px; text-align: center; position: relative; }
.product-card:hover { transform: scale(1.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.active-card { border: 2px solid green; box-shadow: 0 0 10px rgba(0, 255, 0, 0.5); }
.badge-check { position: absolute; top: 10px; right: 10px; background-color: green; color: white !important; padding: 5px 10px; border-radius: 50%; display: none; }
.blur-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 1050; }
.alert-magenta {background:  #fb02b8; color: white}

#totalPrice {color:black !important}

.form-range {padding:18px 10px 10px 5px}
.range-slider::-webkit-slider-runnable-track {
	background-color: #ccc;
}
.range-slider::-webkit-slider-thumb {
	background-color:   var(--primary-bg);			
}
.range-slider::-moz-range-track {
	 background-color: #cccccc;
	}
.rangeslider::-moz-range-thumb {
		background-color:  var(--primary-bg);			
	}



.img-filter-blur-3 {
  filter: blur(3px);  
}
.img-filter-blur-5 {
  filter: blur(5px);  
}
.img-filter-contrast-25 {
  filter: contrast(25%);
}
.img-filter-contrast-50 {
  filter: contrast(50%);
}
.img-filter-contrast-100 {
  filter: contrast(100%);
}
.img-filter-greyscale-100 {
  filter: grayscale(100%);
}
.img-filter-hue-rotate-180 {
  filter: hue-rotate(180);
}



.btn-magenta {background-color:  var(--primary-bg); color: white}
.btn-magenta:hover { border: 1px solid var(--primary-bg); background-color: white; color: var(--primary-bg) !important; border: 1px solid var(--primary-bg) !important}
.btn-white {background-color: white ; color: var(--primary-bg)}
.btn-white:hover { border: 1px solid var(--primary-bg); background-color:  var(--primary-bg) !important; color: white !important; border: 1px solid white !important}

.text-magenta {color: var(--primary-bg)!important;}
.card-magenta {border: 1px solid var(--primary-bg);}
.card-magenta .card-header {background-color:var(--primary-bg);color: white; font-size: 1.3rem; }
.card-magenta h3 {color: var(--primary-bg); font-size: 1.2rem;}
.slider {
    /*padding-top:0.7rem;*/
	margin-top: -102px;
}

.carousel-indicators {
    text-align: right;
    float: right;
    right: 1% !important;
    left: inherit;
	margin-right: 5%;
}


.carousel-indicators [data-bs-target]{
    border-radius: 50%;
    width: 15px;
    height: 15px;
	background-color: var(--primary-bg);
}
.carousel .carousel-indicators li {background-color:var(--primary-bg)}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
 }
 
 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
 }

.bg-green {background-color:#0d570f}
.bg-magenta {background-color: var(--primary-bg)}
.bg-orange {background-color:orange}
.bg-white-orange {background-color:#fff; color: #000 !important; border: 2px solid orange; border-radius: 14px; z-index: 20}
.bg-white-orange p, .bg-white-orange h2 {color: black}


/*topbar*/
.top-bar {background-color:#333; font-size: 12px; letter-spacing: 0.1px; text-transform: uppercase;z-index: 10; position: relative}
.top-bar a {color: white}
.top-bar a:hover{color:white; background-color: var(--primary-bg);}

.navbar-brand {
	margin-right: 2rem !important	
}
.nav-item {padding-right: 5px}
.nav-link {color: #ffffff; text-transform: uppercase; font-size: 16px;}
.nav-link:hover, .nav-link:active {background-color: var(--primary-bg); color: white;}



.trenner {
    padding: 1rem 2rem;
    opacity: 0.8;
    color: #ccc;
    display: block;
}


.sticky-top {
    transition: all 0.25s ease-in;
}

/* style for when sitcky is applied */
.stuck .navbar.sticky-top {
    background-color:  rgba(0,0,0,0.8)!important;
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
}


.top-box, .top-box-big {background-color:#fff; color: #000 !important; box-shadow: 5px 5px 12px -6px #aaa; margin-right: 20px; margin-bottom: 10px; padding: 20px; border-radius: 20px; width: 32.3%;}
.top-box:last-child {margin-right: 0;}
.top-box h2, .top-box p{color: #000}
.top-box p{color: #000; line-height: 20px;}
.top-box h2 {text-transform: uppercase; font-size: 24px}
.top-box span {color: var(--primary-bg); font-weight: bold}
.top-box-big {margin-right: 0 !important; width: 100%;}
.top-box-big h1 {text-transform: uppercase; font-size: 36px; text-align: center; font-weight: bold;}

.socials > .nav-item {padding: 0 !important;}

.slab  {font-family: roboto slab; font-size: 32px; text-transform: uppercase; padding-left: 0}

.section-title {font-size: 40px; letter-spacing: 0.2px; padding-left: 0; color: white; text-align: start; font-style: italic; text-transform: uppercase; text-shadow: 2px 2px 2px #000;}

.section-box {
	 background-color:#fff; color: #000 !important; box-shadow: 5px 5px 12px -6px #aaa; margin-right: 5px; z-index: 20
}

.section-box h2, .section-box p {color: black}
.section-box h2 {padding-bottom: 0}

.section-box-white {
  background-color:#fff; color: #000 !important; box-shadow: 5px 5px 12px -6px #aaa; margin-right: 5px; z-index: 20; border-radius: 20px; }
.section-magenta {background-color: var(--primary-bg)}

.shape-sec {
  border-top: 2px solid white; /* top border on the parent */
  position: relative;
  padding-bottom: 3.5rem;
  overflow: hidden;
}

.shape-sec:before {
  background-color: white;
  transform: skewy(-4deg); /* angle you want */
  transform-origin: bottom left;
  border-bottom: 2px solid white; /* bottom border skews with the object */
  content: ' ';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
}


/*contact*/
.checkbox {padding-top: 10px}
.has-success {border-color:#0C3;}
.has-error {border-color:#f00; box-shadow:inset 0 0 0.3em red; }
input[type="checkbox"].has-error {-webkit-appearance: none; border:1px solid #f00; background-color: #F99;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: 6px;border-radius: 3px; display:inline-block; position:relative; margin:6px 5px 0 0}
em.error.help-block{background-color: #f00; padding: 0 4px; color: #fff; margin-top: 2px; font-size:12px; }
.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}
.form-check-input {/*margin-top:1em*/}
.valid-feedback {background-color: green; color: white; padding: 3px 5px; display: table-cell !important; margin-top: 2px}
.invalid-feedback{background-color: red; color: white; padding: 3px 5px; display: table-cell !important;}
.list-unstyled li {line-height: 30px}

.custom .fa-circle:before {
  border-radius: 50%;
  background: green;
  color: transparent;
}







/*shows*/
.show-item-container {
	padding: 15px;
  float: left;
  width: 50%;
margin-right: 5px;
	background-color: #fff;

    box-shadow: 5px 5px 12px -6px #aaa;

}
@media screen and (min-width: 900px){
  .show-item-container{
    width: 32%;
  }
}



@media screen and (max-width: 997px){
legend {font-size: calc(1.02rem + .3vw)}
.top-box {margin-right: 14px;}
.fs-4 {font-size: calc(1rem + .3vw)!important;}
.top-box p {line-height: 28px;}
.btn {padding: 0.5rem 0.3rem}
.icon-bg {padding: 8px 11px !important; font-size: 18px !important;}
.footer-box-content p {
  line-height: 12px;
  padding: 0px 2px;
  margin: 0;
  font-size: 13px !important;
}
h5.card-title {font-size: 1.1rem !important}

.footer-box-content a {
font-weight: 400;
font-size: 21px !important;
margin: 2px 0;
line-height: 30px;  
letter-spacing: -0.5px !important;
}
.footer-box-content span {
display: block;
font-size: 12px !important;
margin-top: -3px !important;
}
}

@media screen and (max-width: 640px){
  .top-box {width: 100%;}
  .show-item-container{
    display: block;
    width: 100%;
  }
}

/*.show-item-container h1, .show-item-container h2, .show-item-container p {color: #000;}*/
.show-item-container-title {
	 color: #000;
  	text-align: center;  
	padding-bottom: 0;
	margin-bottom: 0;
}
.show-item-container-text {
		 color: #000;
  	text-align: center;  
	padding-bottom: 0;
}

.show-item {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.show-item .overlay {
  background: rgba(0,0,0,0.6);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.show-item-img{
  width: 100%;
}
.show-item:hover .overlay{
  opacity: 1;
}

.show-item-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.show-item:hover .show-item-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}
.show-item-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.fadeIn-top{
  top: 20%;
}



/*logoslide*/

.logo-container {
  overflow: hidden;
  .logoslider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
	  padding-bottom: 60px;
    .logos {
      width: 100%;
      display: inline-block;
      margin: 0px 0;
      .fab {
        width: calc(100% / 5);
        animation: fade-in 0.5s 
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
    }
  }
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@media screen and (max-width: 1024px) {
    .rwd-break {display: none;}
    small {font-size: 1.2vw}
    p, .italic { font-size: 1.6vw;}
    .top-box {margin-right: 15px;}

}

@media screen and (max-width: 600px) {
  .section-title {font-size:38px}
  .title{font-size: 23.5px!important;}
  .top-box, .top-box-big {background-color:#fff; color: #000 !important; box-shadow: 5px 5px 12px -6px #aaa; margin-right: 5px; margin-bottom: 12px; padding: 12px; border-radius: 20px; }
  .top-box span {color: var(--primary-bg); font-weight: bold; font-size: 14px;}
    p, .italic{ font-size: 3.5vw;}
	p {line-height:18px;}
	small {font-size: 3vw}
    h2 {font-size: 4vw;}   
    .checkbox {margin-top: -10px}
	.section-box {margin-right: 0}
	.img-thumbnail {margin-bottom: 10px}
	.top-bar {background-color: rgba(0,0,0,1)}
  .nav-link {font-size:20px;}
  .footer-box-icon {width: 20%!important;}

}


 /* ansatz für mehrere btns*/
/*#flying-menu {
  position: fixed;
  bottom: 40px;
  right: 25px;
  z-index: 1000;
}
.flying-btn {
  padding: 10px 16px;
  background-color:#555;
  border-radius: 100%;
  float:left;
  margin-left:10px;
  opacity: 0.8;
  border: 1px solid #555;
}
.flying-btn:hover {
  padding: 10px 16px;
  background-color:#555;
  border: 1px solid white;
  opacity: 1;
  transition: 0.5s;
}

.flying-btn i {
  color:#efefef;  opacity: 0.8; font-size: 20px;
  transition: 0.5s;
}
.flying-btn i:hover {
  color: #fff; opacity: 1; font-size: 20px
}
*/
*#flying-menu {
  position: fixed;
  bottom: 40px;
  right: 25px;
  z-index: 1000;
  background-color:#555;
  border-radius:100%;
  opacity: 0.8;

 /* padding-right: 15px;*/
}
.flying-btn {
  padding: 10px 16px;
  float:left;
  /*margin-left:10px;*/
  transition: 0.5s
}
.flying-btn:hover {
  padding: 12px 18px;
}
.flying-btn a {color: rgba(255, 255,255, 0.8);  transition: 0.5s;}
.flying-btn a:hover {color: rgba(255, 255,255, 1)}


/* ------------------------------------------------------------- *
 * Page header
/* ------------------------------------------------------------- */

#page-header {
	position: relative;
	background-color: #000000;
	overflow: hidden;
    height: 600px;
    margin-top: -100px;
}
.page-header-inner {
	
	position: relative;
	padding: 25rem 0;
    
}
@media (max-width: 1280px) {
	.page-header-inner {
		
		padding-top: 10% !important;
		padding-bottom: 10% !important;
	}
}

.bg-image {background-repeat: no-repeat; background-size: cover;}

.tt-wrap {max-width: 1440px; margin: 0 auto; padding-left:15px; padding-right: 15px}


/* Page header caption 
======================= */
.page-header-caption {
	position: relative;
	margin: 0 auto;
	z-index: 3;
}
@media (max-width : 1440px) {
	.page-header-caption {
		padding-left: 8%;
		padding-right: 8%;
	}
}


/* page header title */
.page-header-title {
	max-width: 960px;
	margin: 0;
	
	font-weight: 700;
	font-size: 52px;
	color: #fff;
    background-color:transparent;
}


@media (max-width : 768px) {
	.page-header-title {
		font-size: 32px;
	}
    #page-header {
	position: relative;
	background-color: rgba(101, 101, 101, 0.1);
	overflow: hidden;
        padding-top: 400px;
}

}
.hr-short {color: white;}
/* page header subtitle */
.page-header-subtitle {
	max-width: 900px;
	margin: 20px 0;
	font-size: 24px;
	color: #222;
}

/* page header category */
.page-header-category {
	margin-top: 10px;
}
.page-header-category > a {
	display: inline-block;
	background-color: #08c1b8;
	padding: 2px 4px 0 4px;
	font-size: 12px;
	color: #fff;
}
.page-header-category > a:hover {
	opacity: .9;
}

/* page header description */
.page-header-description {
	max-width: 890px;
	margin: 20px 0 0 0;
	line-height: inherit;
	font-size: 17px;
	font-weight: 300;
	color: #fff;
}
.page-header-description p {color: #fff;}

.breadcrumb {padding: 10px 0; }
.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item a:hover {color: #333; font-size: 16px}

.breadcrumb-item.active {
    color: #aaa;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #000;
}

@media (max-width : 767px) {
	.page-header-description {
		font-size: 15px;
	}
  .cart-header{font-size:12px}
  #totalPrice{font-size:20px}
    
}

/* If page header contains background image 
============================================ */
.page-header-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.page-header-image.hide-ph-image { /* if page header is hidden */
	display: none;
}

#page-header.ph-image-on {
	color: #FFF;
}

#page-header.ph-image-on .page-header-title {
	color: #FFF;
}

#page-header.ph-image-on .page-header-subtitle {
	color: #FFF;
}

#page-header.ph-image-on .page-header-description {
	color: #EEE;
}

#page-header.ph-image-on .ph-more-info-trigger {
	color: #EEE;
}
#page-header.ph-image-on .ph-more-info-trigger:hover,
#page-header.ph-image-on .ph-more-info-trigger:focus {
	color: #EEE;
}


/* Page header sizes 
====================== */
#page-header.ph-xs .page-header-inner {
	padding-top: 40px;
	padding-bottom: 40px;
}
#page-header.ph-sm .page-header-inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
#page-header.ph-lg .page-header-inner {
	padding-top: 140px;
	padding-bottom: 140px;
}
#page-header.ph-xlg .page-header-inner {
	padding-top: 200px;
	padding-bottom: 200px;
}


 /* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {
  border: 2px solid #fff;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10;
  opacity: 0.7;
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
          animation-name: drop;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #fff;
  width: 2px;
  height: 6px;
  top: 4px;
  margin-left: auto;
  margin-right: auto;
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}

/*footer*/
footer h3 {color:white; font-size: 20px;}
#top-footer {background-color: #333 }
#bottom-footer {background-color: #111; color:white}
.footer-box {width: 100%; display: flex;}
.footer-box-icon {width: 20%;padding: 24px 0;}
.footer-box-content {width: 80%;padding: 5px; color: white;}
.footer-box-content a, .footer-box-content  p { color: white !important;}
.footer-box-content a {font-weight: bold; font-size: 30px; margin:2px 0; letter-spacing: -0.4px;}
.footer-box-content p {line-height:12px; padding: 0px 2px; margin: 0;}
.footer-box-content span {display: block; font-size: 14px; margin-top: -10px;}
.icon-bg {    
  padding: 12px 16px;
  background-color: #fff;
  color: var(--primary-bg);
  font-size: 22px; font-weight: 600;
  border-radius: 100%;}
.icon-bg-magenta {
  padding: 12px 16px;
  background-color:var(--primary-bg);
  color: white;
  font-size: 22px; font-weight: 600;
  border-radius: 100%;}
.footer-nav li a {padding: 3px 10px}

#parallax1 { 
    background: url("/img/gallery/fullsize/bg_actkontor_002_20231124134058.jpg");
  background-size: cover;
  background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    height: 40vh; /* 100% of viewport height */
    margin: 0 auto; 
    position: relative; 
	overflow: hidden;   
}

#parallax2 { 
    background: url("/img/gallery/fullsize/redsoul-11_20240124102441.jpg");
  background-size: cover;
  background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    height: 40vh; /* 100% of viewport height */
    margin: 0 auto; 
    position: relative; 
	overflow: hidden;   
}
	
.parallax-overlay {
   width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 1921px) { 
    .container-wide { width: 1920px; margin: 0 auto} 
}