.stn i {
    vertical-align: middle;
    font-size: 1.3rem;
    margin-top: -1em;
    margin-bottom: -1em;
    margin-right: 5px;
}
.bx {
    font-family: boxicons!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: inherit;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}    
.me-0 {
    margin-right: 0!important;
}
.btn-saten {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #350869;
    border-radius: 6px;
    padding: 5px 10px;
}
.btn-saten {
    color: #fff;
    background-color: #222a58;
    border-color: #222a58;
}

    
    .servisbilgi {
    text-align: center;
    margin-bottom: 10px;
}
.p7 {
	padding-left: 7px;
    padding-right: 7px;
}

.md1 {
	background: #853aae;
    background: -moz-linear-gradient(top, #853aae 0%, #4103a8 100%);
    background: -webkit-linear-gradient(top, #853aae 0%,#4103a8 100%);
    background: linear-gradient(to bottom, #853aae 0%,#4103a8 100%);
    border: 1px solid #2c3773;
    border-radius: 10px;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer!important
}
.ico-ig .fab.fa-instagram {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
	background-clip: text;
	font-size: 14px;
	padding: 2.4px;
	border-radius: 5px;
	color: #FFF;
	font-weight: lighter;
	margin-right: 10px;
}

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

.ico-yt .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;
}

.ico-tw .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;
}

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

.ico-sc .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;
}

.ico-sp .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;
}

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

.ico-pt .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;
}

.ico-tic .fa.fa-music {
	background: #f8004d;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.ico-web .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;
}

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

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

.ico-mdy .fas.fa-gem {
	background: #64ddf9;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.well {
    border-radius: 10px;
    background-color: #fff;
    
    width: 100%;
    height: auto;
    padding: 20px;
}
.serv-search {
	display: flex!important;
	width: 100%;
	margin-bottom: 15px
}
@media screen and (max-width: 600px) {
	#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 #161c3d;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	#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 #161c3d
	}
	#serv-table.table tr:nth-child(even) {
		background: #4e0ea9
	}
	#serv-table.table tr:nth-child(odd) {
		background: #7830ad
	}
	#serv-table.table tr td {
		text-align: right
	}
	#serv-table.table tr.s-head {
		border: none!important;
		text-align: left
	}
}


#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 #2b367238;
	vertical-align: middle;
}

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

#serv-table.table tr {
	color: #000
}

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

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

a.btn.btn-showall {
	padding: 3px 10px;
    border-radius: 5px
}

a.btn.btn-showall {
	background: #ff3750;
}

a.btn.btn-showall i {
	color: #ededed
}
.serv-search {
	display: flex!important;
	width: 100%;
	margin-bottom: 15px
}

.serv-input {
	width: 100%!important;
	padding: 10px!important;
	outline: none!important;
	background: #222a58!important;
	border: none!important;
	color: #fafafa!important;
	height: 45px!important;
	border-radius: 0 10px 10px 0!important;
}

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

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

#span_sh {
	color: #ff3552;
  	font-weight: 500
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #fff;
    background-image: -webkit-linear-gradient(45deg, #ff384f 15%, #ff1972 65%);
    background-image: linear-gradient(45deg, #ff384f 15%, #ff1972 65%);
}

.nav-pills>li>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #fff;
}	

.servNav li {
	margin-bottom: 10px;
}

.servNav li a {
	background: #2a3677;
	margin-right: 10px;
}

.servNav li a:hover {
    background-image: -webkit-linear-gradient(45deg, #ff384f 15%, #ff1972 65%);
    background-image: linear-gradient(45deg, #ff384f 15%, #ff1972 65%);
}

.nav-pills.servNav>li>a {
    border-radius: 4px;
}
.nav.servNav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

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

#span_sh {
	color: #ff3552;
  	font-weight: 500
}
.modal {
	z-index: 99999
}

.modal-header {
	border-bottom-color: transparent!important;
	background: #071828;
	color: #fff!important;
	padding: 15px;
}

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

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

.modal-body1 {
	padding: 15px;
    font-size: 13px;
	background: #222a58;
}

.modal-body1 pre {
	color: #fff
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, 0px);
}


    .serv-head {
	background: #853aae;
    background: -moz-linear-gradient(top, #853aae 0%, #4103a8 100%);
    background: -webkit-linear-gradient(top, #853aae 0%,#4103a8 100%);
    background: linear-gradient(to bottom, #853aae 0%,#4103a8 100%);
	color: #fff;
	border-radius: 10px;
	border: none;
	text-align: left;
	padding: 8px 20px;
}