@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800;900&display=swap');
body {
	font-family: 'Poppins', sans-serif;
	background: #f5f5f5;
	padding: 0;
	margin: 0;
	overflow-x: hidden!important;

}
*,
::after,
::before {
 box-sizing:border-box
}
a b {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;

}
a:hover b {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4) !important;
    -ms-transform: scale(1.4) !important;
    transform: scale(1.4) !important;
}












a i {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;

}
a:hover i {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4) !important;
    -ms-transform: scale(1.4) !important;
    transform: scale(1.4) !important;
}

a img {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;

}
a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}

.app-navbar {
	display: none;
	height: 68px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #fff;
	position: fixed;
	z-index: 1000;
	padding: 0;
	-webkit-box-shadow: 0 5px 50px rgb(0 0 0 / 18%);
	box-shadow: 0 5px 50px rgb(0 0 0 / 25%);
}
.app-navbar>.row_new {
	height: 70px;
}

.app-navbar .navbar-mid-icon {
	margin-top: -40px;
	margin-left: -5px
}

.app-navbar a.active .navbar-icon {
	-webkit-filter: inherit;
	filter: inherit;
}

.app-navbar a.active .navbar-texts {
	color: #ff2e63;
}

.app-navbar a.active i {
	color: #ff2e63;
}

.app-navbar i {
	color: #202020;
	font-size: 12pt;
}

.app-navbar .navbar-texts {
	font-size: 10px;

	color: #202020;
	display: block;
	margin-top: 2px;
	font-weight: 501;
}



	.app-navbar {
		display: block!important
	}



.home-body .app-navbar .navbar-mid-icon {
		margin-left: 0
	}




.row_new {
display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -1px;

}





.text-center {
    text-align: center!important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
	border-right: 2px solid #f5f5f5;
}




.dash-anounce {
  position: relative;
}

.dash-anounce::after {
  content: '';
  left: 25px;
  position: absolute;
  width: 2px;
  top: 0px;
  height: 100%;
  background: #e0e5e9;
}

.dash-anounce .da-item {
  position: relative;
}

.dash-anounce .da-item + .da-item {
  margin-top: 44px;
}

.dash-anounce .da-item.da-instagram .item-icon {
  background: #e4395f !important;
}

.dash-anounce .da-item .item-icon i {
  margin-right: 0 !important;
}

.dash-anounce .da-item.da-instagram .item-content::before {
  background: #e4395f;
}

.dash-anounce .da-item.da-instagram .item-content .sweet-badge.sb-green {
  background: #f5c9d9;
  color: #ef424c;
}

.dash-anounce .da-item.da-facebook .item-icon {
  background: #4b78d4 !important;
  background: -webkit-gradient(linear, left top, right top, from(#4b78d4), to(#4165af));
  background: linear-gradient(to right, #4b78d4, #4165af);
}

.dash-anounce .da-item.da-facebook .item-icon .fa-twitter {
  background: #fff !important;
}

.dash-anounce .da-item.da-facebook .item-content::before {
  background: #4b78d4;
  background: -webkit-gradient(linear, left top, right top, from(#4b78d4), to(#4165af));
  background: linear-gradient(to right, #4b78d4, #4165af);
}

.dash-anounce .da-item.da-facebook .item-content .sweet-badge.sb-green {
  background: #ced9f0;
  color: #456dbd;
}

.dash-anounce .da-item.da-twitter .item-icon {
  background: #3996f9 !important;
  background: -webkit-gradient(linear, left top, right top, from(#3996f9), to(#20b1f0));
  background: linear-gradient(to right, #3996f9, #20b1f0);
}

.dash-anounce .da-item.da-twitter .item-content::before {
  background: #3996f9;
  background: -webkit-gradient(linear, left top, right top, from(#3996f9), to(#20b1f0));
  background: linear-gradient(to right, #3996f9, #20b1f0);
}

.dash-anounce .da-item.da-twitter .item-content .sweet-badge.sb-green {
  background: #c3e5f7;
  color: #369dfc;
}

.dash-anounce .da-item .item-icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  line-height: 54px;
  border-radius: 50px;
  text-align: center;
  font-size: 20px;
  background-color: #4cc295;
  color: #fff;
  position: absolute;
  z-index: 5;
}

.dash-anounce .da-item .item-content {
  border-radius: 10px;
  overflow: hidden;
  margin-left: 60px;
  background-color: #fff;
  position: relative;
  padding: 38px 20px 30px 20px;
}

.dash-anounce .da-item .item-content::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 10px;
  background-color: #4cc295;
}

.dash-anounce .da-item .item-content .da-head .the-title {
  font-size: 16px;
  line-height: 24px;
  color: #494e5d;
  font-weight: 600;
  letter-spacing: .4px;
}

.dash-anounce .da-item .item-content .da-body {
  font-size: 12px;
  line-height: 22px;
  color: #aeb1ba;
  font-weight: 500;
  padding-top: 10px;
}








.footer {
	background: #262a35;
	margin-top: 175px;
	background-position: center;
	background-size: cover;
	background: #262a35 url(https://storage.perfectcdn.com/oo9wrv/l8cqoug1pl5mex0j.jpg);
	background-image: url(https://storage.perfectcdn.com/oo9wrv/l8cqoug1pl5mex0j.jpg);
	background-position-x: center;
	background-position-y: center;
	background-size: cover;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
}


.footer.no-margin {
	margin-top: 0;
}

.footer-top {
	background: #143556;
	background: -webkit-gradient(linear, right top, left top, from(#143556), color-stop(50%, #143556));
	background: #262a35;
	height: 150px;
	margin-bottom: -75px;
	top: -75px;
	background-position: center;
	background-size: cover;
	position: relative;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	background: #262a35 url(https://i.hizliresim.com/IXXGyt.jpg);
    background-image: url(https://i.hizliresim.com/IXXGyt.jpg);
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;;-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 90px;
	padding-right: 90px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 32px;
	line-height: 48px;
	border-radius: 30px;
}

















.footer-top-ust {
	background: #143556;
	background: -webkit-gradient(linear, right top, left top, from(#143556), color-stop(50%, #143556));
	background: #262a35;
	height: auto;
	background-position: center;
	background-position: center;
	background-size: cover;
	background-size: cover;
	margin-bottom: -75px;
	top: -75px;
	background: #262a35 url(https://storage.perfectcdn.com/oo9wrv/l8cqoug1pl5mex0j.jpg);
    background-image: url(https://storage.perfectcdn.com/oo9wrv/l8cqoug1pl5mex0j.jpg);
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;;position: relative;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 90px;
	padding-right: 90px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 32px;
	line-height: 48px;
	border-radius: 30px;
}











.footer-top-ust a {
	display: block;
	width: 180px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 10px;
	font-size: 15px;
	text-align: center;
	line-height: 46px;
	margin: 6px;
	font-weight: 600;
	color: #fff;
}





.footer-top a {
	display: block;
	width: 180px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 10px;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	font-weight: 600;
	color: #fff;
}

.footer-top a:hover {
	background: #fff;
	color: #143556
}




.home-info {
	padding: 50px 0;
}

.home-info .hi-title {
	font-size: 32px;
	line-height: 45px;
	color: #302F45;
	padding: 0px;
	font-weight: 700;
}

.home-sab-items .hosa-item {
	margin-bottom: 15px;
	background-color: transparent;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 30px 0px rgb(255 47 99 / 6%);
	box-shadow: 0px 10px 30px 0px rgb(255 47 99 / 6%);
	padding: 25px 10px;
}

.home-sab-items .hosa-item:hover {
	background: #ff2f63;
	-webkit-transition: .1s ease;
	transition: .1s ease;
	cursor: pointer;
}

.home-sab-items .hosa-item:hover .hosa-icon>img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.home-sab-items .hosa-item .hosa-title {
	color: #302F45;
	font-weight: 600;
	font-size: 18px;
	text-align: center
}

.home-sab-items .hosa-item:hover .hosa-title {
	color: #fff
}


.footer-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 85px;
}

.footer-logo {
	margin-bottom: 20px;
}

.footer-left {
	font-size: 16px;
	line-height: 24px;
	max-width: 340px;
	color: rgba(255, 255, 255, 0.8);
}

.footer-menu {
	text-align: right;
	margin-left: 55px;
}

.footer-menu ul li {
	list-style-type: none!important
}

.footer-menu ul li {
	line-height: 24px;
	margin-bottom: 10px;
	list-style-type: none!important
}

.footer-menu ul li a {
	font-size: 16px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
}

.footer-title {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.footer-copyright {
	color: #fff;
	text-align: center;
	margin-top: 65px;
}

@media screen and (max-width: 1170px) {
	.footer {
		height: auto;
		padding-bottom: 30px;
	}
	.footer-top {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		padding: 20px;
	}


.footer-top-ust {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		padding: 20px;
	}




	.footer-top p {
		width: 100%;
		font-size: 20px;
		line-height: 1.5;
	}


.footer-top-ust p {
		width: 100%;
		font-size: 20px;
		line-height: 1.5;
	}

	.footer-top a {
		margin: 0 auto;
	}

	.footer-top-ust a {
		margin: 0 auto;
	}



@media screen and (max-width: 1170px)
.footer-top-ust a {
    margin: 0 auto;
}

@media screen and (max-width: 1170px)
.footer-top a {
    margin: 0 auto;
}

	
	.footer-content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.footer-left {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	.footer-menu {
		display: none
	}
}
























.p0 {
	padding-left: 0;
	padding-right: 0
}

@media screen and (max-width: 600px) {
  .nomobile {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 5px auto;
    width: 22%;
    height: auto;
    display: none;
  }
}






@media screen and (min-width: 600px) {
  .nobilgisayar {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 5px auto;
    width: 22%;
    height: auto;
    display: none;
  }
}













.mb-25 {
	margin-bottom: 25px
}

.mb-1 {
	margin-bottom: 1em
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

body.dark ::-webkit-scrollbar-thumb {
	background: #232842;
}

::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.align-self-center {
	-ms-flex-item-align: center!important;
	align-self: center!important;
}

.justify-content-center {
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}


header #menubar {
	height: 80px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1000;
	padding: 10px 0;
	background: #fff
}

header #menubar .logo {
	max-height: 35px;
}

header #menubar #navbar {
	margin-top: 5px
}

header .navbar-default .navbar-nav>li>a {
	color: #303030!important;
	font-size: 17px;
	font-weight: 500;
}

header .navbar-default .navbar-nav>li>a:hover {
	color: #ff0264!important;
	transition: 500ms all
}

header .navbar-default .navbar-nav>li {
	padding: 5px;
}

header .navbar-default .navbar-nav>li:last-child {
	background: rgb(23 8 255);
	background: #051728;
	color: #fff!important;
	background-image: url("https://medyabenim.com/img/files/7250b43c7ce60ab2d107fee01e31fce0.png");
	border-radius: 10px;
	padding: 3px 20px;
}

header .navbar-default .navbar-nav>li:last-child a {
	color: #fff!important;
	font-weight: 600
}

header .navbar-default .navbar-nav>li:last-child:hover {
	background: #ca1b1b;
}

header .navbar-default .navbar-nav>li:last-child:hover a {
	color: #fff!important;
}

header .navbar-default .navbar-nav>li.active {
	background: transparent;
	color: #ccc!important;
	border-radius: 10px;
	border: 2px solid #202020;
	padding: 1px 15px;
	-webkit-box-shadow: 0 0 25px rgba(255, 106, 39 0.44);
	box-shadow: 0 0 25px rgba(255, 106, 39 0.44);
	margin: 0 10px;
	cursor: pointer;
}

header .navbar-default .navbar-nav>li.active:hover,
header .navbar-default .navbar-nav>li.active:hover a {
	color: #ff0264!important;
	border-color: #ff0264;
	transition: 500ms all
}

header .navbar-toggle {
	margin-right: 0!important
}

header .navbar-default .navbar-toggle {
	border-color: transparent
}

header .navbar-toggle .icon-bar {
	width: 25px;
	height: 3px
}

header .navbar-default .navbar-toggle .icon-bar {
	background-color: #202020
}

.bannerSide {
	position: relative;
	z-index: 1;
	width: 100%;
	background: #262a35;
	background: #262a35 url(https://storage.perfectcdn.com/oo9wrv/l8cqoug1pl5mex0j.jpg);
    background-image: url(https://storage.perfectcdn.com/oo9wrv/l8cqoug1pl5mex0j.jpg);
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;;padding-top: 40px;
	overflow: hidden;
	min-height: 540px;
	margin-top: 80px;
}

.bannerSide .bannerBg {
	position: absolute;
	top: 0%;
	left: 0;
}

.contentSide {
	position: relative;
	background-image: url("https://medyabenim.com/img/files/7250b43c7ce60ab2d107fee01e31fce0.png");
	padding: 0;
	background-position: center;
	background-size: cover;
}

.contentSide .loginArea {
	position: relative;
	padding: 2rem 2.5rem;
	border-radius: 10px;
	background-color: #fff;
}

.contentSide .loginArea .welcome {
	display: flex;
	align-items: center
}

.contentSide .loginArea .welcome h1 {
	font-weight: 700;
	color: #16213e;
	margin: 0 0 5px 0
}

.contentSide .loginArea .welcome span {
	font-weight: 300;
	color: #0f3460;
}

.contentSide .loginSide {
	margin-top: 25px
}

.contentSide .loginSide label {
	color: #16213e;
	font-weight: 400;
	font-size: 16px
}

.contentSide .loginText {
	padding-top: 0px;
}

.contentSide .loginText h1 {
	font-size: 52px;
	color: #fff;
	font-weight: 700;
	line-height: 70px;
	max-width: 650px;
	letter-spacing: -1px
}

.contentSide .loginText p {
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	line-height: 180%;
	margin-top: 25px;
	max-width: 600px
}

.contentSide .loginText h1 span {
	color: #c74b33;
}

.contentSide .icon-pass {
	padding: 15px 15px 0px 20px;
	background: #f5f5f5;
	color: #ccc;
	text-align: center;
	font-size: 16px;
	border-radius: 0 5px 5px 0
}

.contentSide .icon-pass:hover {
	color: #303030;
	transition: 1s;
	cursor: pointer
}

.contentSide .input-field.pwd {
	border-radius: 0!important
}

.contentSide .form-area {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
}

.contentSide .input-field {
	width: 100%;
	padding: 10px;
	outline: none;
	background: #f5f5f5;
	border: none;
	color: #202020;
	height: 50px;
	border-radius: 0 5px 5px 0;
	font-size: 18px
}

.contentSide .icon {
	padding: 15px;
	background: #cc4545;
	color: #fff;
	border-right: 1px solid #e6e6e6;
	text-align: center;
	font-size: 20px;
	border-radius: 5px 0 0 5px;
}

.contentSide .loginAlt {
	margin-top: 20px;
	color: #666
}

.contentSide .loginAlt i,
.contentSide .loginAlt a {
	color: #1a1a2e;
}

.contentSide .loginAlt a {
	font-weight: 600
}

.contentSide .loginAlt a:hover {
	color: #ff0264;
	text-decoration: none
}

.card-header {
	font-size: 19px;
	color: #202020;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #edeef2;
	background: transparent !important;
	width: 100%
}

.card-header span {
	font-weight: bold
}

.tp-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}

.tp-banner {
	width: 100%;
	position: relative;
}

.tp-banner-fullscreen-container {
	width: 100%;
	position: relative;
	padding: 0;
}

.tp-bullets,
.tp-bannertimer,
.tparrows {
	display: none
}

.btn {
	line-height: 30px;
	padding: 15px 30px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	outline: none;
	border: none;

	border-radius: 10px;
}

.btn-primary {
	background: rgb(0 0 0);
	background: #051728;
}




body.dark .btn-primary {
	background: rgb(0 0 0);
	background: #f25a56;
}


.btn-primary-red {
	background: rgb(255 25 25);
	background: #f25a56;
}


body.dark .btn-primary-red {
	background: rgb(255 25 25);
	background: #383b50;
}


.btn-primary:hover,
.btn-primary:focus {
	background: #ca1b1b!important;
	outline: 0!important;
	border: 0!important;
}






.features {
	margin: 7px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.features-list {
	display: inline-block;
	padding-left: 0
}

.features-list li {
	margin-top: 30px;
	border-radius: 5px;
	padding: 30px;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-webkit-box-shadow: inset -8px 20px 20px 100px rgb(0 51 204 / 10%);
	box-shadow: -1px 5px 8px 0 rgb(0 0 0 / 37%);
}

.features-list li:first-child {
	margin-top: 0;
}
.section-badge {
	font-size: 14px;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 10px 20px;
	display: inline-block;
	color: #ffffff !important;
	background: #051728;
}

.features-list li i {
	display: inline-block;
	margin-right: 20px;
	font-size: 35px;
	width: 80px;
	height: 80px;
	color: #fff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 80px;
	line-height: 80px;
	border-radius: 5px;
	text-align: center;
	background: #051728;
}

.features-list li h6 {
	margin-bottom: 5px;
	font-weight: 700
}

.features-inner h3 {
	margin-bottom: 15px;
	font-weight: 700
}

.features-inner p {
	margin-bottom: 30px;
}
.btn-default {
	background: rgb(255, 64, 62);
	background: #262a35;
	line-height: 1px;
	padding: 15px;
	margin-left: -5px!important;
}

.btn-default:hover,
.btn-default:focus {
	background: #ff9f01!important;
	outline: 0!important;
	border: 0!important;
}

.btn-outline {
	border-color: #fff;
	color: #fff;
	border: 2px solid;
	padding: 12px 24px;
}

.btn-outline:hover {
	background: rgb(255, 255, 255, 0.1);
	color: #fff;
	border-color: #fff;
	-moz-box-shadow: 0 0 25px rgba(6, 46, 184, 0.80);
	-webkit-box-shadow: 0 0 25px rgba(6, 46, 184, 0.80);
	box-shadow: 0 0 25px rgba(6, 46, 184, 0.80);
}

.btn-outline-blue {
	border-color: #174ff2;
	color: #174ff2;
	border: 2px solid;
	padding: 12px 24px;
}

.btn-outline-blue:hover {
	background: rgb(255, 255, 255, 0.1);
	color: #174ff2;
	border-color: #fff;
	-moz-box-shadow: 0 0 25px rgba(23, 79, 242, 0.30);
	-webkit-box-shadow: 0 0 25px rgba(23, 79, 242, 0.30);
	box-shadow: 0 0 25px rgba(23, 79, 242, , 0.30);
}

.box3 {
	padding: 100px 0
}

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 10px
}

.card-body {
	padding: 1rem;
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}

.card-body h2 {
	font-size: 22px
}

.num {
	color: #18bc9c!important;
}

.bg-transparent {
	background-color: transparent!important;
}

.m-2 {
	margin: .5rem!important;
}

.mt-50 {
	margin-top: 50px
}

.badge.badge-pill {
	display: inline-block;
	background: black;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}

.stretch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.stretch h3 {
	margin-bottom: .5rem;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 0
}

h1.mb-5 {
	font-size: 24px
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem!important;
}

.mb-3,
.my-3 {
	margin-bottom: 2.5rem!important;
}

.mb-5,
.my-5 {
	margin-bottom: 5rem!important;
}

footer .links ul {
	list-style-type: none;
	padding-left: 0
}

footer .links li a {
	color: gray;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

footer .border-top {
	border-top: 1px solid #ccc;
	text-align: center
}

.about-company .fab {
	font-size: 20px;
	margin-right: 10px;
}

.about-company .fa-instagram {
	background: linear-gradient(200deg, #d047d1, red, #ff0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.about-company .fa-twitter {
	color: #1da1f2;
}

.about-company .fa-facebook {
	color: #3c5a99
}

.home-header {
	padding: 0 0 50px 0;
	text-align: center;
}

.home-header h1 {
	color: #09192a;
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
}

footer {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background: #efefef url(https://medyabenim.com/img/files/aa0f83c601d85bf5e1dcc66dcfa83444.png);
	padding: 15px
}

@media screen and (max-width: 767px) {
	.tp-banner-container {
		display: none!important
	}

	header #menubar #navbar {
		background: #fff;
	}
	header .navbar-default .navbar-nav {
		padding: 15px;
		text-align: center
	}
	header .navbar-default .navbar-nav>li.active {
		border: none;
		margin: 0;
		padding: 0
	}
	.card-header {
		font-size: 16px
	}
	.home-login-alt-text {
		font-size: 10px
	}
	.card {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: block!important
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.boxOne .boxOneText h1 {
		font-size: 24px
	}
	.card-header {
		font-size: 16px
	}
}

#main {
	margin-top: 100px
}

.well {
	background: #fff;
	padding: 10px 17px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
	box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
	border-radius: 10px;
	border: 0;
}


.well-free {
	background: #f5eeee;
	padding: 10px 25px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
	box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
	border-radius: 10px;
	border: 0;
}
.ref-item {
	border-bottom: 1px solid #f5f5f5;
	padding: 15px 0
}

.ref-item.d-blue {
	background: #E5EEFF;
	border-radius: 25px;
	padding: 15px 25px;
	color: #2258BF
}

.ref-item i {
	color: #ff0264;
	font-size: 20px;
}

.ref-item .the-title {
	font-weight: bold
}

.rep-title h3 {
	font-size: 18px;
	font-weight: 600
}
.form-group .form-control {
	max-width: 100%;
	margin-right: 5px;
	background-color: #fafbfc;
	height: auto;
}

.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.input-group-icon {
	background-color: #fafbfc;
	padding: 6px 12px;
	border-radius: 3px 0 0 3px;
	outline: 0;
	box-shadow: inset 0 1px 2px rgba(27, 31, 35, .075);
	border-right: 0!important;
	line-height: 24px;
	color: #69757e;
	min-width: 45px;
	text-align: center;
	border: 1px solid #d1d5da;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.head-top {
	padding: 10px 0
}

.head-top h1 {
	font-weight: bold
}

.head-top span {
	color: #808080
}

.serv-search {
	display: flex!important;
	width: 100%;
	margin-bottom: 15px
}

.serv-head {
	background: rgb(255, 64, 62);
	background: #262a35;
	color: #fff;
	border-radius: 10px;
	border: none;
	text-align: left;
	padding: 8px 20px;
}

.serv-input {
	width: 100%!important;
	padding: 10px!important;
	outline: none!important;
	background: #fafbfc!important;
	border: 1px solid #f5f5f5!important;
	color: #0d1e2e;
	height: 45px!important;
	border-radius: 0 10px 10px 0!important;
}

.serv-input:focus,
.serv-input:hover {
	outline: none!important;
}

.form-control {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.aralama .btn {
	padding: 0!important
}

#serv-icon {
	padding: 14px;
	background: #fff;
	color: #ff9f01;
	text-align: center;
	font-size: 16px;
	border-radius: 10px 0 0 10px;
	border: 1px solid #f5f5f5;
	border-right: none
}

#serv-table.table>tbody>tr>td,
#serv-table.table>tbody>tr>th,
#serv-table.table>thead>tr>td,
#serv-table.table>thead>tr>th {
	border-top: 1px solid #f5f5f5;
	vertical-align: middle;
}

#serv-table.table>tbody>tr>td.serv-head {
	border: none
}

#serv-table.table tr {
	color: #0d1e2e
}

#serv-table.table tr a {
	color: #ff0264
}






.btn {
    padding: 14px 30px;
    border: none;
    -webkit-transition: .14s ease;
    transition: .14s ease;
}



.btn.btn-primary_ref {
    background: #262a35;
    padding: 3px 5px;
    border: none;
    -webkit-transition: .14s ease;
    transition: .14s ease;

}


.btn.btn-primary_siparis {
 padding: 14px 30px;
 border: none;
 background: #051728;
 -webkit-transition: .14s ease;
 transition: .14s ease;
}

body.dark .btn.btn-primary_siparis {
  padding: 14px 30px;
  border: none;
  background: #a34340;
  -webkit-transition: .14s ease;
  transition: .14s ease;
  border: 1px solid #000;
}

.btn.btn-primary_mini {
  border-radius: 6px;
  background: #051728;
  color: #ededed;
  font-size: 13px;
  display: inline-block;
  line-height: 20px;
  padding: 12px 18px;
  outline: none;
  border: none;
  font-weight: 600;
  letter-spacing: .4;
  -webkit-transition: .15s ease;
  transition: .15s ease;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}


.btn.btn-primary_black {
    background: #262a35;
padding: 14px 30px;
    border: none;
    -webkit-transition: .14s ease;
    transition: .14s ease;
}








#serv-table.table>thead>tr>th {
	border: none
}

.text-danger {
	color: #e74c3c!important;
}

.text-orta {
	color: #000080!important;
}
.text-success {
	color: #18bc9c!important;
}

@media screen and (max-width: 991.98px) {
	#serv-table.table {
		border: 0;
	}
	#serv-table.table caption {
		font-size: 1.3em;
	}
	#serv-table.table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#serv-table.table tr {
		border-bottom: 3px solid #081521;
		display: block;
		margin-bottom: .625em;
	}
	#serv-table.table td {
		border-bottom: 1px solid #f5f5f5;
		display: block;
		font-size: .8em;
		text-align: left
	}
	#serv-table.table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	#serv-table.table td:last-child {
		border-bottom: 0;
	}
	#serv-table.table tr {
		border: 1px solid #f5f5f5
	}
	#serv-table.table tr:nth-child(even) {
		background: #fff
	}
	#serv-table.table tr:nth-child(odd) {
		background: #f9f9f9
	}
	#serv-table.table tr td {
		text-align: left
	}
	#serv-table.table tr.s-head {
		border: none!important;
	text-align: left
	}
}

.modal-header {
	border-bottom-color: transparent!important;
	background: rgb(255, 64, 62);
	background: #262a35;
	color: #fff!important;
	padding: 15px;
}
.panel-main .page-head {
  margin-top: 15px;
  background: #071828 url();
  background-position: center;
  background-size: cover;
  height: 110px;
  border-radius: 10px;
  margin-bottom: 25px
}

.page-head-content {
  margin-left: 10px;
  padding-right: 40px;
  line-height: 20px;
  max-width: 550px;
  line-height: 20px;
  font-size: 14px;
}

.page-head-content h1 {
  font-size: 18px;
  font-weight: bold
}
.page-head {
  background: #fca846;
  height: 175px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 75px;
  padding-right: 45px;
  margin-bottom: 25px
}     

.panel-main .page-head {
  margin-top: 15px;
  background: #262a35 url(https://storage.perfectcdn.com/oo9wrv/ugqotbtasyywb7k1.jpg);
  background-position: center;
  background-size: cover;
  height: 110px;
  border-radius: 10px;
  margin-bottom: 25px;
  margin-top: 0px;
}
.servNav {
  margin-bottom: 25px
}

.servNav li {
  background: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 10px
}
  .tos-page .tos-nav-btn {
  min-width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 28px;
  border-radius: 10px;
  -webkit-transition: .13s ease;
  transition: .13s ease;
  background-color: #000000;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 18px;
}

.tos-page .tos-nav-btn span {
  display: none;
  font-size: 15px;
  padding: 0 20px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.tos-page .tos-nav-btn:hover {
  background-color: #ff5c00;
}

.tos-page .tos-nav-btn.active {
background: linear-gradient(
27deg
, #ff2f63 15%, #d60036 65%);
  color: #fff;
  padding: 0 14px;
}

.tos-page .tos-nav-btn.active span {
  display: inline-block;
}

.tos-page .tos-tabs {
  line-height: 170%;
}

.tos-page .tos-tabs .tos-tab {
  display: none;
}

.tos-page .tos-tabs .tos-tab.active {
  display: block;
}
.servNav li a {
  color:#071828!important;
  text-decoration: none
}
  
.servNav li:hover {
  background: #ff0264
}
  
.servNav li:hover a {
  color: #fff!important
}

.srv-search {
  background-color: #f5f5f5!important;
  color: #202020;
  font-size: 11px;
  border: none;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: .15s ease;
  transition: .15s ease;
  min-height: 40px;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px
}

.srv-search .srv-input {
  width: calc(100% - 40px);
  background: transparent;
  border: none;
  outline: none;
  height: 40px;
  color: #202020;
  padding: 0 14px;
}

.srv-search .srv-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.page-head-content {
  margin-left: 10px;
  padding-right: 40px;
  line-height: 20px;
  max-width: 550px;
  line-height: 20px;
  font-size: 14px;
}

.page-head-content h1 {
  font-size: 15px;
  font-weight: bold
}

.page-head-content h1 span {
  color: #ff5c00
}

.page-head-title {
  margin-left: auto;
  font-size: 26px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: bold;
  color: #8faccb
}

@media screen and (max-width: 667px) {
  .panel-main .page-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
    height: auto;
    padding-bottom: 15px;
  }
  .page-head-icon {
    display: none;
  }
  .page-head-content {
    margin-left: 0;
    padding: 10px 20px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .page-head-title {
    display: none;
  }
}

.page-head-content h1 span {
  color: #ffffff;
}

.page-head-title {
  margin-left: auto;
  font-size: 26px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: bold;
  color: #ffffff;
}

@media screen and (max-width: 667px) {
  .panel-main .page-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
    height: auto;
    padding-bottom: 15px;
  }
  .page-head-icon {
    display: none;
  }
  .page-head-content {
    margin-left: 0;
    padding: 10px 20px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: 12px;
  }
  .page-head-title {
    display: none;
  }
}

.well-head {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold
}

.well-head i {
  background: rgb(255, 64, 62);
  background: linear-gradient(90deg, rgba(255, 64, 62, 1) 0%, rgba(255, 106, 39, 1) 100%);
  color: #fff;
  border-radius: 25px 0 0 25px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 5px
}

.main-timeline {
  max-height: 500px;
  overflow-y: scroll;
  margin-top: 15px
}

.main-timeline::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.main-timeline::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
}

.main-timeline::-webkit-scrollbar-track {
  background: transparent;
}

.timeline:nth-child(1) {
  margin-top: 10px;
}

.timeline {
  margin-bottom: 0px;
  line-height: 25px;
  width: 100%;
  margin-top: 15px;
  border: 1px solid #f5f5f5;
  border-bottom: 1px solid #122f4c;
  padding: 15px;
}

.tl-header {
  font-weight: 600;
  font-size: 14px
}

.tl-time {
  background: #a7a7a7;
  border-radius: 5px;
  padding: 3px 10px;
  color: #fff;
  width: 115px
}

.modal-header .close {
	font-size: 28px;
	color: #fff;
	opacity: 1;
	line-height: 23px;
	margin-top: 5px;
	border: 2px solid transparent;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 0px;
}

.modal-title1 {
	float: left;
	font-size: 14px;
	color: #fff;
	padding-left: 10px;
}

.modal-body1 {
	padding: 15px
}


/* Panel */

.navbar {
	float: left;
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	border-radius: 0;
	position: relative
}

.navbar .navbar-logo {
	float: left;
	width: 255px;
	height: 70px;
	transition: 300ms
}

.navbar .navbar-logo .logo-small {
	display: none
}

.navbar .navbar-logo .logo-large {
	display: block
}

.navbar .navbar-logo img {
	max-width: 85%;
	margin: 13px auto;
	vertical-align: middle;
	display: block;
}

.navbar .navbar-wrap {
	float: left;
	width: calc(100% - 255px);
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #f5f5f5;
	height: 70px
}

.navbar .navbar-wrap .navbar-toggler {

	background: transparent;
	border: none;
	outline: none;
	padding: 5px 0;
	color: #b1b1b5;
	cursor: pointer
}

.mobile-navbar-toggler {
	float: right;
	background: transparent;
	border: none;
	outline: none;
	font-size: 23px;
	padding: 5px 10px;
	color: #b1b1b5;
	margin-top: 26px;
	cursor: pointer;
	display: none!important;
}

.navbar .navbar-wrap .darkmode button {
	background: transparent;
	border: none;
	outline: none;
	color: #b1b1b5;
	padding: 10px
}

.navbar .navbar-wrap .navbar-prof {
	margin-top: -23px;
	position: absolute;
	right: 15px
}

.navbar .navbar-wrap .navbar-prof .wallets {
	background: #f5f5f5;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	color: #808080
}

.navbar .navbar-wrap .navbar-prof ul li {
	display: block;
	float: left;
	margin-right: 15px;
}

.p-menu {
	float: left;
    width: 257px;
    border-right: 1px solid #f5f5f5;
    background: #fff;
    z-index: 11;
    min-height: calc(100vh);
	position: fixed;
    transition: 300ms;
    padding-top: 100px;
}

.p-menu:before {
	content: ""
}

.p-menu ul {
	margin: 8px 0 60px;
	padding: 0;
	float: left;
	width: 100%;
}

.p-menu ul li {
	list-style: none;
	float: left;
	width: 100%;
	position: relative
}

.p-menu ul li a:hover {
	background: #f5f5f5!important;
	color: #000
}

.p-menu ul li a {
	display: block;
	align-items: center;
	padding: 13px 20px;
	color: #000;
	text-decoration: none;
	padding-top: 10px;
	transition-duration: .45s;
	position: relative
}

.p-menu ul li.active {
	background: #f5f5f5
}

.p-menu ul li.active:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 100%;
	background: linear-gradient(to top, #ff7543, #f93e66);
	left: 0;
	top: 0;
}

.p-menu ul li a img {
	margin-right: 15px;
	text-align: center;
	width: 24px;
}

.open-left {
	width: 257px;
	border-right: 1px solid #f5f5f5
}

.close-left {
	width: 70px;
	border: none
}

.close-left .p-menu-profile {
	display: none
}

.close-left ul li a {
	position: relative;
	text-align: center
}

.close-left ul li a i {
	margin-right: 0;
	font-size: 18px
}

.close-left ul li a .menu-title {
	position: absolute;
	box-shadow: 1px 0 16px -4px rgba(0, 0, 0, 0.25);
	background: #fff;
	width: 170px;
	z-index: 22;
	left: 75px;
	top: 13px;
	border-radius: 10px;
	padding: 5px 15px;
	text-align: center;
	visibility: hidden
}

.close-left ul li a:hover .menu-title {
	visibility: visible;
	left: 88px;
	transition: 100ms
}

.panel-main {
	float: left;
	width: calc(100% - 257px);
	transition: 300ms;
	margin-bottom: 50px;
	margin-top: 90px!important
}

.panel-main .container {
	width: 100%;
}

@media(max-width: 767px) {
	.menu-mobile-open {
		display: block
	}
	select,
	option {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none
	}
	select::-ms-expand {
		display: none
	}
	.navbar .navbar-wrap .navbar-prof {
		top: 33px;
		right: 70px
	}
	.navbar-toggler {
		display: none!important
	}
	.mobile-navbar-toggler {
		display: block!important
	}
	.navbar .navbar-wrap {
		border: none;
	}
	.p-menu {
		position: fixed;
		left: -300px;
		transition: 300ms;
		z-index: 9999;
		max-height: 750px!important;
		overflow-x: scroll			
	}
	.panel-main {
		width: 100%
	}
	.mobile-left-open {
		left: 0
	}
	.navbar-prof ul li {
		display: block!important
	}
	.navbar-prof ul li.mHide {
		display: none!important
	}
    .order-tab-titles li { width: 50%; }
}

@media(max-width: 994px) and (min-width: 767px) {
	.navbar .navbar-wrap .navbar-toggler {
		display: none
	}
	.mobile-navbar-toggler {
		display: block!important
	}
	.p-menu {
		position: absolute;
		left: -300px;
		top: 70px
	}
	.menu-mobile-open {
		display: block
	}
	.panel-main {
		width: 100%
	}
	.mobile-left-open {
		left: 0
	}
}

@media(max-width: 1224px) and (min-width: 994px) {
	.navbar .navbar-wrap .navbar-toggler {
		display: none
	}
	.mobile-navbar-toggler {
		display: block!important
	}
	.p-menu {
		position: absolute;
		left: -300px;
		top: 0px;
	}
	.menu-mobile-open {
		display: block
	}
	.panel-main {
		width: 100%
	}
	.mobile-left-open {
		left: 0
	}
}

@media(max-width: 1224px) and (min-width: 768px) {
	.navbar-prof ul li {
		display: block!important
	}
	.navbar .navbar-logo img {
		max-width: 50%;
		margin: 21px;
		vertical-align: middle;
		display: block;
	}
	.navbar .navbar-wrap .navbar-prof {
		right: 55px;
		top: 33px;
	}
}
.user-details {
	background: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
    padding: 1rem!important;
    margin-bottom: 25px
}

.user-pointer {
    cursor: pointer;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.user-details .media .avatar img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.user-details .media .media-body .side-user-name {
    font-size: 14px;
    color: #4d575d;
    font-weight: 600;
    margin-left: 10px
}

.user-setting-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1rem;
    background-color: transparent;
    height: auto!important
}

.user-setting-menu>li>a {
    padding: 8px 5px;
    display: block;
    color: #4d575d;
    font-size: 13px;
    text-decoration: none
}

.user-setting-menu>li>a img {
    margin-right: 10px;
    text-align: center;
    width: 30px;
}

.user-setting-menu>li.logout {
	background: #df173c;
    border-radius: 10px;
    text-align: center
}

.user-setting-menu>li.logout a {
    color: #fff;
}

.user-setting-menu>li.account {
	background: #369aea;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 5px
}

.user-setting-menu>li.account a {
    color: #fff;
}

.user-details div.user-pointer:after {
    font-family:"Font Awesome 5 Pro";
    font-size: 16px;
    color: #4e4e4e;
    display: inline-block;
    content: '\f104';
    margin-right: 5px;
    transition: -webkit-transform .2s ease-in-out;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.user-details div.collapsed:after{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

/* Dark Mode CSS */

.cMode:focus, .cMode:hover {
	outline: 0;
    border: 0
}
@media only screen and (min-width: 1200px) {
	.togg {
		margin-left: 257px;
	}
	.togg2{
		margin-left: 66px
	}
    #main {
        min-height: 750px
    }
}

@media screen and (max-width:992px) {
	.navbar .navbar-logo img {
		max-width: 60% !important;
		margin: 10px!important;
		vertical-align: middle;
		display: block;
		width: auto;
	}
    .d-flex {
      display: block!important
    }
    .bttm-ico {
        margin-left: 0!important
    }
}

.burger-icon {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-shadow: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background-color: transparent;
	outline: none !important;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	top: 25px
}

.burger-icon span {
	display: block;
	position: absolute;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	top: 10px;
	height: 3px;
	min-height: 3px;
	width: 100%;
}

.burger-icon span::before,
.burger-icon span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	min-height: 3px;
	content: "";
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
}

.burger-icon span::before {
	top: -8px;
}

.burger-icon span::after {
	bottom: -8px;
}

.burger-icon-left span:before {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: auto;
	right: 0px;
	width: 50%;
}

.burger-icon-left span:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: auto;
	right: 0px;
	width: 75%;
}

.burger-icon-left-active span:before {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: 0px;
	right: auto;
	width: 50%;
}

.burger-icon-left-active span:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: 0px;
	right: auto;
	width: 75%;
}

.burger-icon-right span:before {
	left: 0px;
	right: auto;
	width: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon-right span:after {
	left: 0px;
	right: auto;
	width: 75%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon-right-active span:before {
	left: auto;
	right: 0px;
	width: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon-right-active span:after {
	left: auto;
	right: 0px;
	width: 75%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon span {
	background-color: #B5B5C3;
}

.burger-icon span::before,
.burger-icon span::after {
	background-color: #B5B5C3;
}

.burger-icon:hover span {
	background-color: #E0040B;
}

.burger-icon:hover span::before,
.burger-icon:hover span::after {
	background-color: #E0040B;
}

.burger-icon-active span {
	background-color: #E0040B;
}

.burger-icon-active span::before,
.burger-icon-active span::after {
	background-color: #E0040B;
}

.d-btn {
    border-radius: 6px;
    background: #262a35;
    color: #ededed;
    font-size: 13px;
    display: inline-block;
    line-height: 20px;
    padding: 12px 18px;
    outline: none;
    border: none;
    font-weight: 600;
    letter-spacing: .4;
    -webkit-transition: .15s ease;
    transition: .15s ease;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.d-btn.db-green {
    background-color: #3ad89e;
    color: #fff;
}

.ml-1 {
}


.p-menu::-webkit-scrollbar {
  width: 4px!important;
}

.p-menu::-webkit-scrollbar-track {
  background: #f1f1f1!important;
}

.p-menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3)!important;
  border-radius: 2px!important;
}

.p-menu::-webkit-scrollbar-thumb:hover {
  background: #f5f5f5!important;
}

.dash-home-one {
	width: 100%
}

.top-card {
    border-radius: 10px;
    background: #fff;
	min-height: 125px
}

.top-card.tcard-box1 {
    color: #fff;
    background-image: url();
    background-size: cover;
    background-position: right center;
}

.top-card.d-pad {
    padding: 20px 30px;
}

.top-card.tcard-box1 .title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.top-card.tcard-box1 .text {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
}

.top-card.tcard-box1 .title span {
    color: #202020;
}

.top-card.blue {
    background: #3ad89e
}

.top-card.blue .title {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
}

.top-card.blue .d-btn {
    margin-top: 5px
}

.top-card.red {
    color: #fff;
    background: #ffffff;
}

.top-card.red .title {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
}

.top-card.red .d-btn {
    margin-top: 5px
}

.well .well-head {
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 600;
    color: #676767;
    font-size: 24px;
	margin-bottom: 15px
}

.well .well-head .icon {
    height: 30px;
    margin-right: 10px;
}

.home-status {
	width: 100%
}

.card {
    padding: 10px 25px
}

.home-status .card-item .title {
    font-size: 16px;
    font-weight: 500;
    color: #ccc;
}

.home-status .card-item .text {
    font-size: 25px;
    font-weight: 600;
    color: #202020;
}

.home-status .card-item .icon img {
    height: 50px;
    width: 50px;
	margin-right: 25px
}

.panel-body {
	background: #fafbfc;
	border-radius: 10px;
}

.priceBadge {
    height: 20px;
    line-height: 20px;
    background: #fff;
    color: #d5d7d9;
    font-size: 12px;
    font-weight: 600;
    padding: 0 7px;
    border-radius: 5px;
    vertical-align: middle;
    display: inline-block;
}

.priceBadge.bGreen {
    background: #f75757;
    color: #ffffff;
}

.dropdown-menu {
	width: 100%;
	padding: 0;
	max-height: 43.6vh;
	overflow-y: scroll;
}

#order-sItem,
#order-cItem {
	white-space: inherit;
	padding: 12px;
	font-weight: 500;
	font-size: 14px;
	border-bottom: 1px solid #f5f5f5;
	text-align: left;
	width: 100%
}

#order-category,
#newtc,
#order-services {
	white-space: nowrap;
	text-overflow: ellipsis;
}

#order-category,
#order-services {
	width: 85%;
	overflow-x: hidden;
	position: absolute;
	line-height: 15px;
	height: 20px;
	font-size: 14px;
}

.dropdown button {
	background: #fff;
	border: 1px solid #f1f1f1;
	color: #081521
}

.dropdown button:hover,
.dropdown button:focus {
	outline: none;
}

.dropdown-menu::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

.dropdown-menu::-webkit-scrollbar-track {
	background: transparent;
}

.fab.fa-instagram {
	background: linear-gradient(200deg, #d047d1, red, #ff0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 14px;
	padding: 2.4px;
	border-radius: 5px;
	color: #FFF;
	margin-right: 10px;
}



.fas.fa-heart-square {
	background: linear-gradient(200deg, #d047d1, red, #ff0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 15px;
	padding: 2.4px;
	border-radius: 5px;
	color: #FFF;
	margin-right: 10px;
}

.fab.fa-facebook-square {
	background: #207eff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-youtube {
	background: #ff0042;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}


.fal.fa-stars {
background: linear-gradient(200deg, #0094ff, red, #f4ae2c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    padding: 2.4px;
    border-radius: 5px;
    color: #FFF;
    margin-right: 10px;


}

.fab.fa-twitter {
	background: #1da1f2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fas.fa-tag {
    background: #ff5836;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 10px;
}

.fab.fa-telegram-plane {
	background: #2b9fd2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-soundcloud {
	background: #ff5836;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-spotify {
	background: #62ffa2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-tiktok {
	background: #ff0042;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-twitch {
	background: #4b367c;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-pinterest-p {
	background: #ff5858;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fa.fa-music {
	background: #69C9D0;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fas.fa-globe {
	background: #1a1a1a;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fas.fa-globe {
	background: #1a1a1a;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fas.fa-stream {
	background: #ccc;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-reddit {
	background: #F43708;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-hotjar {
	background: #ff0000;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-periscope {
	background: #e24d3a;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-linkedin-in {
	background: #0077b0;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-tumblr {
	background: #1c3764;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-dailymotion {
	background: #00c9eb;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fas.fa-magic {
	background: #24CA7A;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-vimeo-v {
	background: #00a8e8;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-apple {
	background: #5910DA;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-snapchat-ghost {
	background: #FFFC00;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fas.fa-camera-home {
	background: #6515dd;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-discord {
	background: #1090F3;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-google {
	background: #DA3810;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fas.fa-user-ninja {
	background: #F8DA00;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.far.fa-lock-alt {
	background: #00b1e6;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.order-tab-content {
	display: none; 
}

.order-tab-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
}

.order-tab-titles li:hover, .order-tab-titles li.active {
    background: #e1e1e1;
    color: #000;
    transition: 0.5s;
}

.order-tab-titles li {
    margin-right: 5px;
    width: 50%;
    height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.5s;
	background: #f5f5f5
}

.news-tab-content {
	display: none; 
}

.news-tab-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
}
.dh-item {
    border-radius: 20px;
    background-color: #F8F7F7;
    color: #464E77;
    overflow: hidden;
    position: relative;
    margin-bottom: 18px;
    padding: 15px 30px;
    font-size: 14px
}

.dh-item.dhi-4 .dh-item-icon {
	background-color: #ff2f63;
}

.dh-item .dh-item-icon {
	border-radius: 10px;
	width: 71px;
	height: 71px;
	font-size: 32px;
	line-height: 71px;
	background-color: #185bdc;
	background-position: center;
	background-size: 60% auto;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
}

.dh-item .dh-item-icon1 {
	border-radius: 100%;
	width: 32px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	background-color: #185bdc;
	background-position: center;
	background-size: 60% auto;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
}

.dh-item .dh-item-title {
	font-size: 16px;
	font-weight: 500;
	color: #464E77;
	margin-bottom: 10px;
}

.dh-item .dh-item-title1 {
	font-size: 16px;
	font-weight: 500;
	color: #464E77;
}

.dh-item .dh-item-text {
	font-size: 10px;
	font-weight: 400;
	color: #6F7896;
	line-height: 22.4px;
	letter-spacing: .2px;
}

.tablepen {
	margin: 0 0 10px;
	width: 100%;
	display: table;
	border: none;
	border-radius: 0 0 3px 3px;
	border-top: none
}

@media screen and (max-width:991.98px) {
	.tablepen {
		display: block
	}
}

.tablepen .sira {
	display: table-row;
	background: #fff;
    color: #202020;
}

.tablepen .sira:nth-of-type(odd) {
	background: #f8f7f7;
	color: #202020
}

.tablepen .sira.headers {
	font-weight: 600;
	color: #fff;
	background: #ff2f63
}

.tablepen .sira.green {
	background: #27ae60
}

.tablepen .sira.blue {
	background: #2980b9
}

.table-m-header {
	display: none
}

@media screen and (max-width:991.98px) {
	.table-m-header {
		display: block;
		text-align: center;
		padding-top: 7px
	}
	.tablepen .sira {
		padding: 0 0 5px;
		display: block
	}
	.tablepen .sira.headers {
		height: 35px
	}
	.tablepen .sira.headers .hucre {
		display: none
	}
	.tablepen .sira .hucre {
		margin-bottom: 10px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
	}
	.tablepen .sira .hucre:before {
		margin-bottom: 3px;
		content: attr(data-title);
		min-width: 98px;
		font-size: 10px;
		line-height: 10px;
		font-weight: 700;
		text-transform: uppercase;
		color: #969696;
		display: block;
		margin-top: 15px
	}
}

.tablepen .hucre {
	padding: 6px 12px;
	display: table-cell;
	border-top: 1px solid #d0c7c7;
	font-size: 12px;

}

.hucre:nth-child(1) {
	border-left: none !important;
}

.border-text,
.repw {
	display: block
}

@media screen and (max-width:991.98px) {
	.tablepen .hucre {
		padding: 2px 16px;
		display: block
	}
    .nav-pills.fastside .nav-link {
      font-size: 11px
    }
}

.news-tab-titles li:hover, .news-tab-titles li.active {
    background: #051728;
    color: #fff;
    transition: 0.5s;
}

.news-tab-titles li {
    margin-right: 5px;
    width: 33.3333%;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.5s;
    background: #f5f5f5
}

.news-tab .notification {
    max-height: 700px;
    overflow: scroll;
    padding: 10px;
}

.news-tab .notification li {
    display: flex;
    align-items: center;
}

.news-tab .notification li {
    background: #f8f7f7;
    padding: 15px;
    margin-bottom: 20px;
}

.news-tab .notification li .icons {
    font-size: 25px;
    margin-right: 10px;
}

.news-tab .notification li .date {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

.news-tab .notification li .title {
    font-size: 16px;
    font-weight: 500;
}

.news-tab .notification li .title a {
    color: #202020
}

.news-tab .notification li .text {
    color: #6f7896;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.news-tab .gain-balance {
    width: 100%
}

.news-tab .gain-balance th {
    border-bottom: 1px solid #202020;
    padding-bottom: 5px;
}

.data-table tr th {
    font-size: 15px;
    font-weight: 500;
    color: #202020;
    text-align: left;
}

.data-table tr td {
    border-bottom: 1px solid #f5f5f5;
    height: 60px;
    color: #303030;
    font-weight: 500;
}

.data-table tbody {
    border-bottom: 1px solid #f5f5f5;
	margin: 10px 0
}

.news-tab .description {
    background: #f8f7f8;
    padding: 15px;
    color: #ccc;
    margin-bottom: 30px;
    font-weight: 400;
    border-radius: 4px;
	font-size: 14px;
    line-height: 18px;
	margin-top: 25px
}

.news-tab-content .panel-body {
	background: #fff;
	border: none;
	border-radius: 0
}

.panel-default>.panel-heading {
	cursor: pointer
}

.cMode, body.light .cMode {
  background: #fff;
  color: #404040;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  font-size: 15px;
  padding: 10px;
  border-radius: 30px;
  border: 0
}

.cMode:focus, .cMode:hover {
	border: none;
	outline: 0
}

.cMode i span {
  font-family: Poppins, sans-serif!important;
  font-weight: normal!important;
  font-size: 15px!important
}

body.dark .cMode {
  background: transparent;
  color: #fff;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  font-size: 15px;
  padding: 10px;
  border-radius: 30px;
  border: 0
}

button.cMode:hover {
    opacity:.9;
}

.cMode i.fa-moon {
	color: rgba(255, 106, 39, 1)
}

.cMode i.fa-sun span {
	color: #fff
}


.cMode i.fa-sun {
	color: #ffbf00
}

.cMode i span {
	color: #404040
}

body i.fa-moon , body.light i.fa-moon {
	display: block
} 

body i.fa-sun , body.light i.fa-sun {
	display: none
} 

body.dark i.fa-moon {
	display: none
} 

body.dark i.fa-sun {
	display: block
}

.dfb-search {
  color: #202020;
  font-size: 11px;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: .15s ease;
  transition: .15s ease;
  min-height: 40px;
  position: relative;
  overflow: hidden;
}

.dfb-search .dfb-input {
  width: calc(100% - 40px);
  background: #fafbfc;
  border: none;
  outline: none;
  height: 40px;
  color: #202020;
  padding: 0 14px;
}

.dfb-search .dfb-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.dfb-search .dfb-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.dfb-search .dfb-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.dfb-search .dfb-input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.dfb-search .dfb-submit {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: none;
  background: #fb7290;
  color: #ffffff;
}

.servNav li a {
    margin-right: 10px;
    color: #808080;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background: rgb(9 8 8);
    background: #262a35;
    color: #fff
}

.modal {
	margin-top: 100px
}

.ticket-message-right .ticket-message {
    background: rgb(229 229 229);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}

.ticket-message-left .ticket-message {
    background: rgb(27, 91, 224, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}

.top-card h2 {
	font-size: 20px;
    color: #ffffff90
}

.prp-info, .prp-info-2 {
    padding: 30px;
    background: #f5f5f5;
    color: #000;
    font-size: 15px;
    border-radius: 18px;
    min-height: 150px
}

.prp-info span {
	color: #FE3D73
}

.prp-info-2 .prp-info-2--btn {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: transparent;
    border: 4px;
    border-radius: 50%;
    color: #FE3D73 !important;
    font-size: 26px;
    border-style: solid;
    border-color: #FE3D73;
    -webkit-transition: .18s ease;
    transition: .18s ease;
}

.prp-info-2 .prp-info-2--btn .fas {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.prp-info-2 .prp-info-2--btn:hover {
  background: #FE3D73;
  color: #fff !important;
}

#myTab.nav-tabs>li>a {
    border: none;
	background: #f5f5f5;
	margin-right: 10px;
    color: #808080
}
#myTab.nav-tabs>li.active>a {
    background: rgb(255, 64, 62);
    background: linear-gradient(45deg, #ff9f01 15%, #ff0264 65%);
    color: #fff
}
#myTab p.rules {
  	font-size: 13px;
    line-height: 24px!important
}  

.help-block {
	color: #000000;
}

@media screen and (min-width:768px){
  .h-menu {display:none}
}

.panel-default.wht .panel-body {
	background: #ffF;
  	border-radius: 0
}

@media screen and (min-height: 400px) and (max-height: 800px) {
	.p-menu {
		max-height: 500px!important;
		overflow-x: scroll	
	}
}

.p-menu::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.p-menu::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

.p-menu::-webkit-scrollbar-track {
	background: transparent;
}

/* Whatsapp Bilgi */



.mt_overlay .mt_overlay-close {
    opacity: .7
}

.mt_overlay .mt_overlay-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 80px;
    top: 80px;
    overflow: hidden;
    border: none;
    background: url(cross.svg) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: 0;
    z-index: 100;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    opacity: 1
}

.mt-overlay-title-transparent {
    color: #000;
    font-size: 150px;
    font-weight: 700;
    position: absolute;
    top: -75px;
    width: 100%;
    line-height: normal;
    opacity: .04
}

.mt_overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mt_overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative
}

.mt_overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mt-single-theme-holder:hover {
    box-shadow: #bfbfbf 0 0 16px;
    -webkit-box-shadow: #bfbfbf 0 0 16px
}

.p-relative {
    position: relative
}

.mt-single-theme-holder {
    margin-bottom: 30px;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: #e5e5e5 0 0 16px;
    -webkit-box-shadow: #e5e5e5 0 0 16px
}

.mt-single-buy-btn:hover i {
    color: #fff
}

.mt-single-buy-btn i {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    color: #79b530
}

.mt-single-buy-btn:hover {
    background: #79b530
}

.mt-single-buy-btn.mt-single-buy-btn-preview {
    border: 1px solid #ccc;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
    color: #7f7f7f!important;
    font-size: 12px
}

.mt-single-buy-btn.mt-single-buy-btn-preview:hover {
    background: #ccc;
    color: #fff!important
}

.mt-single-buy-btn {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    border: 1px solid #79b530;
    border-radius: 2px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 37px!important;
    color: #79b530;
    background: 0 0
}

.mt-sales-helper {
    margin-bottom: 70px
}

.mt-single-theme-title {
    font-size: 16px;
    font-weight: 700;
    color: #454545!important
}

.mt-single-theme-category {
    margin: 0;
    margin-top: 0;
    font-size: 8px;
    line-height: normal;
    margin-top: 3px
}

.mt_overlay ul li a {
    font-size: 54px;
    font-weight: 300;
    display: block;
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s
}

.mt-overlay-title {
    color: #454545;
    font-size: 40px;
    font-family: inherit;
    font-weight: 600;
    margin-bottom: 00px
}

.mt-overlay-subtitle {
    margin-bottom: 40px
}

.mt-single-theme-group {
    background: #fff;
    padding: 15px 20px
}

.mt-single-theme-category {
    height: 20px
}

.mt_overlay-slidedown {
    overflow-y: scroll;
    padding-top: 130px;
    padding-bottom: 100px;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .4s ease-in-out, visibility 0s .4s;
    transition: transform .4s ease-in-out, visibility 0s .4s
}

.mt_overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    z-index: 222222
}

#mt_trigger-overlay:hover {
    box-shadow: #ccc 0 0 16px;
    -webkit-box-shadow: #ccc 0 0 16px
}

#svg_modeltheme_logo,
.mt-env-logo-svg {
    max-width: 15px;
    float: left;
    margin-right: 6px
}

#mt_trigger-overlay svg#svg_envato_logo path {
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out
}

#mt_trigger-overlay:hover svg#svg_envato_logo path {
    fill: #454545
}

#mt_trigger-overlay:hover {
    -webkit-box-shadow: 0 37px 20px -15px rgba(0, 0, 0, .2);
    box-shadow: 0 37px 20px -15px rgba(0, 0, 0, .2);
    transform: translate(0, -4px);
    -webkit-transform: translate(0, -4px);
    background: #d77864
}

#mt_trigger-overlay.mt_purchase_link {
    bottom: 79px;
}

#mt_trigger-overlay.mt_purchase_link svg path.path01 {
    fill: #81b441;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out
}

#mt_trigger-overlay.mt_purchase_link:hover svg path.path01 {
    fill: #454545
}

#mt_trigger-overlay.mt_purchase_link:hover {
    background: #81b441
}

#mt_trigger-overlay {
    width: 240px;
    z-index: 222222;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms cubic-bezier(0.97, -0.18, 0.06, 1.2);
    position: fixed;
    left: 3px;
    font-weight: 300;
    bottom: 25px;
    background: #382b4d;
    color: #fff;
    padding: 10px 25px;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: 0 17px 10px -12px rgba(0, 0, 0, .4)!important;
    -webkit-box-shadow: 0 12px 10px -12px rgba(0, 0, 0, .4)!important;
    border-radius: 7px;
    font-size: 14px;
}

.mt_overlay .mt_overlay-close:hover {
    transform: rotate(180deg)
}

@media only screen and (max-width:767px) {
    .mt-overlay-title {
        font-size: 23px!important
    }
    .mt-overlay-title-transparent {
        font-size: 30px!important;
        top: -20px!important
    }
    .mt-overlay-title-subtitle-group.p-relative {
        max-width: 90%;
        margin: 0 auto
    }
    .mt-single-buy-btn {
        height: 30px;
        line-height: 28px!important
    }
}

a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}

a img {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;

}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mt-overlay-title-transparent {
        font-size: 70px!important;
        top: -30px!important
    }
}
@media only screen and (max-width:1100px) {
    .mt-single-theme-details-btns {
        width: 100%!important
    }
    .mt-single-theme-details-btns a {
        float: left!important
    }
    .mt-single-buy-btn.mt-single-buy-btn-preview {
        margin-left: 10px
    }
}
#svg_modeltheme_logo {
    max-width: 17px !important;
}
.mt-env-logo-svg {
    width: 15px
}
.mt_overlay-close:before,
.mt_overlay-close:after{
	display: none !important;
}


/* Whatsapp Bilgi Biter*/

.parabuls{
    margin-bottom: 9px;
    margin-top: 0px;
    display: inline-table;
    /* padding: 10px; */
    /* background: #1f1f1f; */
    border-radius: 10px;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: row-reverse;
}

.parabuls{
    width: %;
    background: #f25a56;
    padding: 8px 16px;
    border-radius: 10px;
    text-align: center;
}

.parabuls:hover{
    width: 10%;
    background: #262a35;
    padding: 8px 16px;
    border-radius: 10px;
    text-align: center;
    transition: .5s ease;
}

.parabuls:link{
  text-decoration: none;
}






































.dash-home-status {
	position: relative;
	margin: 0;
}

.dash-home-status>.row {
	margin-left: -8px;
	margin-right: -8px;
}

.dash-home-status>.row>div {
	padding-left: 8px;
	padding-right: 8px;
}

.dash-home-status .dhs-item {
	border-radius: 18px;
	background-color: #3054e0;
	color: #fff;
	padding: 25px 40px 25px 30px;
	position: relative;
	overflow: hidden
}

.dash-home-status .dhs-item::before {
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(https://storage.perfectcdn.com/d3354b/iu6l9gj6cnw0wi9s.png);
	position: absolute;
	overflow: hidden;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	opacity: .7;
}

.dash-home-status .dhs-item.dhs-item--1 {
	background: rgb(117, 155, 255);
	background: linear-gradient(230deg, rgba(117, 155, 255, 1) 0%, rgba(132, 60, 246, 1) 100%);
}


.body .badge {
    font-weight: 700;
    font-style: normal;
    font-size: "";
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.body .badge-primary {
    color: #ffffff;
    background: #1E79E4;
    box-shadow: none;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.body .badge-secondary {
    color: #ffffff;
    background: #718290;
    box-shadow: none;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.body .badge-danger {
    color: #ffffff;
    background: #C81919;
    box-shadow: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.body .badge-warning {
    color: #ffffff;
    background: rgba(255, 193, 7, 1);
    box-shadow: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


.dash-home-status .dhs-item.dhs-item--2 {
	background: rgb(252, 82, 134);
	background: linear-gradient(230deg, rgba(252, 82, 134, 1) 0%, rgba(251, 170, 162, 1) 100%);
}

.dash-home-status .dhs-item.dhs-item--3 {
	background: rgb(255, 196, 128);
	background: linear-gradient(230deg, rgba(255, 196, 128, 1) 0%, rgba(255, 118, 59, 1) 100%);
}

.dash-home-status .dhs-item.dhs-item--4 {
	background: rgb(14, 76, 253);
	background: linear-gradient(230deg, rgba(14, 76, 253, 1) 0%, rgba(106, 142, 255, 1) 100%);
}

.dash-home-status .dhs-item .dhs-item--icon {
	height: 45px;
	width: 45px;
	line-height: 38px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 20%;
	display: block;
	-webkit-transition: .15s ease;
	transition: .15s ease;
}

.dash-home-status .dhs-item .dhs-item--icon .dhs-item--icon-img {
	width: auto;
	height: 100%;
}

.dash-home-status .dhs-item .dhs-item--title {
	color: #fff;
	font-size: 15px;
	font-weight: 200;
}

.dash-home-status .dhs-item .dhs-item--text {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}


.dash-home-status .dhs-item {
		padding: 10px;
		border-radius: 10px;
	}
	.dash-home-status .dhs-item .dhs-item--title {
		font-size: 11px;
	}
	.dash-home-status .dhs-item .dhs-item--text {
		font-size: 12px;
	}



@media screen and (min-width: 300px) {
	.dash-home-status .dhs-item .dhs-item--title {
  font-size: 10px;
}
	
	
	



/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  background: #fff;
  margin-top: 15px;
  transition: 0.5s;
}
.team .member .pic {
  overflow: hidden;
  width: 180px;
}
.team .member .pic img {
  transition: ease-in-out 0.3s;
}
.team .member:hover {
  transform: translateY(-10px);
}
.team .member .member-info {
  padding-left: 30px;
}
.team .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #37517e;
}
.team .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}
.team .member span::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
}
.team .member p {
  margin: 10px 0 0 0;
  font-size: 14px;
}
.team .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.team .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #eff2f8;
}
.team .member .social a i {
  color: #37517e;
  font-size: 16px;
  margin: 0 2px;
}
.team .member .social a:hover {
  background: #47b2e4;
}
.team .member .social a:hover i {
  color: #fff;
}
.team .member .social a + a {
  margin-left: 8px;
}




#block_278 {
    position: relative;
    overflow: hidden;
    min-height: auto;
    padding-bottom: 15px;
    padding-top: 45px;
    /* margin-bottom: -4px; */
}
  #block_278 .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: none;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    opacity: 1;
    filter: blur(0px);
}
  #block_278 .divider-top {
    background-image: none;
    width: 100%;
    position: absolute;
    top: 0px;
    transform: rotateY(180deg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: 100% 58px;
    height: 58px;
    z-index: 0;
}
  #block_278 .divider-bottom {
    background-image: none;
    width: 100%;
    position: absolute;
    bottom: 0px;
    transform: rotateY(180deg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: 100% 58px;
    height: 58px;
    z-index: 0;
}
  #block_278 .text-block__title {
    margin-bottom: 8px;
}
  .body h2 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    font-weight: 700;
    font-style: normal;
    color: #0C315C;
   
}
  .style-text-features-title {
    color: #052a36;
}
 .style-text-features-desc {
    color: #334e6e;
}

.how-it-works {
    margin-bottom: 30px;
}/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/


.section-bg {
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}
.section-title h2 {
  font-size: 32px;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  font-family: "Poppins", sans-serif;
  color: #213b52;
}
.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}
.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #ff0000;
  bottom: 0;
  left: calc(50% - 20px);
}
.section-title p {
  margin-bottom: 0;
}


body.dark .app-navbar {
	background: #282b3b;
	-webkit-box-shadow: 0 5px 50px rgb(46 48 63);
	box-shadow: 0 5px 50px rgb(0 0 0);
}

body.dark .app-navbar i,
body.dark .app-navbar .navbar-texts {
	color: #fff;
}

body.dark .app-navbar a.active i,
body.dark .app-navbar a.active .navbar-texts {
	color: #ffa77c;
}



body.dark  .fa-sliders-h-square:before {
    content: "\f3f0";
    color: #fff;
}


body.dark .help-block {

    color: #ffffff;
	
}

body.dark .home-status .card-item .icon img {
    height: 50px;
    width: 50px;
    margin-right: 25px;
    filter: invert(100%) sepia(100%) saturate(0%);
}


body.dark .servNav li {
    background: #272938;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}


body.dark .servNav li a {
    background: #333549;
    color: #fff;
}

body.dark .servNav li a {
    color: #ffffff!important;
    text-decoration: none;
}


body.dark a {
    color: #000;
    text-decoration: none;
}



body.dark .serv-head {
	background: rgb(255 255 255);
	background: #ffffff;
	color: #fff;
	border-radius: 10px;
	border: none;
	text-align: left;
	padding: 8px 20px;
}


body.dark .user-details {
    border-bottom: 1px solid #000000;
    padding: 1rem!important;
    background: rgb(252, 82, 134);
    background: linear-gradient(230deg, rgb(255 134 120) 0%, rgb(180 23 7) 100%);
    margin-bottom: 25px;
}




body.dark .user-details .media .media-body .side-user-name {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 10px;
}





body.dark .panel-default {
    border-color: #1a1b20;
    background: #000;
}

body.dark  .navbar .navbar-logo {
    float: left;
    width: 255px;
    height: 70px;
    filter: invert(100%) sepia(100%) saturate(0%);
}

/* Night Mode */

body.dark  {
	background: #383b50 !important;
}

body.dark .well {
	background-color: #272938;
	color: #fff;
	border: 1px solid #333549;
}

body.dark .navbar, body.dark .p-menu, body.dark .card {
	background-color: #272938;
}

body.dark .navbar .navbar-wrap, body.dark .open-left {
	border-color: #383b50
}

body.dark .p-menu ul li.active {
	background-color: #5c607c;
}

body.dark .p-menu ul li.active a {
	color: #ffffff;
}

body.dark .p-menu ul li a:hover {
	background-color: #272938 !important;
}



body.dark .dark_ozelim {
    
    filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(80%);
    
    
}



body.dark .home-status .card-item .title {
	color: #f5f5f5
}

body.dark .home-status .card-item .text {
	color: #FFFFFF
}

body.dark .well .well-head, body.dark label {
	color: #f5f5f5;
	border-color: #383b50
}

body.dark .form-control {
	background: #383b50 !important;
	color: #ffffff90;
	border: none;
	border: 1px solid #000;
}

body.dark .border-solid {
	background: #383b50 !important;
	color: #fff;
	border: 1px solid #000;
}

body.dark .dropdown button {
    background: #272938;
    color: #fff;
    border: 1px solid #000;
}

body.dark #order-sItem, body.dark #order-cItem {
    border-bottom: 1px solid #333549;
}

body.dark .news-tab-titles li:hover, body.dark .news-tab-titles li.active {
	background: #a34340;
	border: 1px solid #000;
}

body.dark .news-tab-titles li {
	background: #383b50
}

body.dark .news-tab .notification li {
	background: #383b50;
	border: 1px solid #000;
}

body.dark .news-tab .notification .icons i {
	color: #5c607c
}

body.dark .news-tab .notification li a {
	color: #fff
}

body.dark .panel-default>.panel-heading {
    color: #FFFFFF90;
    background-color: #5c607c;
    border-color: #5c607c;
}

body.dark .panel-default {
    border-color: #fff;
    background: #272938 !important;
}

body.dark .news-tab-content .panel-body {
	background: #383b50
}

body.dark .news-tab-content .panel-body {
	color: #FFFFFF90
}

body.dark .news-tab .description {
	background: #383b50;
	color: #5c607c
}

body.dark .data-table tr td {
	border-bottom: 1px solid #383b50;
    color: #FFFFFF90;
}

body.dark .data-table tr th {
	color: #fff
}

body.dark .navbar .navbar-wrap .navbar-prof .wallets {
	background: #383b50;
	color: #fff
}

body.dark .d-btn {
	background: #5c607c;
	color: #fff
}

body.dark #serv-table.table tr:nth-child(odd) {
	background:transparent
}

body.dark #serv-table.table tr:nth-child(even) {
	background:transparent
}

body.dark #serv-table.table tr {
	border-color:#000;
}

body.dark #serv-table.table td {
	border-color:#1e1e1e;
}

body.dark #serv-table.table>tbody>tr>td.serv-head {
    border: none;
    background: #a34340;
}


body.dark .data-table tbody {
	border-color: transparent
}

body.dark .p-menu ul li a {
	color: #fff
}


body.dark #serv-table.table tr:nth-child(even) {
		background: #373a4f;
	}

body.dark .p-menu ul li a:hover {
	color: #ff0264;
}

body.dark .p-menu ul li a img {
	-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);
}

body.dark .news-tab .notification li .text {
    color: #f5f5f5;
}

body.dark .news-tab .notification li .date {
	color: #b3afaf
}

body.dark .news-tab-titles li {
	color: #f5f5f5
}

body.dark .news-tab-titles li img {
	-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);
}

body.dark .table tr td, body.dark .table tr td a {
    color: #ffffff!important;
}

body.dark #serv-table tr th {
    color: #f5f5f5;
}

body.dark .serv-input {
	border: none!important
}

body.dark #serv-icon {
	background: #383b50;
	border: none
}

body.dark .servNav li a {
	background: #272938;
	color: #fff
}

body.dark .nav-pills>li.active>a, body.dark .nav-pills>li.active>a:focus, body.dark .nav-pills>li.active>a:hover {
	background: rgb(255, 64, 62);
    background: linear-gradient(45deg, #ff9f01 15%, #ff0264 65%);
    color: #fff;
}

body.dark .dfb-search .dfb-input {
	background: #ffffff;
}

body.dark .dfb-search .dfb-submit {
	background: #4e5166;
	color: #fff
}

body.dark .table>thead:first-child>tr:first-child>th {
	color: #fff
}

body.dark .tab-pane {
	color: #f5f5f5;
}

body.dark .center-big-content-block h4, body.dark .center-big-content-block p {
	color: #f5f5f5
}

body.dark pre {
	background: #383b50;
	color: #f5f5f5;
	border: none
}

body.dark .table-bordered>tbody>tr>td, body.dark .table-bordered>tbody>tr>th, body.dark .table-bordered>tfoot>tr>td, body.dark .table-bordered>tfoot>tr>th, body.dark .table-bordered>thead>tr>td, body.dark .table-bordered>thead>tr>th {
	border-color: #383b50
}

body.dark .modal-body1 {
	background: #383b50;
	color: #f5f5f5;
}

body.dark .prp-info, body.dark .prp-info-2 {
	background: #272938;
  	color: #f5f5f5
}


body.dark .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid white;
    border-radius: 4px 4px 0 0;
    background: #272938;
    color: #fcfcfc;
}

body.dark .panel-default.wht .panel-body {
	background: #383b50!important;
  	border-radius: 0;
    color: #FFFFFF90
}

body.dark .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: 0
}

body.dark .ticket-message-right .ticket-message, body.dark .ticket-message-left .ticket-message {
	color: #fff
}


body.dark .ticket-message-right .ticket-message {
    background: rgb(140 7 7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}

body.dark .ticket-message-right .info, body.dark .ticket-message-left .info {
	color: #fff
}

body.dark .order-tab-titles li:hover, body.dark .order-tab-titles li.active {
	background: #5c607c
}

body.dark .order-tab-titles li {
	background: #383b50
}

body.dark .order-tab-titles li img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

body.dark .order-tab-titles li {
	color: #f5f5f5
}

.width-40 {
	max-width: 300px;
	word-wrap: break-word
}

.bttm-ico {
	margin-left: 150px
}

.d-flex {
	display: flex
}

.paylist tr:nth-child(n+6) {
    display:none
}
 .settings-menu {
    position: absolute;
    width: 325px;
    top: auto;
    padding: 0;
    z-index: 99;
    display: flex;
    pointer-events: none;
    flex-direction: column;
    right: 0;
    left: auto;
    z-index: 10000; }
    .settings-menu-modal {
      position: relative;
      width: 100%;
      height: auto;
      z-index: 99;
      display: flex;
      max-height: 66%;
      margin: 4px 0 16px 0;
      border-radius: 10px;
      overflow: hidden;
      pointer-events: auto;
      flex-direction: column;
      animation: 0.12s cubic-bezier(0, 0.1, 0.1, 1) normal;
      animation-name: dropmenu-animation;
      background-color: var(--summary-modal-bg);
      border: 0.5px solid;
      border-color: var(--border-color);
      box-shadow: var(--box-shadow-modal);
      color: var(--text-color);
      user-select: none; }
      .settings-menu-modal-list {
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: -1px;
        flex: auto;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; }
        .settings-menu-modal-list--header {
          font-size: 14px;
          font-weight: 600;
          padding: 7px 10px 7px 10px;
          border-bottom: 0.5px solid;
          border-color: var(--border-color); }
          .settings-menu-modal-list--header_text {
            text-transform: capitalize;
            cursor: default; }
        .settings-menu-modal-list--item {
          font-weight: 600;
          padding: 8px 10px 8px 10px;
          border-bottom: 0.5px solid;
          border-color: var(--border-color);
          color: inherit;
          background: #fdfdfd;
          }
          .settings-menu-modal-list--item:last-of-type {
            border-bottom: 0px;
            border-bottom: 0.5px solid;
            }
          .settings-menu-modal-list--item:hover {
            color: inherit;
            text-decoration: none;
            background-color: var(--summary-item-hover-bg);
            transition-timing-function: ease-out;
            transition-duration: .12s; }
          .settings-menu-modal-list--item_icon {
            font-size: 20px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            }
          .settings-menu-modal-list--item_info {
            font-size: 11px;
            font-weight: 400;
            color: var(--muted-text);
            }
          .settings-menu-modal-list--item_switch {
            position: relative;
            cursor: pointer;
            display: inline-block;
            width: 52px;
            height: 28px; }
            .settings-menu-modal-list--item_switch--checkbox {
              height: 28px;
              width: 52px;
              opacity: 0;
              margin: 0;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 1;
              cursor: pointer; }
            .settings-menu-modal-list--item_switch--track {
              position: absolute;
              top: 0;
              left: 0;
              height: 28px;
              width: 100%;
              border-radius: 50px;
              background-color: var(--switch-tick-color); }
            .settings-menu-modal-list--item_switch--thumb {
              position: absolute;
              top: 2px;
              left: 2px;
              border-radius: 50%;
              height: 24px;
              width: 24px;
              transition: transform 0.1s ease-in-out;
              background-color: var(--switch-tumb-color);
              box-shadow: 0 0 4px 0px #00000040; }
            .settings-menu-modal-list--item_switch--checkbox.checked ~ .settings-menu-modal-list--item_switch--thumb {
              transform: translateX(24px); }
            .settings-menu-modal-list--item_switch--checkbox.checked ~ .settings-menu-modal-list--item_switch--track {
              background-color: var(--blue); }
            #ofmq.settings-menu-modal-list--item_switch--checkbox.checked ~ .settings-menu-modal-list--item_switch--thumb {
              transform: translateX(14px)!important; }
            #ofmq.settings-menu-modal-list--item_switch--checkbox.checked ~ .settings-menu-modal-list--item_switch--track {
              background-color: var(--blue)!important; }

.floating-button {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #22c15e;
  display: flex; 
  align-items: center;
  justify-content: center;
  position: fixed; 
  bottom: 15px; 
  left: 15px; 
  transition: .2s; 
  z-index: 99999
}
.floating-button svg {
  width: 25px;
  height: 25px;
  position: relative;
  z-index: 10;
  fill: #fff;
}

.floating-button:hover {
  transform: translateY(-4px); 
  text-decoration: none; 
}

.floating-button .text-send {
  height: 30px;
  width: 10px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 30px;
  display: flex;
  align-items: center;
  font-size: 13px;
  padding-left: 15px;
  border-radius: 15px;
  background: #22c15e;
  color: #fff;
  transition: .2s;
  overflow: hidden;
  white-space: nowrap;
}

.floating-button:hover .text-send{
  visibility: visible;
  opacity: 1;
  width: 150px;
}

.bs-fav-btn {
	background: none;
  	border: none
}

.bs-fav-btn .fas.fa-star {
	color: #ff0264
}

body.dark .bs-fav-btn {
	color: #ff0264
}

.slist-text {
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	line-height: 1;
  	padding-top: 15px
}

.services-list-flt {
	max-width: 650px;
	margin: auto;
	padding: 1px 15px;
	border-radius: 5px
}

.services-list-flt ul{
	list-style:none;
	padding:0;
	margin:0;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: center;
	margin-top:10px;
	margin-bottom:10px;
}
.services-list-flt ul li{
	cursor: pointer;
	margin-left:10px;
	margin-right:10px;
}

.services-list-flt ul li i{
	color: #fff;
    font-size: 32px!important;
}

.services-list-flt ul li.instagram i{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-list-flt ul li.facebook i{
	color: #4267b2; 
}

.services-list-flt ul li.twitter i{
	    color: #1da1f2
}
.services-list-flt ul li.youtube i{
	    color: red;
}

.services-list-flt ul li.spotify i{
	    color: #00d856;
}
.services-list-flt ul li.twitch i{
	color: #1a0dab;
}
.services-list-flt ul li.pinterest i{
	color: #bd081c;
}
.services-list-flt ul li.telegram i{
	color: #26a4e3;
}
.services-list-flt ul li.soundcloud i{
	    color: #ff5510;
}
.services-list-flt ul li.tumblr i{
	    color: #34526f;
}
.services-list-flt ul li.discord i{
	    color: #7289DA;
}

.services-list-flt ul li.tiktok i{
    background: #ff0042;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.smmspot-updates-item {
	background: #f8f7f7;
    padding: 15px;
    margin-bottom: 20px;	
}

body.dark .smmspot-updates-item {
	background: #383b50
}

.smmspot-updates-item h4 {
	font-size: 16px
}

body.dark .smmspot-updates-item h4 {
	color: #fff
}




body.dark p {
    margin: 0 0 10px;
}

body.dark .text-center {
    text-align: center!important;
    color: #fff;
}


body.dark .tipocan {
    color: #000
}




body.dark .dh-item {
  border-radius: 20px;
  background-color: #383b50;
  color: #fff;
  overflow: hidden;
  position: relative;
  margin-bottom: 18px;
  padding: 15px 30px;
  font-size: 14px;
}


body.dark .dh-item .dh-item-title1 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
body.dark .dh-item .dh-item-title {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}


body.dark .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #37394f;
}

body.dark .odemegecmis {
  background: #a2130f;
  color: #fff;
}









.smmspot-update-action {
    padding: 8px 10px;
    color: #fff;
    background: rgba(42, 98, 255, 1);
    border-radius: 5px;
    width: 100%;
    min-width: 150px;
    text-align: center;
}

.smmspot-update-action.p-down {
	background: #3ad89e
}

.smmspot-update-action.p-up {
	background: #ff7543
}

.smmspot-update-action.p-delete {
	background: #f93e66
}

.smmspot-update-action.p-min {
    background: #4a5cf6
}

.smmspot-update-action.p-min-y {
    background: #8390ff
}

.smmspot-update-action.p-max {
    background: #ce7bf5
}

.smmspot-update-action.p-max-y {
    background: #b933f7
}

.time_replaced {
	font-size: 11px;
  	color: #ccc!important
}







.fast-sec .form-control:active,
.fast-sec .form-control:focus {
	border-color: var(--color1)
}

.fast-sec textarea {
	min-height: 100px;
	padding: 15px 20px!important
}

.fast-sec .form-group label {
	padding-left: 7px;
	margin-bottom: 4px;
	color: #555
}

.contact-send-btn {
	color: #fff!important;
	font-size: 20px;
	font-weight: 600;
	background: var(--color1);
	padding: 10px 30px;
	border-radius: 12px;
	transition: .3s;
	margin-top: -15px;
}

.contact-send-btn:hover {
	padding: 10px 40px
}

.alert{
    border:0px;
    border-radius:10px;
    color: #382B4D;
   
    border: 3px solid #ececec;
}

.fast-box-areas {
    display: flex;
    margin-top: 25px;
}





:root { --color1: #382b4d; --color1-sd: #382b4d5c; --color1x: #263653e3; --color2: #ed1c3b; --color2-sd: #ed1c3b4d; --color3: #515151; --color4: #6481db; --text-color1: #666; }.pack-item { border: 3px solid #ececec; padding: 17px 7px; }.pack-detail ul { margin: 25px 5px; padding: 0; max-height: 112px; overflow: auto;}.header-area{position: fixed;}.main-area{margin-top: 130px;}@media (max-width: 991px){.main-area {margin-top: 80px;}}.header-area {max-width: 100%;}.main-area {margin-top: 95px;}@media (max-width: 767px) {.well-bros { display: none;}}.story-area i.fab.fa-twitch { color: #865cd3; } .story-area i.fab.fa-facebook-square { color: #7190ca; } .story-area i.fab.fa-instagram { color: #eb9676; }.story-area i.fab.fa-twitter { color: #00BCD4; }.story-area i.fab.fa-youtube {color: #e36363;}




@charset "UTF-8";
:root {
 --bs-blue:#009ef6;
 --bs-indigo:#6610f2;
 --bs-purple:#6f42c1;
 --bs-pink:#d63384;
 --bs-red:#dc3545;
 --bs-orange:#fd7e14;
 --bs-yellow:#ffc107;
 --bs-green:#198754;
 --bs-teal:#20c997;
 --bs-cyan:#0dcaf0;
 --bs-gray:#7E8299;
 --bs-gray-dark:#3F4254;
 --bs-gray-100:#F5F8FA;
 --bs-gray-200:#EFF2F5;
 --bs-gray-300:#E4E6EF;
 --bs-gray-400:#B5B5C3;
 --bs-gray-500:#A1A5B7;
 --bs-gray-600:#7E8299;
 --bs-gray-700:#5E6278;
 --bs-gray-800:#3F4254;
 --bs-gray-900:#181C32;
 --bs-white:#ffffff;
 --bs-light:#F5F8FA;
 --bs-primary:#009EF7;
 --bs-secondary:#E4E6EF;
 --bs-success:#50CD89;
 --bs-info:#7239EA;
 --bs-warning:#FFC700;
 --bs-danger:#F1416C;
 --bs-dark:#181C32;
 --bs-white-rgb:255,
 255,
 255;
 --bs-light-rgb:245,
 248,
 250;
 --bs-primary-rgb:0,
 158,
 247;
 --bs-secondary-rgb:228,
 230,
 239;
 --bs-success-rgb:104,
 195,
 28;
 --bs-info-rgb:114,
 57,
 234;
 --bs-warning-rgb:255,
 199,
 0;
 --bs-danger-rgb:241,
 65,
 108;
 --bs-dark-rgb:24,
 28,
 50;
 --bs-white-rgb:255,
 255,
 255;
 --bs-black-rgb:0,
 0,
 0;
 --bs-body-color-rgb:24,
 28,
 50;
 --bs-body-bg-rgb:255,
 255,
 255;
 --bs-font-sans-serif:Poppins,
 Helvetica,
 "sans-serif";
 --bs-font-monospace:SFMono-Regular,
 Menlo,
 Monaco,
 Consolas,
 "Liberation Mono",
 "Courier New",
 monospace;
 --bs-gradient:linear-gradient(180deg,
 rgba(255,
 255,
 255,
 0.15),
 rgba(255,
 255,
 255,
 0));
 --bs-body-font-family:var(--bs-font-sans-serif);
 --bs-body-font-size:1rem;
 --bs-body-font-weight:400;
 --bs-body-line-height:1.5;
 --bs-body-color:#181C32;
 --bs-body-bg:#ffffff
}
*,
::after,
::before {
 box-sizing:border-box
}
b {
 font-weight:600
}
sub {
 position:relative;
 font-size:.75em;
 line-height:0;
 vertical-align:baseline
}
sub {
 bottom:-.25em
}
a:hover {
 color:#006dab;
 text-decoration:underline
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
 color:inherit;
 text-decoration:none
}
img {
 vertical-align:middle
}

.px-5 {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}

.switch-holder {
  display: flex;
  padding: 4px 20px;
  border-radius: 10px;
  margin-bottom: 2px;
  box-shadow: -8px -8px 15px rgb(255 255 255 / 65%), 10px 10px 10px rgb(0 0 0 / 8%), inset 8px 8px 15px rgb(255 255 255 / 70%), inset 10px 10px 10px rgb(0 0 0 / 19%);
  justify-content: space-between;
  align-items: center;
}
.switch-label {
  width: 150px;
}

.switch-toggle {
  height: 40px;
}

.darkMode {
  background: transparent;
  box-shadow: none;
  border: none;
  outline: 0;
}

.darkMode i.fa-sun {
  color: #ffffff;
  background-color: #d68600;
}

.darkMode i.fa-moon {
  color: rgb(214 214 214);
}
body i.fa-moon, body.light i.fa-moon {
  display: flex;
}
.darkMode i {
  width: 55px;
  height: 25px;
  border-radius: 11px;
  color: #747886;
  background-color: #000000;
  border: 1px solid #333642;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0px;
  border: none;
  margin-top: 7px;
  font-size: 17px;
  position: relative;
}
label {
 display:inline-block
}
[role=button] {
 cursor:pointer
}
[list]::-webkit-calendar-picker-indicator {
 display:none
}
[type=button],
[type=reset],
[type=submit] {
 -webkit-appearance:button
}
::-moz-focus-inner {
 padding:0;
 border-style:none
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
 padding:0
}
::-webkit-inner-spin-button {
 height:auto
}
[type=search] {
 outline-offset:-2px;
 -webkit-appearance:textfield
}
::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-color-swatch-wrapper {
 padding:0
}
::file-selector-button {
 font:inherit
}
::-webkit-file-upload-button {
 font:inherit;
 -webkit-appearance:button
}
[hidden] {
 display:none!important
}
.dropdown {
 position:relative
}
.dropdown-toggle {
 white-space:nowrap
}
.dropdown-toggle::after {
 display:inline-block;
 margin-left:.255em;
 vertical-align:.255em;
 content:"";
 border-top:.3em solid;
 border-right:.3em solid transparent;
 border-bottom:0;
 border-left:.3em solid transparent
}
.dropdown-toggle:empty::after {
 margin-left:0
}
.dropdown-menu {
 position:absolute;
 z-index:1000;
 display:none;
 min-width: 17rem;
 padding:.5rem 0;
 margin:0;
 font-size:1rem;
 color:#181c32;
 text-align:left;
 list-style:none;
 background-color:#fff;
 background-clip:padding-box;
 border:0 solid rgba(0,0,0,.15);
 border-radius:.475rem;
 box-shadow:0 0 50px 0 rgba(82,63,105,.1)
}
.dropdown-menu[data-bs-popper] {
 top:100%;
 left:0;
 margin-top:.125rem
}
.dropdown-menu-end {
 --bs-position:end
}
.dropdown-menu-end[data-bs-popper] {
 right:0;
 left:auto
}
.dropdown-item {
 display:block;
 width:100%;
 padding:.25rem 1rem;
 clear:both;
 font-weight:400;
 color:#181c32;
 text-align:inherit;
 white-space:nowrap;
 background-color:transparent;
 border:0
}
.dropdown-item:focus,
.dropdown-item:hover {
 color:#16192d;
 text-decoration:none;
 background-color:#eff2f5
}
.dropdown-item:active {
 color:#fff;
 text-decoration:none;
 background-color:#009ef7
}
.dropdown-item:disabled {
 color:#a1a5b7;
 pointer-events:none;
 background-color:transparent
}
.dropdown-menu.show {
 display:block
}
.dropdown-item-text {
 display:block;
 padding:.25rem 1rem;
 color:#181c32
}
.dropdown-menu-dark {
 color:#e4e6ef;
 background-color:#3f4254;
 border-color:rgba(0,0,0,.15)
}
.dropdown-menu-dark .dropdown-item {
 color:#e4e6ef
}
.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
 color:#fff;
 background-color:rgba(255,255,255,.15)
}
.dropdown-menu-dark .dropdown-item:active {
 color:#fff;
 background-color:#009ef7
}
.dropdown-menu-dark .dropdown-item:disabled {
 color:#a1a5b7
}
.dropdown-menu-dark .dropdown-item-text {
 color:#e4e6ef
}
.navbar {
 position:
 relative;
 display:
 flex;
 flex-wrap:
 wrap;
 align-items:
 center;
 
 padding-top:.5rem;
 padding-bottom:.5rem
}
.navbar-text {
 padding-top:.5rem;
 padding-bottom:.5rem
}
.navbar-light .navbar-text {
 color:rgba(0,0,0,.55)
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
 color:rgba(0,0,0,.9)
}
.navbar-dark .navbar-text {
 color:rgba(255,255,255,.55)
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
 color:#fff
}
.badge:empty {
 display:none
}
@keyframes progress-bar-stripes {
 0% {
  background-position-x:1rem
 }
}
@keyframes spinner-border {
 to {
  transform:rotate(360deg)
 }
}
@keyframes spinner-grow {
 0% {
  transform:scale(0)
 }
 50% {
  opacity:1;
  transform:none
 }
}
.link-light {
 color:#f5f8fa
}
.link-light:focus,
.link-light:hover {
 color:#f7f9fb
}
.link-primary {
 color:#009ef7
}
.link-primary:focus,
.link-primary:hover {
 color:#33b1f9
}
.link-success {
 color:#50cd89
}
.link-success:focus,
.link-success:hover {
 color:#73d7a1
}
.link-dark {
 color:#181c32
}
.link-dark:focus,
.link-dark:hover {
 color:#131628
}
.fixed-bottom {
 position:fixed;
 right:0;
 bottom:0;
 left:0;
 z-index:1030
}
.align-bottom {
 vertical-align:bottom!important
}
.align-text-bottom {
 vertical-align:text-bottom!important
}
.d-flex {
 display:flex!important
}
.position-fixed {
 position:fixed!important
}
.bottom-0 {
 bottom:0!important
}
.bottom-25 {
 bottom:25%!important
}
.bottom-50 {
 bottom:50%!important
}
.bottom-75 {
 bottom:75%!important
}
.bottom-100 {
 bottom:100%!important
}
.end-0 {
 right:0!important
}
.end-25 {
 right:25%!important
}
.end-50 {
 right:50%!important
}
.end-75 {
 right:75%!important
}
.end-100 {
 right:100%!important
}
.w-25 {
 width:25%!important
}
.w-50 {
 width:50%!important
}
.w-75 {
 width:75%!important
}
.w-100 {
 width:100%!important
}
.w-auto {
 width:auto!important
}
.w-1px {
 width:1px!important
}
.w-2px {
 width:2px!important
}
.w-3px {
 width:3px!important
}
.w-4px {
 width:4px!important
}
.w-5px {
 width:5px!important
}
.w-6px {
 width:6px!important
}
.w-7px {
 width:7px!important
}
.w-8px {
 width:8px!important
}
.w-9px {
 width:9px!important
}
.w-10px {
 width:10px!important
}
.w-15px {
 width:15px!important
}
.w-20px {
 width:20px!important
}
.w-25px {
 width:25px!important
}
.w-30px {
 width:30px!important
}
.w-35px {
 width:35px!important
}
.w-40px {
 width:40px!important
}
.w-45px {
 width:45px!important
}
.w-50px {
 width:50px!important
}
.w-55px {
 width:55px!important
}
.w-60px {
 width:60px!important
}
.w-65px {
 width:65px!important
}
.w-70px {
 width:70px!important
}
.w-75px {
 width:75px!important
}
.w-80px {
 width:80px!important
}
.w-85px {
 width:85px!important
}
.w-90px {
 width:90px!important
}
.w-95px {
 width:95px!important
}
.w-100px {
 width:100px!important
}
.w-125px {
 width:125px!important
}
.w-150px {
 width:150px!important
}
.w-175px {
 width:175px!important
}
.w-200px {
 width:200px!important
}
.w-225px {
 width:225px!important
}
.w-250px {
 width:250px!important
}
.w-275px {
 width:275px!important
}
.w-300px {
 width:300px!important
}
.w-325px {
 width:325px!important
}
.w-350px {
 width:350px!important
}
.w-375px {
 width:375px!important
}
.w-400px {
 width:400px!important
}
.w-425px {
 width:425px!important
}
.w-450px {
 width:450px!important
}
.w-475px {
 width:475px!important
}
.w-500px {
 width:500px!important
}
.w-550px {
 width:550px!important
}
.w-600px {
 width:600px!important
}
.w-650px {
 width:650px!important
}
.w-700px {
 width:700px!important
}
.w-750px {
 width:750px!important
}
.w-800px {
 width:800px!important
}
.w-850px {
 width:850px!important
}
.w-900px {
 width:900px!important
}
.w-950px {
 width:950px!important
}
.w-1000px {
 width:1000px!important
}
.flex-column {
 flex-direction:column!important
}
.align-items-end {
 align-items:flex-end!important
}
.align-items-center {
 align-items:center!important
}
.align-content-end {
 align-content:flex-end!important
}
.align-content-center {
 align-content:center!important
}
.my-0 {
 margin-top:0!important;
 margin-bottom:0!important
}
.my-1 {
 margin-top:.25rem!important;
 margin-bottom:.25rem!important
}
.my-2 {
 margin-top:.5rem!important;
 margin-bottom:.5rem!important
}
.my-3 {
 margin-top:.75rem!important;
 margin-bottom:.75rem!important
}
.my-4 {
 margin-top:1rem!important;
 margin-bottom:1rem!important
}
.my-5 {
 margin-top:1.25rem!important;
 margin-bottom:1.25rem!important
}
.my-6 {
 margin-top:1.5rem!important;
 margin-bottom:1.5rem!important
}
.my-7 {
 margin-top:1.75rem!important;
 margin-bottom:1.75rem!important
}
.my-8 {
 margin-top:2rem!important;
 margin-bottom:2rem!important
}
.my-9 {
 margin-top:2.25rem!important;
 margin-bottom:2.25rem!important
}
.my-10 {
 margin-top:2.5rem!important;
 margin-bottom:2.5rem!important
}
.my-11 {
 margin-top:2.75rem!important;
 margin-bottom:2.75rem!important
}
.my-12 {
 margin-top:3rem!important;
 margin-bottom:3rem!important
}
.my-13 {
 margin-top:3.25rem!important;
 margin-bottom:3.25rem!important
}
.my-14 {
 margin-top:3.5rem!important;
 margin-bottom:3.5rem!important
}
.my-15 {
 margin-top:3.75rem!important;
 margin-bottom:3.75rem!important
}
.my-16 {
 margin-top:4rem!important;
 margin-bottom:4rem!important
}
.my-17 {
 margin-top:4.25rem!important;
 margin-bottom:4.25rem!important
}
.my-18 {
 margin-top:4.5rem!important;
 margin-bottom:4.5rem!important
}
.my-19 {
 margin-top:4.75rem!important;
 margin-bottom:4.75rem!important
}
.my-20 {
 margin-top:5rem!important;
 margin-bottom:5rem!important
}
.my-auto {
 margin-top:auto!important;
 margin-bottom:auto!important
}
.me-0 {
 margin-right:0!important
}
.me-1 {
 margin-right:.25rem!important
}
.me-2 {
 margin-right:.5rem!important
}
.me-3 {
 margin-right:.75rem!important
}
.me-4 {
 margin-right:1rem!important
}
.me-5 {
 margin-right:1.25rem!important
}
.me-6 {
 margin-right:1.5rem!important
}
.me-7 {
 margin-right:1.75rem!important
}
.me-8 {
 margin-right:2rem!important
}
.me-9 {
 margin-right:2.25rem!important
}
.me-10 {
 margin-right:2.5rem!important
}
.me-11 {
 margin-right:2.75rem!important
}
.me-12 {
 margin-right:3rem!important
}
.me-13 {
 margin-right:3.25rem!important
}
.me-14 {
 margin-right:3.5rem!important
}
.me-15 {
 margin-right:3.75rem!important
}
.me-16 {
 margin-right:4rem!important
}
.me-17 {
 margin-right:4.25rem!important
}
.me-18 {
 margin-right:4.5rem!important
}
.me-19 {
 margin-right:4.75rem!important
}
.me-20 {
 margin-right:5rem!important
}
.me-auto {
 margin-right:auto!important
}
.ms-0 {
 margin-left:0!important
}
.ms-1 {
 margin-left:.25rem!important
}
.ms-2 {
 margin-left:.9rem!important
}
.ms-3 {
 margin-left:.75rem!important
}
.ms-4 {
 margin-left:1rem!important
}
.ms-5 {
 margin-left:1.25rem!important
}
.ms-6 {
 margin-left:1.5rem!important
}
.ms-7 {
 margin-left:1.75rem!important
}
.ms-8 {
 margin-left:2rem!important
}
.ms-9 {
 margin-left:2.25rem!important
}
.ms-10 {
 margin-left:2.5rem!important
}
.ms-11 {
 margin-left:2.75rem!important
}
.ms-12 {
 margin-left:3rem!important
}
.ms-13 {
 margin-left:3.25rem!important
}
.ms-14 {
 margin-left:3.5rem!important
}
.ms-15 {
 margin-left:3.75rem!important
}
.ms-16 {
 margin-left:4rem!important
}
.ms-17 {
 margin-left:4.25rem!important
}
.ms-18 {
 margin-left:4.5rem!important
}
.ms-19 {
 margin-left:4.75rem!important
}
.ms-20 {
 margin-left:5rem!important
}
.ms-auto {
 margin-left:auto!important
}
.px-0 {
 padding-right:0!important;
 padding-left:0!important
}
.px-1 {
 padding-right:.25rem!important;
 padding-left:.25rem!important
}
.px-2 {
 padding-right: .9rem!important;
 padding-left: .5rem!important;
}
.px-3 {
 padding-right:.75rem!important;
 padding-left:.75rem!important
}
.px-4 {
 padding-right:1rem!important;
 padding-left:1rem!important
}
.px-5 {
 padding-right:1.25rem!important;
 padding-left:1.25rem!important
}
.px-6 {
 padding-right:1.5rem!important;
 padding-left:1.5rem!important
}
.px-7 {
 padding-right:1.75rem!important;
 padding-left:1.75rem!important
}
.px-8 {
 padding-right:2rem!important;
 padding-left:2rem!important
}
.px-9 {
 padding-right:2.25rem!important;
 padding-left:2.25rem!important
}
.px-10 {
 padding-right:2.5rem!important;
 padding-left:2.5rem!important
}
.px-11 {
 padding-right:2.75rem!important;
 padding-left:2.75rem!important
}
.px-12 {
 padding-right:3rem!important;
 padding-left:3rem!important
}
.px-13 {
 padding-right:3.25rem!important;
 padding-left:3.25rem!important
}
.px-14 {
 padding-right:3.5rem!important;
 padding-left:3.5rem!important
}
.px-15 {
 padding-right:3.75rem!important;
 padding-left:3.75rem!important
}
.px-16 {
 padding-right:4rem!important;
 padding-left:4rem!important
}
.px-17 {
 padding-right:4.25rem!important;
 padding-left:4.25rem!important
}
.px-18 {
 padding-right:4.5rem!important;
 padding-left:4.5rem!important
}
.px-19 {
 padding-right:4.75rem!important;
 padding-left:4.75rem!important
}
.px-20 {
 padding-right:5rem!important;
 padding-left:5rem!important
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important
}
.py-1 {
 padding-top: .25rem!important;
 padding-bottom:.25rem!important
}
.py-2 {
 padding-top:.5rem!important;
 padding-bottom:.5rem!important
}
.py-3 {
 padding-top:.75rem!important;
 padding-bottom:.75rem!important
}
.py-4 {
 padding-top:1rem!important;
 padding-bottom:1rem!important
}
.py-5 {
 padding-top:1.25rem!important;
 padding-bottom:1.25rem!important
}
.py-6 {
 padding-top:1.5rem!important;
 padding-bottom:1.5rem!important
}
.py-7 {
 padding-top:1.75rem!important;
 padding-bottom:1.75rem!important
}
.py-8 {
 padding-top:2rem!important;
 padding-bottom:2rem!important
}
.py-9 {
 padding-top:2.25rem!important;
 padding-bottom:2.25rem!important
}
.py-10 {
 padding-top:2.5rem!important;
 padding-bottom:2.5rem!important
}
.py-11 {
 padding-top:2.75rem!important;
 padding-bottom:2.75rem!important
}
.py-12 {
 padding-top:3rem!important;
 padding-bottom:3rem!important
}
.py-13 {
 padding-top:3.25rem!important;
 padding-bottom:3.25rem!important
}
.py-14 {
 padding-top:3.5rem!important;
 padding-bottom:3.5rem!important
}
.py-15 {
 padding-top:3.75rem!important;
 padding-bottom:3.75rem!important
}
.py-16 {
 padding-top:4rem!important;
 padding-bottom:4rem!important
}
.py-17 {
 padding-top:4.25rem!important;
 padding-bottom:4.25rem!important
}
.py-18 {
 padding-top:4.5rem!important;
 padding-bottom:4.5rem!important
}
.py-19 {
 padding-top:4.75rem!important;
 padding-bottom:4.75rem!important
}
.py-20 {
 padding-top:5rem!important;
 padding-bottom:5rem!important
}
.fs-1 {
 font-size:calc(1.3rem + .6vw)!important
}
.fs-2 {
 font-size:calc(1.275rem + .3vw)!important
}
.fs-3 {
 font-size:calc(1.26rem + .12vw)!important
}
.fs-4 {
 font-size:1.25rem!important
}
.fs-5 {
 font-size:1.15rem!important
}
.fs-6 {
 font-size: 1rem!important;
}
.fs-7 {
 font-size: .75rem!important;
}
.fs-8 {
 font-size: .90rem!important;
}
.fs-9 {
 font-size:.75rem!important
}
.fs-10 {
 font-size:.5rem!important
}
.fw-light {
 font-weight:300!important
}
.fw-bold {
 font-weight:500!important
}
.fw-bolder {
 font-weight: 600!important;
}
.text-center {
 text-align:center!important
}
.text-light {
 --bs-text-opacity:1;
 color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}
.text-primary {
 --bs-text-opacity:1;
 color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}
.text-success {
 --bs-text-opacity:1;
 color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}
.text-dark {
 --bs-text-opacity:1;
 color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}
.text-body {
 --bs-text-opacity:1;
 color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}
.text-muted {
 --bs-text-opacity:1;
 color:#a1a5b7!important
}
.bg-light {
 --bs-bg-opacity:1;
 background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}
.bg-primary {
 --bs-bg-opacity:1;
 background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}
.bg-success {
 --bs-bg-opacity:1;
 background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}
.bg-dark {
 --bs-bg-opacity:1;
 background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}
.bg-body {
 --bs-bg-opacity:1;
 background-color:#2d2f3e
}
.rounded {
 border-radius:.475rem!important
}
.rounded-0 {
 border-radius:0!important
}
.rounded-1 {
 border-radius:.275rem!important
}
.rounded-2 {
 border-radius:.475rem!important
}
.rounded-3 {
 border-radius:.775rem!important
}
.rounded-end {
 border-top-right-radius:.475rem!important;
 border-bottom-right-radius:.475rem!important
}
.rounded-bottom {
 border-bottom-right-radius:.475rem!important;
 border-bottom-left-radius:.475rem!important
}
.z-index-0 {
 z-index:0!important
}
.z-index-1 {
 z-index:1!important
}
.z-index-2 {
 z-index:2!important
}
.z-index-3 {
 z-index:3!important
}
@media (min-width:1200px) {
 .fs-1 {
  font-size:1.75rem!important
 }
 .fs-2 {
  font-size:1.5rem!important
 }
 .fs-3 {
  font-size:1.35rem!important
 }
}
:root {
 --bs-light-primary:#F1FAFF;
 --bs-active-primary:#0095E8;
 --bs-light-success:#E8FFF3;
 --bs-active-success:#47BE7D;
 --bs-light-info:#F8F5FF;
 --bs-active-info:#5014D0;
 --bs-light-warning:#FFF8DD;
 --bs-active-warning:#F1BC00;
 --bs-light-danger:#FFF5F8;
 --bs-active-danger:#D9214E;
 --bs-light-dark:#EFF2F5;
 --bs-active-dark:#131628;
 --bs-gray-100:#F5F8FA;
 --bs-gray-200:#EFF2F5;
 --bs-gray-300:#E4E6EF;
 --bs-gray-400:#B5B5C3;
 --bs-gray-500:#A1A5B7;
 --bs-gray-600:#7E8299;
 --bs-gray-700:#5E6278;
 --bs-gray-800:#3F4254;
 --bs-gray-900:#181C32;
 --bs-xs:0;
 --bs-sm:576px;
 --bs-md:768px;
 --bs-lg:992px;
 --bs-xl:1200px;
 --bs-xxl:1400px
}
.bg-light {
 --bg-color:245,248,250
}
.bg-hover-light {
 cursor:pointer
}
.bg-hover-light:hover {
 --bg-color:245,248,250;
 background-color:#f5f8fa!important
}
.bg-state-light {
 cursor:pointer
}
.bg-state-light:hover {
 --bg-color:245,248,250;
 background-color:#f5f8fa!important
}
.bg-light-primary {
 background-color:#f1faff!important
}
.bg-primary {
 --bg-color:0,158,247
}
.bg-hover-light-primary {
 cursor:pointer
}
.bg-hover-light-primary:hover {
 background-color:#f1faff!important
}
.bg-state-light-primary {
 cursor:pointer
}
.bg-state-light-primary:hover {
 background-color:#f1faff!important
}
.bg-hover-primary {
 cursor:pointer
}
.bg-hover-primary:hover {
 --bg-color:0,158,247;
 background-color:#009ef7!important
}
.bg-state-primary {
 cursor:pointer
}
.bg-state-primary:hover {
 --bg-color:0,158,247;
 background-color:#009ef7!important
}
.bg-light-success {
 background-color:#e8fff3!important
}
.bg-success {
 --bg-color:80,205,137
}
.bg-hover-light-success {
 cursor:pointer
}
.bg-hover-light-success:hover {
 background-color:#e8fff3!important
}
.bg-state-light-success {
 cursor:pointer
}
.bg-state-light-success:hover {
 background-color:#e8fff3!important
}
.bg-hover-success {
 cursor:pointer
}
.bg-hover-success:hover {
 --bg-color:80,205,137;
 background-color:#50cd89!important
}
.bg-state-success {
 cursor:pointer
}
.bg-state-success:hover {
 --bg-color:80,205,137;
 background-color:#50cd89!important
}
.bg-light-dark {
 background-color:#eff2f5!important
}
.bg-dark {
 --bg-color:24,28,50
}
.bg-hover-light-dark {
 cursor:pointer
}
.bg-hover-light-dark:hover {
 background-color:#eff2f5!important
}
.bg-state-light-dark {
 cursor:pointer
}
.bg-state-light-dark:hover {
 background-color:#eff2f5!important
}
.bg-hover-dark {
 cursor:pointer
}
.bg-hover-dark:hover {
 --bg-color:24,28,50;
 background-color:#181c32!important
}
.bg-state-dark {
 cursor:pointer
}
.bg-state-dark:hover {
 --bg-color:24,28,50;
 background-color:#181c32!important
}
.bg-body {
 --bg-color:255,255,255;
 background-color:#2d2f3e!important
}
.rounded-bottom-0 {
 border-bottom-left-radius:0!important;
 border-bottom-right-radius:0!important
}
.rounded-end-0 {
 border-top-right-radius:0!important;
 border-bottom-right-radius:0!important
}
.flex-column-auto {
 flex:none
}
.flex-center {
 justify-content:center;
 align-items:center
}
.text-primary {
 color:#009ef7!important
}
.text-light-primary {
 color:#f1faff!important
}
.text-hover-primary {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-primary i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-primary:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#009ef7!important
}
.text-hover-primary:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#009ef7!important
}
.text-light {
 color:#f5f8fa!important
}
.text-hover-light {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-light i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-light:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#f5f8fa!important
}
.text-hover-light:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#f5f8fa!important
}
.text-success {
 color:#50cd89!important
}
.text-light-success {
 color:#e8fff3!important
}
.text-hover-success {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-success i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-success:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#50cd89!important
}
.text-hover-success:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#50cd89!important
}
.text-dark {
 color:#181c32!important
}
.text-light-dark {
 color:#eff2f5!important
}
.text-hover-dark {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-dark i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-dark:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#181c32!important
}
.text-hover-dark:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#181c32!important
}
.text-muted {
 color:#a1a5b7!important
}
.text-hover-muted {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-muted i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-muted:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#a1a5b7!important
}
.text-hover-muted:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#a1a5b7!important
}
.text-gray-100 {
 color:#f5f8fa!important
}
.text-hover-gray-100 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-100 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-100:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#f5f8fa!important
}
.text-hover-gray-100:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#f5f8fa!important
}
.text-gray-200 {
 color:#eff2f5!important
}
.text-hover-gray-200 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-200 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-200:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#eff2f5!important
}
.text-hover-gray-200:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#eff2f5!important
}
.text-gray-300 {
 color:#e4e6ef!important
}
.text-hover-gray-300 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-300 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-300:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#e4e6ef!important
}
.text-hover-gray-300:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#e4e6ef!important
}
.text-gray-400 {
 color:#b5b5c3!important
}
.text-hover-gray-400 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-400 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-400:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#b5b5c3!important
}
.text-hover-gray-400:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#b5b5c3!important
}
.text-gray-500 {
 color:#a1a5b7!important
}
.text-hover-gray-500 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-500 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-500:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#a1a5b7!important
}
.text-hover-gray-500:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#a1a5b7!important
}
.text-gray-600 {
 color:#7e8299!important
}
.text-hover-gray-600 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-600 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-600:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#7e8299!important
}
.text-hover-gray-600:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#7e8299!important
}
.text-gray-700 {
 color:#5e6278!important
}
.text-hover-gray-700 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-700 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-700:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#5e6278!important
}
.text-hover-gray-700:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#5e6278!important
}
.text-gray-800 {
 color:#3f4254!important
}
.text-hover-gray-800 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-800 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-800:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#3f4254!important
}
.text-hover-gray-800:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#3f4254!important
}
.text-gray-900 {
 color:#181c32!important
}
.text-hover-gray-900 {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-900 i {
 transition:color .2s ease,background-color .2s ease
}
.text-hover-gray-900:hover {
 transition:color .2s ease,background-color .2s ease;
 color:#181c32!important
}
.text-hover-gray-900:hover i {
 transition:color .2s ease,background-color .2s ease;
 color:#181c32!important
}
a:hover {
 transition:color .2s ease,background-color .2s ease
}
.transform-90 {
 transform:rotate(90deg);
 transform-origin:right top
}
@keyframes animationSlideInDown {
 from {
  transform:translate3d(0,-100%,0);
  visibility:visible
 }
 to {
  transform:translate3d(0,0,0)
 }
}
@keyframes animationSlideInUp {
 from {
  transform:translate3d(0,100%,0);
  visibility:visible
 }
 to {
  transform:translate3d(0,0,0)
 }
}
@keyframes animationFadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes animationFadeOut {
 from {
  opacity:1
 }
 to {
  opacity:0
 }
}
@keyframes animationBlink {
 to {
  visibility:hidden
 }
}
.separator {
 display:block;
 height:0;
 border-bottom:1px solid #eff2f5
}
.menu {
 display:flex;
 padding:0;
 margin:0;
 list-style:none
}
.menu-sub {
 display:none;
 padding:0;
 margin:0;
 list-style:none;
 flex-direction:column
}
.menu-item {
 display:block;
 padding:0
}
.menu-item .menu-link {
 cursor:pointer;
 display:flex;
 align-items:center;
 padding:0;
 text-decoration:none;
 padding:.65rem 1rem;
 transition:none;
 outline:0!important
}
.menu-item .menu-link .menu-badge {
 flex-shrink:0;
 margin-left:.5rem
}
.menu-item .menu-content {
 padding:.65rem 1rem
}
.menu-center {
 justify-content:center
}
.menu-sub-dropdown {
 display:none;
 border-radius:.475rem;
 background-color:#fff;
 box-shadow:0 0 50px 0 rgba(82,63,105,.1);
 z-index:105
}
.menu-sub-dropdown.menu.show,
.menu-sub-dropdown.show[data-popper-placement],
.show.menu-dropdown>.menu-sub-dropdown {
 display:flex;
 animation:menu-sub-dropdown-animation-fade-in .3s ease 1,menu-sub-dropdown-animation-move-up .3s ease 1
}
.menu-sub-dropdown.menu.show[data-popper-placement=top-end],
.menu-sub-dropdown.menu.show[data-popper-placement=top-start],
.menu-sub-dropdown.menu.show[data-popper-placement=top],
.menu-sub-dropdown.show[data-popper-placement][data-popper-placement=top-end],
.menu-sub-dropdown.show[data-popper-placement][data-popper-placement=top-start],
.menu-sub-dropdown.show[data-popper-placement][data-popper-placement=top],
.show.menu-dropdown>.menu-sub-dropdown[data-popper-placement=top-end],
.show.menu-dropdown>.menu-sub-dropdown[data-popper-placement=top-start],
.show.menu-dropdown>.menu-sub-dropdown[data-popper-placement=top] {
 animation:menu-sub-dropdown-animation-fade-in .3s ease 1,menu-sub-dropdown-animation-move-down .3s ease 1
}
.show:not(.menu-dropdown)>.menu-sub-accordion {
 display:flex
}
.menu-column {
 flex-direction:column;
 width:100%
}
.menu-rounded .menu-link {
 border-radius:.475rem
}
.menu-rounded-0 .menu-link {
 border-radius:0!important
}
@media (min-width:576px) {
 .show:not(.menu-dropdown)>.menu-sub-sm-accordion {
  display:flex
 }
}
@media (min-width:768px) {
 .show:not(.menu-dropdown)>.menu-sub-md-accordion {
  display:flex
 }
}
@media (min-width:992px) {
 .show:not(.menu-dropdown)>.menu-sub-lg-accordion {
  display:flex
 }
}
@media (min-width:1200px) {
 .show:not(.menu-dropdown)>.menu-sub-xl-accordion {
  display:flex
 }
}
@media (min-width:1400px) {
 .show:not(.menu-dropdown)>.menu-sub-xxl-accordion {
  display:flex
 }
}
@media (max-width:575.98px) {
 .show:not(.menu-dropdown)>.menu-sub-sm-down-accordion {
  display:flex
 }
}
@media (max-width:767.98px) {
 .show:not(.menu-dropdown)>.menu-sub-md-down-accordion {
  display:flex
 }
}
@media (max-width:1180px) {
 .show:not(.menu-dropdown)>.menu-sub-lg-down-accordion {
  display:flex
 }
}
@media (max-width:1199.98px) {
 .show:not(.menu-dropdown)>.menu-sub-xl-down-accordion {
  display:flex
 }
}
@media (max-width:1399.98px) {
 .show:not(.menu-dropdown)>.menu-sub-xxl-down-accordion {
  display:flex
 }
}
.menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.menu-sub:not([data-popper-placement])>.menu-item>.menu-link {
 padding-left:calc(1rem + 1rem)
}
.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-link {
 padding-left:calc(2rem + 1rem)
}
.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-link {
 padding-left:calc(3rem + 1rem)
}
.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-sub:not([data-popper-placement])>.menu-item>.menu-link {
 padding-left:calc(4rem + 1rem)
}
@keyframes menu-sub-dropdown-animation-fade-in {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes menu-sub-dropdown-animation-move-up {
 from {
  margin-top:.75rem
 }
 to {
  margin-top:0
 }
}
@keyframes menu-sub-dropdown-animation-move-down {
 from {
  margin-bottom:.75rem
 }
 to {
  margin-bottom:0
 }
}
.menu-primary .menu-item .menu-link {
 color:#009ef7
}
.menu-light .menu-item .menu-link {
 color:#f5f8fa
}
.menu-success .menu-item .menu-link {
 color:#50cd89
}
.menu-dark .menu-item .menu-link {
 color:#181c32
}
.menu-muted .menu-item .menu-link {
 color:#a1a5b7
}
.menu-gray-100 .menu-item .menu-link {
 color:#f5f8fa
}
.menu-gray-200 .menu-item .menu-link {
 color:#eff2f5
}
.menu-gray-300 .menu-item .menu-link {
 color:#e4e6ef
}
.menu-gray-400 .menu-item .menu-link {
 color:#b5b5c3
}
.menu-gray-500 .menu-item .menu-link {
 color:#a1a5b7
}
.menu-gray-600 .menu-item .menu-link {
 color:#7e8299
}
.menu-gray-700 .menu-item .menu-link {
 color:#5e6278
}
.menu-gray-800 .menu-item .menu-link {
 color:#f0f0f0;
 background: #051728;
    font-weight:
 bold;
}
.menu-gray-900 .menu-item .menu-link {
 color:#181c32
}
.menu-hover-bg .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-hover-bg .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 background-color:rgba(245,248,250,.8)
}
.menu-show-bg .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 background-color:rgba(245,248,250,.8)
}
.menu-state-bg .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-bg .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 background-color:rgba(245,248,250,.8)
}
.menu-state-bg .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 background-color:rgba(245,248,250,.8)
}
.menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-hover-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 color:#009ef7
}
.menu-show-primary .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 color:#009ef7
}
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 color:#009ef7;
 background: #000;
}
.menu-state-primary .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 color:#009ef7
}
.menu-hover-bg-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-hover-bg-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 background-color:#009ef7;
 color:#fff
}
.menu-show-bg-primary .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 background-color:#009ef7;
 color:#fff
}
.menu-state-bg-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-bg-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 background-color:#009ef7;
 color:#fff
}
.menu-state-bg-primary .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 background-color:#009ef7;
 color:#fff
}
.menu-show-bg-light-primary .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 background-color:#f1faff;
 color:#009ef7
}
.menu-hover-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-hover-bg-light-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 background-color:#f1faff;
 color:#009ef7
}
.menu-state-bg-light-primary .menu-item.show>.menu-link {
 transition:color .2s ease,background-color .2s ease;
 background-color:#f1faff;
 color:#009ef7
}
.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-bg-light-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
 transition:color .2s ease,background-color .2s ease;
 background-color:#f1faff;
 color:#009ef7
}
.symbol {
 display:inline-block;
 flex-shrink:0;
 position:relative;
 border-radius:.475rem
}
.symbol .symbol-label {
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:500;
 color:#3f4254;
 background-color:#f5f8fa;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
 border-radius:.475rem
}
.symbol .symbol-badge {
 position:absolute;
 border:2px solid #fff;
 border-radius:100%;
 top:0;
 left:50%;
 transform:translateX(-50%) translateY(-50%)!important
}
.symbol>img {
 width:100%;
 flex-shrink:0;
 display:inline-block;
 border-radius:.2rem
}
.symbol>img {
 width:50px;
 height:50px
}
.symbol .symbol-label {
 width:50px;
 height:50px
}
.symbol.symbol-fixed .symbol-label {
 width:50px;
 height:50px
}
.symbol.symbol-fixed>img {
 width:50px;
 height:50px;
 max-width:auto
}
.symbol.symbol-20px>img {
 width:20px;
 height:20px
}
.symbol.symbol-20px .symbol-label {
 width:20px;
 height:20px
}
.symbol.symbol-20px.symbol-fixed .symbol-label {
 width:20px;
 height:20px
}
.symbol.symbol-20px.symbol-fixed>img {
 width:20px;
 height:20px;
 max-width:auto
}
.symbol.symbol-25px>img {
 width:25px;
 height:25px
}
.symbol.symbol-25px .symbol-label {
 width:25px;
 height:25px
}
.symbol.symbol-25px.symbol-fixed .symbol-label {
 width:25px;
 height:25px
}
.symbol.symbol-25px.symbol-fixed>img {
 width:25px;
 height:25px;
 max-width:auto
}
.symbol.symbol-30px>img {
 width:30px;
 height:23px
}
.symbol.symbol-30px .symbol-label {
 width:30px;
 height:30px
}
.symbol.symbol-30px.symbol-fixed .symbol-label {
 width:30px;
 height:30px
}
.symbol.symbol-30px.symbol-fixed>img {
 width:30px;
 height:30px;
 max-width:auto
}
.symbol.symbol-35px>img {
 width:35px;
 height:35px
}
.symbol.symbol-35px .symbol-label {
 width:35px;
 height:35px
}
.symbol.symbol-35px.symbol-fixed .symbol-label {
 width:35px;
 height:35px
}
.symbol.symbol-35px.symbol-fixed>img {
 width:35px;
 height:35px;
 max-width:auto
}
.symbol.symbol-40px>img {
 width:40px;
 height:40px
}
.symbol.symbol-40px .symbol-label {
 width:40px;
 height:40px
}
.symbol.symbol-40px.symbol-fixed .symbol-label {
 width:40px;
 height:40px
}
.symbol.symbol-40px.symbol-fixed>img {
 width:40px;
 height:40px;
 max-width:auto
}
.symbol.symbol-45px>img {
 width:45px;
 height:45px
}
.symbol.symbol-45px .symbol-label {
 width:45px;
 height:45px
}
.symbol.symbol-45px.symbol-fixed .symbol-label {
 width:45px;
 height:45px
}
.symbol.symbol-45px.symbol-fixed>img {
 width:45px;
 height:45px;
 max-width:auto
}
.symbol.symbol-50px>img {
 width:50px;
 height:50px
}
.symbol.symbol-50px .symbol-label {
 width:50px;
 height:50px
}
.symbol.symbol-50px.symbol-fixed .symbol-label {
 width:50px;
 height:50px
}
.symbol.symbol-50px.symbol-fixed>img {
 width:50px;
 height:50px;
 max-width:auto
}
.symbol.symbol-55px>img {
 width:55px;
 height:55px
}
.symbol.symbol-55px .symbol-label {
 width:55px;
 height:55px
}
.symbol.symbol-55px.symbol-fixed .symbol-label {
 width:55px;
 height:55px
}
.symbol.symbol-55px.symbol-fixed>img {
 width:55px;
 height:55px;
 max-width:auto
}
.symbol.symbol-60px>img {
 width:60px;
 height:60px
}
.symbol.symbol-60px .symbol-label {
 width:60px;
 height:60px
}
.symbol.symbol-60px.symbol-fixed .symbol-label {
 width:60px;
 height:60px
}
.symbol.symbol-60px.symbol-fixed>img {
 width:60px;
 height:60px;
 max-width:auto
}
.symbol.symbol-65px>img {
 width:65px;
 height:65px
}
.symbol.symbol-65px .symbol-label {
 width:65px;
 height:65px
}
.symbol.symbol-65px.symbol-fixed .symbol-label {
 width:65px;
 height:65px
}
.symbol.symbol-65px.symbol-fixed>img {
 width:65px;
 height:65px;
 max-width:auto
}
.symbol.symbol-70px>img {
 width:70px;
 height:70px
}
.symbol.symbol-70px .symbol-label {
 width:70px;
 height:70px
}
.symbol.symbol-70px.symbol-fixed .symbol-label {
 width:70px;
 height:70px
}
.symbol.symbol-70px.symbol-fixed>img {
 width:70px;
 height:70px;
 max-width:auto
}
.symbol.symbol-75px>img {
 width:75px;
 height:75px
}
.symbol.symbol-75px .symbol-label {
 width:75px;
 height:75px
}
.symbol.symbol-75px.symbol-fixed .symbol-label {
 width:75px;
 height:75px
}
.symbol.symbol-75px.symbol-fixed>img {
 width:75px;
 height:75px;
 max-width:auto
}
.symbol.symbol-100px>img {
 width:100px;
 height:100px
}
.symbol.symbol-100px .symbol-label {
 width:100px;
 height:100px
}
.symbol.symbol-100px.symbol-fixed .symbol-label {
 width:100px;
 height:100px
}
.symbol.symbol-100px.symbol-fixed>img {
 width:100px;
 height:100px;
 max-width:auto
}
.symbol.symbol-125px>img {
 width:125px;
 height:125px
}
.symbol.symbol-125px .symbol-label {
 width:125px;
 height:125px
}
.symbol.symbol-125px.symbol-fixed .symbol-label {
 width:125px;
 height:125px
}
.symbol.symbol-125px.symbol-fixed>img {
 width:125px;
 height:125px;
 max-width:auto
}
.symbol.symbol-150px>img {
 width:150px;
 height:150px
}
.symbol.symbol-150px .symbol-label {
 width:150px;
 height:150px
}
.symbol.symbol-150px.symbol-fixed .symbol-label {
 width:150px;
 height:150px
}
.symbol.symbol-150px.symbol-fixed>img {
 width:150px;
 height:150px;
 max-width:auto
}
.symbol.symbol-160px>img {
 width:160px;
 height:160px
}
.symbol.symbol-160px .symbol-label {
 width:160px;
 height:160px
}
.symbol.symbol-160px.symbol-fixed .symbol-label {
 width:160px;
 height:160px
}
.symbol.symbol-160px.symbol-fixed>img {
 width:160px;
 height:160px;
 max-width:auto
}
.symbol.symbol-175px>img {
 width:175px;
 height:175px
}
.symbol.symbol-175px .symbol-label {
 width:175px;
 height:175px
}
.symbol.symbol-175px.symbol-fixed .symbol-label {
 width:175px;
 height:175px
}
.symbol.symbol-175px.symbol-fixed>img {
 width:175px;
 height:175px;
 max-width:auto
}
.symbol.symbol-200px>img {
 width:200px;
 height:200px
}
.symbol.symbol-200px .symbol-label {
 width:200px;
 height:200px
}
.symbol.symbol-200px.symbol-fixed .symbol-label {
 width:200px;
 height:200px
}
.symbol.symbol-200px.symbol-fixed>img {
 width:200px;
 height:200px;
 max-width:auto
}
@keyframes animation-pulse {
 0% {
  -webkit-transform:scale(.1,.1);
  opacity:0
 }
 60% {
  -webkit-transform:scale(.1,.1);
  opacity:0
 }
 65% {
  opacity:1
 }
 100% {
  -webkit-transform:scale(1.2,1.2);
  opacity:0
 }
}
@keyframes animation-scrolltop {
 from {
  margin-bottom:-15px
 }
 to {
  margin-bottom:0
 }
}
[data-kt-drawer=true] {
 display:none
}
@keyframes animation-drawer-fade-in {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@media (max-width:1180px) {
 body[data-kt-drawer=on] {
  overflow:hidden
 }
}
.badge-light {
 color:#7e8299;
 background-color:#f5f8fa
}
.badge-light-light {
 color:#f5f8fa
}
.badge-primary {
 color:#fff;
 background-color:#009ef7
}
.badge-light-primary {
 color:#009ef7;
 background-color:#f1faff
}
.badge-success {
 color:#fff;
 background-color:#50cd89
}
.badge-light-success {
 color: #ffffff;
 background-color: #000000bf;
}
.badge-dark {
 color:#fff;
 background-color:#181c32
}
.badge-light-dark {
 color:#181c32;
 background-color:#eff2f5
}
@media (min-width:992px) {
 div,
 span {
  scrollbar-width:thin;
  scrollbar-color:#eff2f5 transparent
 }
 div::-webkit-scrollbar,
 span::-webkit-scrollbar {
  width:.4rem;
  height:.4rem
 }
 div::-webkit-scrollbar-thumb,
 span::-webkit-scrollbar-thumb {
  background-color:#eff2f5
 }
 div:hover,
 span:hover {
  scrollbar-color:#e9edf1 transparent
 }
 div:hover::-webkit-scrollbar-thumb,
 span:hover::-webkit-scrollbar-thumb {
  background-color:#e9edf1
 }
}
@media (min-width:992px) {
 @-moz-document url-prefix() {
  .hover-scroll {
   overflow:scroll;
   position:relative;
   border-right:0;
   border-bottom:0
  }
 }
}
@media (min-width:992px) {
 @-moz-document url-prefix() {
  .hover-scroll-y {
   overflow-y:scroll;
   position:relative;
   border-right:0
  }
 }
}
@media (min-width:992px) {
 @-moz-document url-prefix() {
  .hover-scroll-x {
   overflow-x:scroll;
   position:relative;
   border-bottom:0
  }
 }
}
@-moz-document url-prefix() {
 .hover-scroll-overlay-y {
  overflow-y:scroll;
  position:relative
 }
}
body[data-kt-sticky-landing-header=on] {
 padding-top:100px
}
@media (max-width:1180px) {
 body[data-kt-sticky-landing-header=on] {
  padding-top:70px
 }
}
html {
 font-family:sans-serif;
 text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 -webkit-tap-highlight-color:transparent
}
body,
html {
 font-size:13px!important;
 -moz-osx-font-smoothing:grayscale
}
@media (max-width:1180px) {
 body,
 html {
  font-size:13px!important
 }
}
@media (max-width:767.98px) {
 body,
 html {
  font-size:12px!important
 }
}
body {
 background-color:#f5f8fa
}
@media (min-width:992px) {
 .content {
  padding:30px 0
 }
}
@media (max-width:1180px) {
 .content {
  padding:15px 0
 }
}


.btn.btn-primary_wp {
  padding: 1px 20px;
  border: none;
  background: #262a35;
  -webkit-transition: .14s ease;
  transition: .14s ease;
}

body.dark i.fa-sun {
  display: flex;
}
.darkMode i.fa-sun {
  color: #ffffff;
  background-color: #d68600;
}








.currency-modal {
  z-index: 9999; /* Modalın en üstte kalmasını sağlar */
}



.loading, .loading>td, .loading>th, .nav li.loading.active>a, .pagination li.loading, .pagination>li.active.loading>a, .pager>li.loading>a {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
  background-size: 110% 110%;
}