/*-- outher Style --*/

@media (min-width:768px) {
  .flex {
    display: flex;
    align-items: center;
  }
}

main {
  background: #222;
  border: none;
  color: #fff;
  
}

main a {
  color: #AD0402;
}

main .fa {
  color: #AD0402;
}

#gcgames {
    position : fixed;
    top      : 140px;
    z-index  : 999;
    }
#gcspiele {
    position : fixed;
    top      : 220px;
    z-index  : 999;
    }
#gcradio {
    position : fixed;
    top      : 300px;
    z-index  : 999;
    }
#teamspeak {
    position : fixed;
    top      : 380px;
    z-index  : 999;
    }
#gcdiscord {
    position : fixed;
    top      : 460px;
    z-index  : 999;
    }
	
.gcaline {
    background-color    : rgba(0, 0, 0, 0.6);
    border-radius : 0 10px 10px 0;
    border-right  : 3px solid red;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.7);
    cursor        : pointer;
    height        : 50px !important;
    left          : -7px;
    padding       : 10px;
    position      : relative;
    transition    : all 0.3s linear;
    user-select   : none;
    width         : 58px;
	animation: rotate 200s infinite linear;
    -webkit-animation: rotate 200s infinite linear;
}
.gcaline img {
    left      : 50%;
    position  : absolute;
    top       : 50%;
    transform : translate(-50%, -50%);
    width     : 48px;
}
.gcaline:hover {
    background-color : rgba(0, 0, 0, 0.8);
    left       : 0;
}
.gcaline.select {
    background-color : rgba(0, 0, 0, 0.8);
    left       : 0;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
 background-color: #252525
}
.table-hover>tbody>tr:hover {
 background-color: #000;
}

.card {
  background: transparent;
  border: none;
  color: #FFF
}

.text-align {
  text-align: center;
}

.padding {
  padding: 50px 0px;
}

.container-fluid {
  margin-top: 0px;
}

.gaming {
  background: transparent;
  border: none;
}

.btn-1 {
  background: -webkit-linear-gradient(#E30704 0%, #AD0402 100%);
  background: -moz-linear-gradient(#E30704 0%, #AD0402 100%);
  background: -o-linear-gradient(#E30704 0%, #AD0402 100%);
  background: -ms-linear-gradient(#E30704 0%, #AD0402 100%);
  background: linear-gradient( #E30704 0%, #AD0402 100%);
  border-color: transparent;
  border-bottom: 1px solid #D81602;
  color: #fff;
}

.btn-2 {
  background: -webkit-linear-gradient(#222 0%, #222 100%);
  background: -moz-linear-gradient(#222 0%, #222 100%);
  background: -o-linear-gradient(#222 0%, #222 100%);
  background: -ms-linear-gradient(#222 0%, #222 100%);
  background: linear-gradient( #222 0%, #222 100%);
  border-color: transparent;
  border-bottom: 1px solid #D81602;
  color: #fff;
}

.btn-1:hover, .btn-2:hover {
  /* background: transparent; */
  background: linear-gradient(#1b1b1b, #111);
  border-color: #222;
  color: #fff;
}

main .btn {
  background: transparent;
  text-decoration: none;
  color: #fff;
  border-color: #111;
}

main .btn:hover {
  background: #AD0402;
  border-color: #111;
  color: #ffff;
  text-decoration: none;
}

/*-- Navigation --*/


.NeueKlasse {
   border: 0px;
}
.NeueUlKlasse {
    background: #fff !important;
}
.NeueUlKlasse>li>ul>li {
    padding: 5px 15px !important;
}
.NeueUlKlasse>li>ul>li:hover {
    background: #f5f5f5;
}
.NeueUlKlasse>li>ul>li>a {
    color: #1b1b1b;
}
.NeueUlKlasse>li>ul>li>a:hover {
    text-decoration: none;
}

#navigation {
  width: 100%;
  display: block;
  z-index: 1050;
  border-bottom: 1px solid #333;
}

.user-active {
  background: #D81602;
  padding: 5px 10px;
}

.user-active a {
  color: #fff
}

.ilch--new-message-icon a.text-danger {
  color: #fff;
}

/*-- Header Slider --*/

#carousel-generic {
  margin-top: 51px;
  height: 50vh;
}

@media (min-width:768px) {
  #carousel-generic {
    margin-top: 0px !important;
  }
  header .navbar {
    margin: 0;
  }
}
.item {
  height: 50vh;
}
.navbar .card-gaming > .card-title {
  background: #080808 !important;
  color: #fff;
}

.card-gaming > .card-body li {
  border-color: #111;
}

.card-gaming > .card-body li a {
  color: #fff;
}

.navbar-brand-m {
  padding: 10px;
  text-align: center;
}

.carousel-caption h1 {
  color: #fff;
  font-size: 38px;
  border-bottom: 0px;
}

.carousel-caption {
  top: 200px;
}

.welcome {
	padding-top: 200px;
    height: 100vh;
	color: #fff;
}

.welcome p {
	font-size:24px;
	font-weight:600;
	font-family: monospace;
}

.welcome h2 span {
    /*padding: 3px;*/
	color: red;
    text-shadow: 2px 2px 4px black;
}

.welcome span2 {
   /*padding: 3px;*/
	color: black;
    text-shadow: 2px 2px 4px black;
}

.welcome span3 { 
  writing-mode: vertical-lr; 
  text-orientation: upright;
  text-align: left;
  vertical-align: top;
}

/*-- start  wellcome  --*/
.about-gc {
    z-index:1;
    position: relative;
	overflow: hidden;
    background:#141414;
    /*! border-image-source: linear-gradient(90deg,transparent 0, #f00 50%,transparent); */
    /*! border-image-slice: 1; */
    /*! border-bottom: 1px solid transparent; */
}

.weus-wp {
    background:url(img/lax.jpg);
}

.about-gc>.weus-wp>.container {
   float: left;
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100%;
   padding: 0 3rem;
}

/*--  effecte --*/

.gc-m>.row>.gc-body>h1 span {
    -webkit-filter: blur(2px);
    transform:rotate(180deg);
    position:absolute;
}

.effect>h1 {
    border-bottom: 0px;
    text-align: left;
    font-size: 24px;
    z-index: 3;
    font-family: 'Raleway', sans-serif;
    position: relative;
	margin-bottom: 70px;
}

.effect .txt {
    position:absolute;
    left:0px;
    top:35px
}

@media(min-width:768px) {
    .effect>h1 {
        font-size:38px;
    }
    .effect .txt {
        position:relative;
        top:0;
    }
}

@media(min-width:1200px) {
    .effect>h1 {
        font-size:48px;
    }
}

.effect>h1>span {
    color:red;
    font-family: 'Raleway', sans-serif;
    font-weight: 300 !important;
}

.effect>h1>.txt-type > .txt {
  border-right: 0.2rem solid red;
}

.lax {
    height:35vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center;
}

.lax1 {
    background:url(img/lax/lax.png);
    background-position: bottom center;
    background-size: auto 1038px;
    background-repeat: repeat-x;
    width: 100%;
    position: fixed;
    height: 100%;
}

.overflow {
    position:relative;
}
.overflow:before {
    position:absolute;
    content:"";
    height: 15vh;
    background: #fff;
    transform: skew(2deg, 2deg);
    margin-top: -30px;
    margin-bottom: -50px;
    width: 130%;
    margin-left: -50px;
    margin-right: -50px;
    /*! border-top:2px solid red; */
}

/*-- Free Games Section --*/

.freegames {
  background:#fff;
  color:#111;
  z-index: 1;
}

.freegames h1 {
  text-transform: uppercase;
  font-size:55px;
  border-bottom:0px;
  text-shadow: 2px 2px 4px black;
}

.freegames h1 span {
  -webkit-filter: blur(2px);
  transform: rotate(180deg);
  position: absolute;
}

.freegames h1 font-margin {
  margin-left: 210px;
}

.freegames h1 font {
    padding: 3px;
	color:#AD0402;
}

/*-- Stream Team Section --*/

.stream-team {
  background:#fff;
  color:#111;
  
}

.stream-team h1 {
  font-size:55px;
  border-bottom:0px;
  text-transform: uppercase;
  padding-bottom:3%;
  text-shadow: 2px 2px 4px black;
}

.stream-team h1 font {
    padding: 3px;
	color:#AD0402;
	-webkit-filter: blur(1px);
}

/*-- Service Section --*/

.gaming-service {
  opacity: 0.8;
  background:#222;
  color:#fff;
  
}

.gaming-service h2 {
  text-transform: uppercase;
  padding-bottom:3%;
  text-shadow: 2px 2px 4px black;
}

.gaming-service h2 span {
  border-bottom:0px;
  font-size:55px;
  /*transform: rotate(180deg);*/
}

.gaming-service h2 span font {
    padding: 3px;
	color: red;
}

.gaming-service h2 span font2 {
    padding: 3px;
	color: black;
}

.header-m {
  height: 40vh;
  background: url(img/slider/slider_1.jpg);
  background-size: cover;
  background-position: top center;
  overflow: hidden;
}

.header-m > .carousel-caption {
  top: 10vh;
  height: 15vh;
}

.header-heading .breadcrumb {
  background: transparent;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb-item {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.header-heading .breadcrumb a {
  color: #fff;
  font-size: 18px;
  background: transparent;
  border: none;
}

.header-heading hr {
  background: #AD0402;
  width: 100px;
  height: 2px;
  border-color: transparent;
  margin: 5px auto 0px auto;
}

@media (min-width:768px) {
  .header-heading .breadcrumb a,
  .breadcrumb-item + .breadcrumb-item::before  {
    font-size: 28px;
  }
  .header-m > .carousel-caption {
    top: 15vh;
    height: 15vh;
  }
}

@media (min-width:992px) {
  .header-heading .breadcrumb a,
  .breadcrumb-item + .breadcrumb-item::before {
    font-size: 38px;
  }
  .header-m > .carousel-caption {
    top: 20vh;
    height: 15vh;
  }
}

@media (min-width:768px) {
  #carousel-generic, .item {
    height: 80vh;
  }
  .carousel-caption {
    top: 100px;
  }
}

.img1 {
  background:url(img/slider/wow_1920x1080.jpg);
  background-attachment: fixed;
  z-index: -1 !important;
}
.img2 {
  background:url(img/slider/wow_1920x1080_2.jpg);
  background-attachment: fixed;
}
.img3 {
  background:url(img/slider/ETS2_1.jpg);
  background-attachment: fixed;
}
.img4 {
  background:url(img/slider/ETS2_2.jpg);
  background-attachment: fixed;
}

.img {
  width: 100%;
  height: 80vh;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

/*  --totop  --*/
.totop {
    position:fixed;
    background:#141414;
    width:100%;
    left:0;
    bottom:0;
    z-index:1050;
    border-top: 1px solid rgba(255, 0, 0, 0.25);
}
.totop a {
    font-size:16px;
    color:#dfdfdf;
    line-height:77px;
    transition: all .5s;
    position: relative;
}
.totop a:hover {
    text-decoration: none;
}
.totop a font {
    color:red;
    position:relative;
}
.totop a font:before {
    width:20px;
    content:"▲";
    text-align:left;
    margin-left:-20px;
}
.totop a:after {
    width:20px;
    content:"▲";
    text-align:right;
    margin-right:-20px;
}
.bottom a {
    line-height:27px !important;
}

.gc-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 20px auto;
    width: 100px;
    height: 100px;
    background: #333333;
    border-radius: 25px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 2px;
    transition: 1s box-shadow;
}

.fa {
    color: #AD0402;
}

.welding-torchinfo {
    display: flex;
    width: 890px;
    margin: 30px auto 0;
    padding: 10px 20px;
    border-radius: 6px 0;
    background: gainsboro;
    font-size: 18px;
    line-height: 1.4;
    transform: skew(-12deg);
    color: #333333;
}

/*-- About Us Section --*/

.about-us {
  background:#fff;
  color:#222;
}

.about-us h1 {
  text-transform: uppercase;
  font-size:55px;
  border-bottom:0px;
  text-shadow: 2px 2px 4px black;
}

.about-us h1 font {
    padding: 5px;
	color:#AD0402;
}

.about-us h1 span  {
  -webkit-filter: blur(2px);
  transform: rotate(180deg);
  position: absolute;
}

.about-us h1 font-margin {
  margin-left: 140px;
}

/*-- offer-you section --*/

.what-does {
  background: #222;
  color: #fff;
}

.what-does h1 {
  font-size: 28px;
  color: #fff;
  border-bottom: 0px;
}

.what-does i {
  font-size: 28px;
}

.what-does hr {
  width: 50px;
  height: 3px;
  background: #D81602;
  border-color: transparent;
  margin: 10px auto 20px auto;
}

/*-- Background Section --*/

.background-1 {
  background: url(img/slider/slider_1.jpg);
}

.background {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
}

.background:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.icon-left {
    float: none;
    width: 70px;
    height: 70px;
    padding: 15px 0 0 0;
    margin: 0 0 20px;
    background: #333333;
	color: red;
	border-radius: 10px;
}

/*-- Teamspeak Section --*/

.teamspeak h1 {
  color: #fff;
  font-size: 28px;
  border-bottom: 0px;
}

.teamspeak {
  color: #fff;
}

.teamspeak img {
  width: 50%;
}

/*-- News Section --*/

.news {
  background:#fff;
  color:#fff;
}

.news h1 {
  text-transform: uppercase;
  font-size:55px;
  color:#111;
  border-bottom:0px;
  text-shadow: 2px 2px 4px black;
}

.news h1 font {
  color:#AD0402;
  text-shadow: 2px 2px 4px black;
}

.news .article-body {
  background: url(img/news-banner.png);
  background-size: cover;
  padding: 40px 5px;
  margin:20px 0px;
  border-radius:5px;
  border:1px solid transparent;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

.news .article-body a {
  color:#AD0402;
}
.news .article-body .title a {
  color: #dfdfdf;
  font-family: 'Raleway', sans-serif;
  font-size:28px;
}

.news .article-header i {
  color: #fff;
  font-size: 34px;
  height: 80px;
  line-height: 80px;
  margin: 15px 0 15px 15px;
  position: relative;
  text-align: center;
  width: 80px;
  z-index: 111;
  transition: .3s;
}
.news .article-header i:after {
  content: "";
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  border-radius:50%;
  width: 80px;
  z-index: -9999;
  transition: .3s;
  background: #AD0402;
  clear: both;
}
.news .article-body:hover .article-header i:after {
  background:#222;
}

/*-- Chat Section --*/

.chat {
  opacity:0.8;
  background:#222;
  color:#fff
}

.chat h1 {
  text-transform: uppercase;
  font-size:55px;
  border-bottom:0px;
  text-shadow: 2px 2px 4px black;
}

.chat h1 font {
    padding: 3px;
	color:#AD0402;
    text-shadow: 2px 2px 4px black;
	-webkit-filter: blur(1px);
}

.chat .shoutbox-new .first span {
  border-bottom:1px solid #AD0402;
}

.chat .shoutbox-new .first img {
  width:140px;
  border:2px solid #222;
  border-radius:50%;
  margin-bottom:10px;
  overflow:hidden;
}

.chat .shoutbox-new .first a {
  color:#AD0402;
  font-size:20px;
}

.chat .shoutbox-new .secend {
  margin: 10px 0px;
}

/*-- sidebar section -- */

.sidebar-layout .card-gaming > .card-body  a {
  color: #AD0402;
}

.sidebar-layout .card-gaming > .card-title , .ilch-head {
  background: transparent;
  color: #fff;
  border-color: transparent;
  border-bottom: 1px solid #D81602;
  background-image: -webkit-linear-gradient(bottom, #222, #333);
  background-image: -moz-linear-gradient(bottom,#222,#333);
  background-image: -o-linear-gradient(bottom, #222, #333);
  background-image: linear-gradient(to top, #222, #333)
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  box-shadow: 0 1px 3px
  rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}

/*-- forum section --*/
#forum h1 {
  display: none;
}

#forum .ilch-bg {
  background: #212121;
}

#forum .ilch-border, #forum .post, #forum .post-footer {
  border-color: #111;
}

#forum .ilch-bg--hover {
  background: transparent;
}

#forum a {
  color: #fff;
  text-decoration: underline;
}

#forum .btn {
  text-decoration: none;
}

/*-- Games Section --*/

.we-games {
  background:#fff;
  color:#111;
  z-index: 1;
}

.we-games h1 {
  text-transform: uppercase;
  font-size:55px;
  border-bottom:0px;
  text-shadow: 2px 2px 4px black;
}

.we-games h1 span {
  -webkit-filter: blur(2px);
  transform: rotate(180deg);
  position: absolute;
}

.we-games h1 font-margin {
  margin-left: 210px;
}

.we-games h1 font {
    padding: 3px;
	color:#AD0402;
}

/*-- Discord Section --*/

.discord {
  opacity:0.9;
  background:#111;
  color:#fff;
}

.discord h1 {
  font-size:55px;
  border-bottom:0px;
  text-shadow: 2px 2px 4px black;
}

.discord h1 font {
  color:#AD0402;
  
}

.banner-join-discord {
    background: #000;
    padding: 15px 15px;
    border-radius: 25px;
    overflow: hidden;
	height: 115px;
}

.banner-join-discord .banner-join-discord-inner {
    max-width: 578px;
    margin: 0 auto;
}

.banner-join-discord-inner img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

.banner-join-teamspeak {
    background: #000;
    padding: 15px 15px;
    border-radius: 25px;
    overflow: hidden;
	height: 115px;
}

.banner-join-teamspeak .banner-join-teamspeak-inner {
    max-width: 578px;
    margin: 0 auto;
}

.banner-join-teamspeak-inner img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

/*-- user-panel section --*/

.profile {
  padding: 10px;
}

.profile-sidebar, .profile {
  background: transparent !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.45) !important;
}

.profile-content {
  background: transparent !important;
}

.profile-content .btn {
  background: #222 !important;
}

.profile-content .btn:hover {
  background: #5cb85c !important;
  border-color: transparent !important;
}

.profile-sidebar .profile-usermenu ul li a, .profile-sidebar .push-menu i {
  color: #fff !important;
}

.profile-sidebar .profile-usermenu ul li {
  border-color: #111 !important;
}

.profile-sidebar .profile-usermenu ul li:hover a {
  background: transparent !important;
  color: #5cb85c !important;
  border-left: 2px solid #5cb85c !important;
  margin-left: -2px;
  border-right: 2px solid #5cb85c !important;
  margin-right: -2px;

}

.profile-sidebar .profile-usermenu ul li.active a {
  color: #5cb85c !important;
  border-left: 2px solid #5cb85c !important;
  margin-left: -2px;
  border-right: 2px solid #5cb85c !important;
  margin-right: -2px;
}

.chat .chat-wrapper .chat-list-info, .chat .chat-wrapper .message-info {
  background: transparent;
  color: #fff;
  border-color: transparent !important;
  border-bottom: 1px solid #D81602 !important;
  background-image: -webkit-linear-gradient(bottom, #222, #333);
  background-image: -moz-linear-gradient(bottom,#222,#333);
  background-image: -o-linear-gradient(bottom, #222, #333);
  background-image: linear-gradient(to top, #222, #333)
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  box-shadow: 0 1px 3px
  rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}

.chat .chat-wrapper .chat-list-wrapper {
  border-color: transparent !important;
}

.chat .chat-wrapper .message-list-wrapper {
  border-color: transparent !important;
  border-left: 1px solid #111 !important;
  border-right: 1px solid #111 !important;
}

.chat .chat-wrapper .message-list-wrapper .message-list li.right .body .message {
  background: #333 !important;
  color: #fff !important;
  border-color: #111 !important;
}

.chat .chat-wrapper .message-list-wrapper .message-list li.right .body .message:after {
  border-color: transparent #111 transparent transparent !important
}

.panel-primary > .card-title {
  background: transparent;
  color: #fff;
  border-color: transparent;
  border-bottom: 1px solid #D81602;
  background-image: -webkit-linear-gradient(bottom, #222, #333);
  background-image: -moz-linear-gradient(bottom,#222,#333);
  background-image: -o-linear-gradient(bottom, #222, #333);
  background-image: linear-gradient(to top, #222, #333)
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  box-shadow: 0 1px 3px
  rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}

.list-group-item {
  background: transparent;
  border-color: #111;
}

.card-footer {
  background: transparent;
  border: 1px solid #111;
}

.lib-panel .row-layout, .lib-panel .lib-row.lib-header {
  background: transparent !important;
}

.page-header {
  border-bottom: 0px;
}

/*-- User-Regist section --*/

.user-regist-step .step {
  background: transparent !important;
  color: #D81602!important;
  border-color: #111!important;
}

.user-regist-step .activestep {
  color: #5cb85c !important;
}

.card > .card-title {
  background: transparent;
  color: #fff;
  border-color: transparent;
  border-bottom: 1px solid #D81602;
  background-image: -webkit-linear-gradient(bottom, #222, #333);
  background-image: -moz-linear-gradient(bottom,#222,#333);
  background-image: -o-linear-gradient(bottom, #222, #333);
  background-image: linear-gradient(to top, #222, #333)
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
  box-shadow: 0 1px 3px
  rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .2);
}

.card > .card-body {
  background: transparent !important;
  border-left: 1px solid #111;
  border-right: 1px solid #111;
}

/*-- Footer Section --*/

.footer {
  background: #111;
  border-top: 1px solid #555;
  color: #fff;
  padding-bottom: 25px;
}

.footer a {
  color: #AD0402;
}

.main-footer {
  background: #111;
  color: #fff;
  padding: 0px 10px;
}

.main-footer a {
  color: #fff !important;
}

.main-footer .heading {
  color: #fff;
  padding: 10px 0px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}

.main-footer .card-body ul li {
  border-color: #151515;
}

.main-footer [class*="col-"] {
    min-height: 310px;
}

@media (min-width:768px) {
  .main-footer {
    padding: 0px;
  }
}

/*-- Login Section --*/

.modal-dialog {
  margin: 100px auto;
}

.login-modul > .modal-dialog > .modal-content {
  background: #222;
}

.login-modul > .modal-dialog > .modal-content > .modal-header {
  color: #FFFFFF;
  border-color: #AD0402;
}

.login-modul a {
  color: #fff;
}

.card.shop-card-index {
    background-color: #2b3035;
    border: 1px solid #495057;
}

.video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}