#body-light.dark{
  background: #0D0D0C;
  transition: 0.6s;
}

#body-light {
  transition: 0.6s;
}

.col-sm-8 {

	border-bottom: 10px solid orange;
}

.start-p{
  font-size: 50px;
  color: black;
  transition: 0.6s;
}

.start-p2{
  font-size: 50px;
  color: black;
  transition: 0.6s;
}

.start-p.dark{
  font-size: 50px;
  color: white;
  transition: 0.6s;
}

.start-p2.dark{
  font-size: 50px;
  color: white;
  transition: 0.6s;
}

.hosting {
	display: flex;
	margin-top: 100px;
	margin-left: 100px;
	width: 100%;
}

.i {
	margin-top: 100px;
}

#footer.dark {
  background: #151414;
  position: relative;
  transition: 0.6s;
}
#footer {
  background: #F0FFFF;
  position: relative;
  transition: 0.6s;
}
.karkas-content {
  position: relative;
  z-index: 2;
}
.karkas-social-icon span.dark {
  color: #f9f3f3;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}

.karkas-social-icon span {
  color: black;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.facebook-bg{
  background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg.dark{
  background: white;
  transition: 0.6s;
}

.google-bg{
  background: black;
  transition: 0.6s;
}
.karkas-widget-heading h3.dark {
  color: #f9f3f3;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
  transition: 0.6s;
}

.karkas-widget-heading h3 {
  color: black;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
  transition: 0.6s;
}


.karkas-widget ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.karkas-widget ul li a.dark:hover{
  color: white;
  margin-left: 10px;
  transition: 0.2s;
}
.karkas-widget ul li a.dark {
    color: #a9a9a9;
    text-decoration: none;
    transition: 0.2s;
    font-size: 15px;
}

.karkas-widget ul li a.dark:hover{
color: white;
 margin-left: 10px;
 transition: 0.2s;
 }
 
 .karkas-widget ul li a.dark {
   color: #5A5959;
   text-decoration: none;
   transition: 0.2s;
   font-size: 15px;
 }

.karkas-widget ul li a:hover{
color: black;
margin-left: 10px;
transition: 0.2s;
}

.karkas-widget ul li a {
  color: #5A5959;
	text-decoration: none;
	transition: 0.2s;
	font-size: 15px;
}
.podpisasya_forma {
  position: relative;
  overflow: hidden;
}

.podpisasya_forma input {
  width: 100%;
  padding: 14px 28px;
  background: white;
  border: 1px solid #2E2E2E;
  color: black;
  transition: 0.6s;
}

.podpisasya_forma input.dark {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #f9f3f3;
  transition: 0.6s;
}
.podpisasya_forma button {
  position: absolute;
  right: 0;
  background: white;
  color: black;
  padding: 13px 20px;
  border: 1px solid black;
  top: 0;
}

.podpisasya_forma button.dark {
  position: absolute;
  right: 0;
  background: #171717;
  color: white;
  padding: 13px 20px;
  border: 1px solid black;
  top: 0;
}

.navbar{
  transition: 0.6s;
}

.free {
	color: green;
  font-size: 25px;
}

.slider {
	margin-top: 100px;
}

.vip {
	color: orange;
  font-size: 25px;
}

.premium {
  color: #0f9bff;
  font-size: 25px;
}

.card-body.dark {
  background: #171717;
  color: white;
  transition: 0.6s;
}

.card-body {
  transition: 0.6s;
}

#footer-p.dark {
	margin-bottom: 14px;
  font-size: 14px;
  color: #7e7e7e;
  line-height: 28px;
  transition: 0.6s;

}

#footer-p {
	margin-bottom: 14px;
  font-size: 14px;
  color: black;
  line-height: 28px;
  transition: 0.6s;
}

#footer-p2.dark {
	margin-bottom: 14px;
  font-size: 14px;
  color: #7e7e7e;
  line-height: 28px;
  transition: 0.6s;

}

#footer-p2 {
	margin-bottom: 14px;
  font-size: 14px;
  color: black;
  line-height: 28px;
  transition: 0.6s;
}

#footer-href-h.dark{
  color: white
}

.nav-item {
  transition: 0.2s;
}

.nav-item:hover {
  color: black;
  margin-left: 10px;
  transition: 0.2s;
}

#card-header.dark {
  color: white;
  background: #171717;
}

#card-footer.dark {
  color: white;
  background: #171717;
}