@media only screen and (min-width: 600px){
.dgizle {
    display:none;
}
}
@media only screen and (max-width: 600px){
.mgizle {
    display:none;
}
}
.well .mof2:last-child{
border-bottom:0;
}
.mohr{
margin-bottom:5px;
}
.mohr hr{
background:crimson;
height:5px;
}
.moff {
    color: black;
    padding: 5px 10px;
    border-bottom: 1px solid crimson;
}
.mof2 {
    color: black;
    padding: 5px 10px;
    border-bottom: 1px solid crimson;
}
.well-box{
background:white;
padding:25px;
border-radius:30px;
margin-top:10px;
text-align:center;
}
.w-title{
color:black;
font-weight:bold;
}
.well-box hr{
padding:10px;
}
.w-content{
color:black;
}
.w-price {
	color:black;
    padding: 5px;
    border: 2px solid #a13d95;
    text-align: center;
    border-radius: 30px;
}
.msk{
    color: white;
    font-weight: bold;
    background: #a13d95;
    border-radius: 15px;
    padding: 10px;
}

<!--body
{
	font-family: Avenir Next, sans-serif;
}
-->
body {
	background-color: hsla(202, 50%, 6%, 1);
   background-image:  url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.5" fill="%23FFFFFF" cx="28.75" cy="22.338" r="0.713"/><circle opacity="0.2" fill="%23FFFFFF" cx="26.75" cy="79.443" r="0.307"/><circle opacity="0.5" fill="%23FFFFFF" cx="50" cy="41.884" r="0.308"/><circle fill="%23FFFFFF" cx="12.883" cy="42.25" r="0.367"/><circle opacity="0.4" fill="%23FFFFFF" cx="80" cy="72.818" r="0.307"/><circle opacity="0.5" fill="%23FFFFFF" cx="55.625" cy="12.375" r="0.308"/><circle opacity="0.2" fill="%23FFFFFF" cx="73.307" cy="89.375" r="0.308"/><circle opacity="0.5" fill="%23FFFFFF" cx="73" cy="53.884" r="0.308"/><circle opacity="0.5" fill="%23FFFFFF" cx="38.875" cy="89.432" r="0.385"/></svg>');
  background-size: 20rem 20rem;
  background-position: center 0;
  animation: bg 10s linear infinite;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}
.planet_wraper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 7rem;
  height: 7rem;
  margin: auto;
  border-radius: 50%;
}
.planet_shadow {
   background-image: linear-gradient(top left, #24b88b 20%, #21776f);
   background-image: -moz-linear-gradient(top left, #24b88b 20%, #21776f);
  box-shadow: inset 0 -5px 10px rgba(22, 48, 64, 0.5), 0 0 1.5rem rgba(170, 194, 194, 0.3);
}
.planet {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: rotate 15s linear infinite;
  overflow: hidden;
}
.planet_wraper::before, .planet_wraper::after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0.1rem 0.1rem rgba(170, 194, 194, 0.1), inset 0 -0.1rem 0.1rem rgba(170, 194, 194, 0.1);
  animation: rotate 5s linear infinite;
}
.planet_wraper::before {
  top: -1.75rem;
  left: -1.75rem;
  width: 11rem;
  height: 11rem;
  animation-delay: 1s;
}
.planet_wraper::after {
  top: -2.5rem;
  left: -2.5rem;
  width: 15rem;
  height: 15rem;
}
.planet > * {
  position: relative;
  border-radius: 50%;
  background-color: #209b85;
  box-shadow: inset 1px 1px 5px #163040, 0 0 7px #63eed2 ;
  opacity: 0.3;
}
.crater:nth-of-type(1) {
  top: 2rem;
  left: 1.5rem;
  width: 0.75rem;
  height: 0.75rem;
}
.crater:nth-of-type(2) {
  top: -0.75rem;
  left: 5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.crater:nth-of-type(3) {
  top: 0.5rem;
  left: 2rem;
  width: 1.25rem;
  height: 1.25rem;
}
.crater:nth-of-type(4) {
  top: -1.5rem;
  left: 3.5rem;
  width: 0.5rem;
  height: 0.5rem;
}
.crater:nth-of-type(5)  {
  top: 1.25rem;
  left: 3.5rem;
  width: 2rem;
  height: 1.5rem;
}
@keyframes bg {
  to { background-position: center 20rem; }
}
@keyframes rotate {
  to { transform: rotate(360deg)}
}
.ml-30
{
	margin-left: 30px;
}

.margintop-marginbottom-og
{
	margin-top: 60px;
  	margin-bottom: 80x;
}

.h1-buyuk {
font-size: 3.5rem;
    font-weight: 500;
    text-align: left !important;
    color: #ffffffc9;
    padding-bottom: 20px;
}
.girislead {
    color: rgba(255,255,255,0.6);
    font-size: 26px;
    font-weight: 300;
}
body,html
{
    <!--background-color: #0096DA !important;-->
  	height:100%;
}
.navbar {
    background-color: #050f15;
    position: relative;
    min-height: 50px;
    margin-bottom: 18px;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 100px 25px;
    -moz-box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 100px 25px;
    box-shadow: rgba(0, 0, 0, 0.07);
}

.well {
    color: #212425;
    background-color: #fafafa;
    border: 1px solid #e1e4e8;
    border-radius: 3px;
    box-shadow: inset 0 0 10px rgba(27,31,35,0.05);
}



@media (min-width: 60em){
.hero-button {
    display: inline-block;
    padding: 1.5rem 5.5rem;
}
}
.hero-button {
    padding: 1.5rem;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  	color: #fafafa;
border: #081117;
    background-color: #163040;
}
  
.dim:active {
    opacity: 0.95;
    transition: opacity 0.15s ease-out;
}
.dim:hover, .dim:focus {
    opacity: 0.85;
    transition: opacity 0.15s ease-in;
  	border: 1px solid #000;
}
.dim {
    opacity: 1;
    transition: opacity 0.15s ease-in;
}
  
.width100
  {
  	width:100%;
  }
.font11
  {
  	font-size:14px;
    margin-bottom: 10px;
  }
.girisinput {
    font-weight: 400;
    width: 100%;
    min-height: 46px;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #ffffff;
}
.cb-label {
    display: block;
    color: #212425;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.46;
    margin-bottom: 8px;
}
  
.shadow-7 {
    box-shadow: 0px 2px 11px 0 rgba(178,183,189,0.24), 0px 0.5px 2.5px 0 rgba(213,218,223,0.8);
}
  .sifrenipaylasma {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px;
    color: #6a737d;
}
  
  .ucretsizuyelik {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px;
    color: #6a737d;
    text-align: center;
}

.girisyazi {
    font-size: 1.65rem;
    font-weight: 400;
    line-height: 2.13;
    opacity: 0.8;
    margin-bottom: 2.1rem;
}
.girisyazidiv
  {
  	margin-left: 10px;
  }
  
  
.mv0 {
    margin-top: 10px;
    margin-bottom: 0;
}
.btn-kayit
  {
  	background-color: #050f15 !important;
    margin-top: 2.3em;
    border: 1px solid #000;
  }
  
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus
  {
  	    background-color: #0A0F16;
  }
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:  #0A0F16;
}
.active
  {
  	font-weight: 600;
  }
  
@media (max-width: 863px){
.hero-button {
    width: 100%;
  	margin-bottom: 15px;
}
}
.mt10
{
	margin-top: 10px;
}
@media (max-width: 863px){
.margintop-marginbottom-og {
    margin-top: 35px;
}
}
.mt10
{
	margin-top: 10px;
}

.topla

{
	background-color: #050f15;
    margin-top: 5em;
    border: 1px solid #000;
    background-image: url(https://i.hizliresim.com/dBz32X.png);
    background-repeat: repeat-x;
    background-position: center 0, 0 0, 0 0;
}
.text-feature-h1 
{
	padding: 30px;
  font-size: 3.5rem;
    font-weight: 500;
    color: #ffffffc9;
}
.topla2
{
	background-color: #fafafa;
  	color: #1d1d1d;

}

.girisyazi-siyah
{
	font-size: 1.65rem;
    font-weight: 400;
    line-height: 2.13;
    opacity: 0.8;
    margin-bottom: 2.1rem;
}

.text-feature-h1-siyah
{
	padding: 30px;
    font-size: 3.8rem;
    font-weight: 600;
    color: #1d1d1d;
    text-transform: uppercase;
}
.border--round {
    border-radius: 6px;
  max-width: 100%;
}
.box-shadow-wide {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}
.divtopla
{
	padding-bottom: 40px;
}
.footer {
position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    margin-top: auto;
    border-color: #000000;
}
.footer a {
    color: #fafafa;
    padding-left: 10px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.btn-primary:hover
{
	background-color: #1d1d1d;
  border-color: #000;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #000;
    border-color: #1f3953;
}
.border-rounded {
    font-weight: 400;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
label, input, button, select, textarea {
    font-weight: 600;
}

.kirmizirenk
{
	color:#861821;
  	text-decoration: underline;
}


.ui.main.grid {
  left: 18.75%;
  position: relative;
  width: 81.25%;
}





/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}




.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.btn-demo {
	margin: 15px;
	padding: 10px 15px;
	border-radius: 0;
	font-size: 16px;
	background-color: #FFFFFF;
}

.btn-demo:focus {
	outline: 0;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}


.buttonbildirim {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #fafafa;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    background-repeat: no-repeat;
    background-position: 50% 49%;
  background-size: 50%;
    z-index: 2147483000!important;
    -webkit-animation: beamer_pop-in .5s;
    -moz-animation: beamer_pop-in .5s;
    -ms-animation: beamer_pop-in .5s;
    border: 3px solid #3d495a;
	background-image: url(https://use.fontawesome.com/releases/v5.0.13/svgs/solid/bullhorn.svg);
}

.btnclose
{
	color:black;
}

.h4kalin
{
	font-weight: 600;
}
.siyah
{
	color: #1d1d1d;
}

.table > thead > tr > th {
    color: #24292E;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom-width: 1px;
}
a {
    color: #0079ff;
    text-decoration: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(204, 198, 198, 0.3);
}

.right-ticket {
    background: rgb(36, 41, 46);
}
.message-text {
    background: rgba(255, 255, 255, 0.425);
    /* border: 1px solid #626a71; */
    resize: none;
    outline: none;
    color: #24292e;
    font-weight: 400;
}





.left-ticket {
    background: #5a00ff;
}
pre
{
	background-color: rgb(8, 16, 24) !important;
}
table {
    background-color: #fafbfc;
    color: #24292e;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus {
    background-color: rgb(3, 97, 204);
    color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #24292e;
    background-color: rgb(250, 251, 252);
}
.btnsub
{
	padding: 1.5rem;
    /* display: block; */
    text-align: center;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    color: #fafafa;
    border: #081117;
    /* margin-top: 2.3em; */
    border: 1px solid #000;
}

.btn1
{
	background-color: #fafafa;
  color: #1d1d1d;
  
}
.btn2
{
	background-color: #070E14;
}
.btn1:hover, btn1:focus
{
	color: #1d1d1d;
}
.term
{
	color:#fafafa;
}

.h2-buyuk {
    font-size: 2.2rem;
    font-weight: 500;
    /* text-align: left !important; */
    color: #1d1d1d;
    padding-bottom: 20px;
}


.anabolum {
  width:100%;
  margin: 0 auto;
}

.anabolum > section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.anabolum > input {
  display: none;
}

.anabolum > label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 10px;
  font-weight: 600;
  text-align: center;
  color: #656464;
  border: 1px solid transparent;
}

.anabolum > label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}


.anabolum > label[for*='1']:before { content: '\f12a';}
.anabolum > label[for*='2']:before { content: '\f05b'; }
.anabolum > label[for*='3']:before { content: '\f24e'; }
.anabolum > label[for*='4']:before { content: '\f00c'; }

.anabolum > label:hover {
  color: #888;
  cursor: pointer;
}

.anabolum > input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;}
.anabolum > 
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
  padding: 20px;
}

@media screen and (max-width: 650px) {
.anabolum >  label {
    font-size: 0;
  }
.anabolum >  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
.anabolum >  label {
    padding: 15px;
  }
}
ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #000;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}


.collapse.in {
    display: block;
}
.collapse {
    display: none;
}

.panel .panel-heading a {
    color: #1d1d1d;
    font-weight: 400;
}

.panel .panel-heading a.collapsed {
    color: #050f1580;
}
.badge-blue {
    background-color: #0468db!important;
}
.badge {
    border-radius: 3px;
}
.badge {
    padding: 2.6px 13px;
    font-size: 12px;
    font-weight: 500;
}
.btn-primary
{
	font-size: 1.070rem;
}
li.h1li {
    font-weight: 700;
}

.modal-content {
    position: relative;
    background-color: #fafafa;
    color: #1d1d1d;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #c3c3c3;
    min-height: 16.428571429px;
    color: #1d1d1d;
}

.modal-footer {
    background-color: #fafafa;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #c3c3c3;
}
.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
    color: #1d1d1d;
}

.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: Font Awesome\ 5 Free;
}
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

body
{
	padding-bottom:unset!important;
	font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";!important;
	font-size:12px
}

.dsa
{
	color:transparent
}

canvas
{
	display:block;
	vertical-align:bottom
}

#particles-js
{
	background-color:#2a0140;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:fixed;
	width:100%;
	height:100%;
	background-image:url();
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%
}

.count-particles
{
	background:#002;
	position:absolute;
	top:48px;
	left:0;
	width:80px;
	color:#13E8E9;
	font-size:.8em;
	text-align:left;
	text-indent:4px;
	line-height:14px;
	padding-bottom:2px;
	font-family:Helvetica,Arial,sans-serif
}

.js-count-particles
{
	font-size:1.1em
}

#stats,.count-particles
{
	-webkit-user-select:none;
	margin-top:5px;
	margin-left:5px
}

#stats
{
	border-radius:3px 3px 0 0;
	overflow:hidden
}

.count-particles
{
	border-radius:0 0 3px 3px
}

footer a
{
	color:transparent
}

body,.navbar-default,.btn-primary,.btn-primary:hover,.navbar-default .navbar-brand:hover,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus
{
	color:#fff;
	background-color:#2a0140
}
.button--click .btn-token {
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  margin: 0 0.75rem;
  display: inline-flex;
  justify-content: center;
}
.button--click .btn-token.c-gradient {
  -webkit-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -moz-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -o-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -ms-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
}
.button--click .btn-token.defalult {
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.bakiye-renk
{
	background:#007bff;
	color:#fff
}

.navbar-default
{
	border:unset;
	font-weight:700;
	box-shadow:0 3px 6px rgba(255,255,255,0.16), 0 3px 6px rgba(255,255,255,0.23);
}

.well
{
	box-shadow:0 19px 13px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22)
}

.navbar-default .navbar-brand,.navbar-default .navbar-nav > li > a
{
	color:#c8c9ca
}

.pd
{
	font-family:'Titillium Web',sans-serif!important;
	font-size:3rem;
	line-height:1.35;
	opacity:1;
	text-align:normal;
	text-shadow:0 0 3px hsla(0,0%,100%,.75);
	color:#fff
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus
{
	color:#fff;
	background-color:unset
}

.btn-facebook
{
	color:#fff;
	background-color:#3b5998;
	border-color:rgba(0,0,0,0.2)
}

.btn-social
{
	position:relative;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}

.btn-primary
{
-webkit-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -moz-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -o-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -ms-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;}

.btn-primary:hover
{
-webkit-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -moz-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -o-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  -ms-background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;
  background: linear-gradient(90deg, #6bb0f8 0%, #fd4ffe 100%) !important;}

.bl a
{
	color:transparent;
	position:absolute;
	left:-9999px
}

#footer
{
	background:#efefef;
	border-top:1px solid #ddd;
	color:#222;
	font-weight:700;
	display:-webkit-box;
	position:relative;
	right:0;
	bottom:0;
	left:0;
	padding:1rem
}

#footer ul li
{
	display:inline-grid;
	min-width:80px;
	height:50px;
	line-height:50px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	cursor:pointer;
	height:120px;
	line-height:120px
}

.nav-pills > li > a
{
	background-color:#efefef;
	border-radius:4px;
	color:#000
}

.border-rounded
{
	font-size:12px
}

.nav-pills > li > a:hover
{
	background-color:#777;
	border-radius:4px;
	color:#fff
}

.well
{
	box-shadow:0 2px 13px rgba(255,255,255,0.3),0 0 0 rgba(255,255,255,0.22);
	background-color:#fafafa;
	color:#25292e
}

.form-control
{
	color:#25292e;
	background-color:#fff;
	font-size:13px
}

.navbar-right>li:first-child>a>span
{
	border-radius:100px
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control
{
	background-color:unset
}

#categoryTitle span,#serviceTitle span
{
	position:relative
}




.fs-hizli
{
	color:#28b62c
}

.fs-orta
{
	color:#008eff
}

.fs-yavas
{
	color:#f24236
}

.fs-twc
{
	color:#1a0dab
}

.fs-tik
{
	color:#000
}

.fs-zom
{
	color:#cb202d
}

.fs-pt
{
	color:#bd081c
}


.fs-star
{
	color:#23292e
}

.fs-yt
{
	color:red
}

.fs-fb
{
	color:#4267b2
}

.fs-ig


{
	color:#0078ff
      
}



.fs-tw
{
	color:#1da1f2
}

.fs-rocket
{
	color:#df4b5f
}

.fs-gp
{
	color:#dd4e40
}

.fs-fsq
{
	color:#ffa633
}

.fs-dm
{
	color:#ffda05
}

.fs-pc
{
	color:#41accc
}

.fs-sc
{
	color:#ff5510
}

.fs-vn
{
	color:#00b489
}

.fs-sp
{
	color:#00d856
}

.fs-snap
{
	color:#fffc00
}

.fs-ei
{
	color:#fffc00
}

.con-4
{
	color:#fff;
	padding-top:unset
}

.con-4 span
{
	color:#fff;
	text-align:center;
	font-size:51px;
	line-height:1.35
}

.con-4 i
{
	color:#fff;
	font-size:15em;
	display:block;
	margin-bottom:50px
}

.forget-ps
{
	line-height:30px;
	text-align:right;
	display:none
}

.sayac
{
	color:#f5f5f5;
	width:100%;
	float:left;
	padding-top:80px
}

.sayac div
{
	padding:5px;
	margin:5px;
	background:rgba(255,255,255,0.5);
	border-radius:5px
}

.sayac span
{
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#f5f5f5;
	margin-bottom:10px
}

.sayac span:nth-child(2n+2)
{
	font-size:23px;
	color:orange
}

#navbar ul
{
	font-weight:500
}

.notice
{
	padding:15px;
	background-color:#fafafa;
	border-left:3px solid #7f7f84;
	margin-bottom:10px;
	-webkit-box-shadow:0 5px 8px -6px rgba(0,0,0,.2);
	-moz-box-shadow:0 5px 8px -6px rgba(0,0,0,.2);
	box-shadow:0 5px 8px -6px rgba(0,0,0,.2)
}

.notice-sm
{
	padding:10px;
	font-size:80%
}

.notice-lg
{
	padding:35px;
	font-size:large
}

.notice-success
{
	border-color:#80D651
}

.notice-success>strong
{
	color:#80D651
}

.notice-info
{
	border-color:#45ABCD
}

.notice-info>strong
{
	color:#45ABCD
}

.notice-warning
{
	border-color:#FEAF20
}

.notice-warning>strong
{
	color:#FEAF20
}

.notice-danger
{
	border-color:#d73814
}

.notice-danger>strong
{
	color:#d73814
}

#header
{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	background:#fff
}

.cnt
{
	width:100%;
	position:absolute;
	padding:0 50px 50px
}

.con-4
{
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:99;
	min-height:50px;
	text-align:center;
	color:#000
}

.con-4 span
{
	text-align:center;
	font-size:21px;
	line-height:1.35;
	color:#000
}

.oval:after
{
	background-image:url(https://zurb.com/packs/zurb/img/curve-bg-576672200f6225a05f88cc5aabeee29f.svg);
	background-size:100% 100%;
	content:"";
	display:block;
	height:40px;
	position:absolute;
	top:-39px;
	width:100%;
	z-index:1
}

.dark-2
{
	margin:unset!important;
	text-align:center!important;
	padding:50px 0!important;
	background:unset!important
}

@media only screen and (max-width: 750px) {
	#header
	{
		margin-top:50px
	}
}

section .section-title
{
	text-align:center;
	color:#007b5e;
	margin-bottom:50px;
	text-transform:uppercase
}

#what-we-do
{
	background:#fafafa
}

#what-we-do .card
{
	padding:1rem!important;
	border:none;
	margin-bottom:1rem;
	-webkit-transition:.5s all ease;
	-moz-transition:.5s all ease;
	transition:.5s all ease
}

#what-we-do .card:hover
{
	-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;
	-moz-box-shadow:5px 7px 9px -4px #9e9e9e;
	box-shadow:5px 7px 9px -4px #9e9e9e
}

#what-we-do .card .card-block
{
	padding-left:50px;
	position:relative
}

#what-we-do .card .card-block a
{
	color:#007b5e!important;
	font-weight:700;
	text-decoration:none
}

#what-we-do .card .card-block a i
{
	display:none
}

#what-we-do .card:hover .card-block a i
{
	display:inline-block;
	font-weight:700
}

#what-we-do .card .card-block:before
{
	font-family:FontAwesome;
	position:absolute;
	font-size:39px;
	color:#007b5e;
	left:0;
	-webkit-transition:-webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out
}

#what-we-do .card .block-1:before
{
	content:"\f0e7"
}

#what-we-do .card .block-2:before
{
	content:"\f0eb"
}

#what-we-do .card .block-3:before
{
	content:"\f00c"
}

#what-we-do .card .block-4:before
{
	content:"\f209"
}

#what-we-do .card .block-5:before
{
	content:"\f0a1"
}

#what-we-do .card .block-6:before
{
	content:"\f218"
}

#what-we-do .card:hover .card-block:before
{
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
	-webkit-transition:.5s all ease;
	-moz-transition:.5s all ease;
	transition:.5s all ease
}

footer
{
	background-color:#2b2e31!important;
	padding:60px 0;
	position:relative
}

footer ul
{
	list-style:none;
	margin:0 auto;
	display:inline-block;
	padding-top:50px
}

footer ul li
{
	float:left
}

footer ul li a
{
	color:#b1aca1;
	padding:20px
}

footer ul li a:hover
{
	color:#7dabdb;
	text-decoration:none
}

.footer-top
{
	padding-bottom:50px
}

.footer-top .fa
{
	font-size:18px;
	color:#FFF;
	padding-right:10px
}

.footer-top a
{
	color:#FFF;
	text-decoration:none
}

.footer-top .col-lg-2:hover .fa,.footer-top .col-lg-2:hover a
{
	color:#7dabdb
}

.copyright
{
	background-color:#f0f0f0;
	position:relative;
	color:#000
}

.copyright p
{
	font-size:12px;
	padding:15px 0 10px
}

.dropdown-menu
{
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
	margin:0;
	padding:0;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0,0,0,.15);
	border-radius:.5rem;
	max-height:45vh;
	overflow-y:scroll
}

.dropdown-item
{
	display:block;
	width:100%;
	padding:.85rem 1.5rem;
	clear:both;
	font-weight:500;
	color:#212529;
	text-align:inherit;
	white-space : pre-line ;
	background-color:transparent;
	border:unset;
	border-bottom:1px solid #efefef
      
   
    
      
}

.dropdown-item:hover
{
	background-color:#f6f6f6
}

.dropdown .dropdown-toggle span
{
	white-space:nowrap;
	text-overflow:ellipsis;
	width:85%;
	position:absolute
}



.border-white
{
	text-shadow:1px 1px #fff,-1px 1px #fff,1px -1px #fff,-1px -1px #fff,1px 1px 5px #555
}

.modal-title
{
	display:inline-block!important
}

input[type='text'],input[type='number'],textarea
{
	font-size:13px!important
}

.content
{
	padding:30px;
}

.margin-bottom-30
{
	margin-bottom:30px
}

.portlet
{
	background:#fff;
	padding:20px;
	border-radius:4px
}

.portlet.portlet-gray
{
	background:#f7f7f7
}

.portlet.portlet-bordered
{
	border:1px solid #eee
}

.portlet-title
{
	padding:0;
	min-height:40px;
	border-bottom:0 solid #eee;
	margin-bottom:0
}

.caption
{
	float:left;
	display:inline-block;
	font-size:18px;
	line-height:18px
}

.caption.caption-green .caption-subject,.caption.caption-green i
{
	color:#4db3a2;
	font-weight:200
}

.caption.caption-red .caption-subject,.caption.caption-red i
{
	color:#e26a6a;
	font-weight:200
}

.caption.caption-purple .caption-subject,.caption.caption-purple i
{
	color:#8775a7;
	font-weight:400
}

.caption i
{
	color:#777;
	font-size:15px;
	font-weight:300;
	margin-top:3px
}

.caption-subject
{
	color:#666;
	font-size:16px;
	font-weight:600
}

.caption-helper
{
	padding:0;
	margin:0;
	line-height:13px;
	color:#9eacb4;
	font-size:13px;
	font-weight:400
}

.actions
{
	float:right;
	display:inline-block
}

.actions a
{
	margin-left:3px
}

.actions .btn
{
	color:#666;
	padding:3px 9px;
	font-size:13px;
	line-height:1.5;
	background-color:#fff;
	border-color:#ccc;
	border-radius:50px
}

.actions .btn i
{
	font-size:12px
}

.actions .btn:hover
{
	background:#f2f2f2
}

.pagination
{
	margin:-3px 0 0;
	border-radius:50px
}

.pagination > li > a,.pagination > li > span
{
	padding:4px 10px;
	font-size:12px;
	color:#8775a7;
	background:#f7f7f7
}

.pagination > li:hover > a,.pagination > li.active > a,.pagination > li.active:hover > a
{
	color:#fff;
	background:#8775a7;
	border-color:#8775a7
}

.inputs
{
	float:right;
	display:inline-block;
	padding:4px 0;
	margin-top:-10px
}

.input-inline
{
	width:240px;
	display:inline-block;
	vertical-align:middle
}

.portlet-title > .nav-tabs
{
	background:none;
	margin:0;
	float:right;
	display:inline-block;
	border:0
}

.portlet-title > .nav-tabs > li
{
	background:none;
	margin:0;
	border:0
}

.portlet-title > .nav-tabs > li > a
{
	background:none;
	border:0;
	padding:2px 10px 13px;
	color:#444
}

.portlet-title > .nav-tabs > li.active,.portlet-title > .nav-tabs > li.active:hover
{
	border-bottom:4px solid #f3565d;
	position:relative
}

.portlet-title > .nav-tabs > li:hover
{
	border-bottom:4px solid #f29b9f
}

.portlet-title > .nav-tabs > li.active > a,.portlet-title > .nav-tabs > li:hover > a
{
	color:#333;
	background:#fff;
	border:0
}

.actions .btn.btn-circle
{
	width:28px;
	height:28px;
	padding:3px 7px;
	text-align:center
}

.actions .btn.btn-circle i
{
	font-size:11px
}

.actions .btn.grey-salsa
{
	border:none;
	margin-left:3px;
	box-shadow:none;
	border-radius:50px!important
}

.actions .btn.grey-salsa.active
{
	color:#fafcfb;
	background:#8e9bae
}

.actions .grey-salsa.btn:hover,.actions .grey-salsa.btn:focus,.actions .grey-salsa.btn:active,.actions .grey-salsa.btn.active
{
	color:#fafcfb;
	background:#97a3b4
}

.actions .btn.btn-red.active,.actions .btn.btn-red:hover
{
	color:#fff;
	box-shadow:none;
	background:#e26a6a;
	border-color:#e26a6a
}

.actions .btn.btn-purple.active,.actions .btn.btn-purple:hover
{
	color:#fff;
	box-shadow:none;
	background:#8775a7;
	border-color:#8775a7
}

#serviceTitle,#categoryTitle
{
	width:81%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:700;
	padding:0 1px
}

@media only screen and (max-width: 800px) {
	#ord-ul li
	{
		width:49%;
		padding:5px 2px
	}
}

li.search
{
	display:block!important;
	width:100%!important;
	padding:5px 0!important
}

.force-overflow
{
	margin-right:6px;
	padding:2px
}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);
	border-radius:35px;
	background-color:#F5F5F5
}

#style-1::-webkit-scrollbar
{
	width:5px;
	background-color:#F5F5F5
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius:35px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);
	background-color:#555
}

.alert-danger
{
	color:#86181d;
	background-color:#ffdce0;
	border-color:#f5c6cb
}

.alert-primary
{
	color:#004085;
	background-color:#cce5ff;
	border-color:#b8daff
}

.alert-success
{
	color:#185c27;
	background-color:#dcffe4;
	border-color:#c3e6cb
}

.alert-secondary
{
	color:#383d41;
	background-color:#e2e3e5;
	border-color:#d6d8db
}

.alert-warning
{
	color:#856404;
	background-color:#fff3cd;
	border-color:#ffeeba
}

.alert-info
{
	color:#0c5460;
	background-color:#d1ecf1;
	border-color:#bee5eb
}

.alert-light
{
	color:#000;
	background-color:#f0f0f0;
	border-color:#fdfdfe
}

.alert-dark
{
	color:#1b1e21;
	background-color:#d6d8d9;
	border-color:#c6c8ca
}

.alert
{
	position:relative;
	padding:.75rem 1.25rem;
	margin-bottom:1rem;
	border:1px solid transparent;
	border-radius:.25rem
}

.notify-counter
{
	position:absolute;
	background:#e74c3c;
	border-radius:100%;
	padding:1px 7px;
	color:#ffff;
	top:-5px;
	right:-7px
}

.notify-btn
{
	border-radius:100%;
	z-index:999!important;
	position:fixed;
	bottom:20px;
	right:20px;
	padding:12px 15px;
	color:#000;
	box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)!important;
	transition:all .3s cubic-bezier(.25,.8,.25,1)!important;
	outline:0!important
}

.notify-btn:hover
{
	box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)!important
}

.notify-modal
{
	margin:0;
	right:0;
	position:fixed;
	top:0;
	z-index:9999!important
}

.notify-modal .modal-body .scrollbar
{
	min-height:87vh;
	max-height:87vh;
	overflow-y:scroll
}

.notify-modal .modal-body .alert
{
	transition:all .3s cubic-bezier(.25,.8,.25,1);
	cursor:default;
	border-color:rgba(27,31,35,0.15)
}

.notify-modal .modal-body .alert:hover
{
	box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.notify-modal .modal-body
{
	position:relative;
	padding:15px 3px 15px 15px
}

.text-black
{
	color:#000
}

@media only screen and (min-width: 600px) {
	#ord-ul
	{
		margin-bottom:0!important;
		padding-bottom:0!important
	}
	
	#ord-ul .search
	{
		margin:0;
		padding:0!important
	}
	
	#ord-ul form
	{
		margin:0;
		padding:0;
		background:#fff;
		padding-right:15px
	}
	
	#ord-ul form input
	{
		margin:10px 0;
		max-width:200px;
		float:right
	}
	
	.nav-pills > li > a,.nav-pills > li > a:hover
	{
		background-color:#2b2e32;
		border-radius:4px 4px 0 0;
		color:#fff;

	}
	
	.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus
	{
		color:#fff;
		background-color:#037aff
	}
	
	.pta
	{
		background:#fff;
		border-radius:0 0 4px 4px
	}
}
button {outline:0 !important;}
#feedback-btn {
	top: 50vh;
    right: -41px;
    float: right;
    position: fixed;
    vertical-align: top;
    transform: rotate(-90deg);
    border-radius: 4px 4px 0 0 !important;
}
div#stars {
    text-align: center;
    font-size: 50px;
    letter-spacing: 10px;
}
div#stars {cursor:pointer;}
span.glyphicon-star {
    color: #f1c40f;
}




.badge-yukleniyor {
    color: #0dccb4 !important;
}




.fa.fa-arrow-up {
    transform: rotate(45deg)
}

.fa.fa-arrow-down {
    transform: rotate(-30deg)
}



.btn-blue {
    color: #fff!important;
    background-color: #0361cc;
    background-image: linear-gradient(-180deg,#0679fc 0,#0361cc 90%);
}

.btn-primary {
    color: #fff!important;
    background-color: #28a745;
    background-image: linear-gradient(-180deg,#34d058 0,#28a745 90%);
}

}

.capitalize {
    text-transform: capitalize;
}




.btn-papara {
    color: #fff!important;
    background-color: #91079a;
    background-image: linear-gradient(-180deg,#ea3d6b 0,#91079a 90%);
}












.hesapozet {
    font-size: 11px;
    font-weight: 600;
    padding-left: 0px;
    padding-top: 2px;
    letter-spacing: .3em;
}


p.bakiye {
    font-size: 3rem;
    font-weight: 200;
    letter-spacing: .3rem;
    color: #a78e8e;
    padding-left: 0rem;
    max-width: 260px;
}

p.harcananbakiye {
    color: hsla(0, 0%, 79%, 1);
    font-size: 13px;
    padding-left: 0px;
    font-weight: 500;
    margin-bottom: 1px;
}

p.harcananbakiyesub {
    font-size: 12px;
    padding-left: 0px;
    letter-spacing: .02rem;
}

.capitalize {
    text-transform: capitalize;
}

.statu, p.harcananbakiyesub {
    font-weight: 200;
    opacity: .7;
}







.btn {
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: repeat-x;
    background-position: -1px -1px;
    background-size: 110% 110%;
    border: 1px solid rgba(27, 31, 35, 0.2);
    border-radius: 0.25em;
    -webkit-appearance: none;
}


.ibox {
    background: #FFFFFF;
    width: 100%;
    min-height: 115px;
    color: black;
    padding: 15px 15px 0px 15px;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    text-align: center;
}
.ibox2 {
    background: rgb(239 54 148);
    background: linear-gradient(90deg, rgb(137 64 150) 0%, rgb(240 54 148) 100%);
    width: 100%;
    height: 100%;
    border-radius: 12px;
    text-align: center;
    padding: 20px;
    align-items: center;
    box-shadow: 0 0px 10px rgb(247 68 156);
}
.ibox i{
font-size:42px;
color:white;
}
.text-right{
text-align:right;
}
.main-panel .index-announcement {
    float: left;
    width: 100%;
    border-radius: 10px;
}
.main-panel .index-announcement .index-announcement-title {
    float: left;
    width: 100%;
    margin-top: 0;
    font-weight: 600;
    color: #000000;
    margin-bottom: 1px;
    background: #ffffff;
    padding: 20px 30px;
    border-radius: 10px 10px 0 0;
}
.main-panel .index-announcement .index-announcement-bell {
    float: left;
    width: 50%;
    padding-right: 43px;
    text-align: right;
    margin-top: -20px;
    }
    
.main-panel .index-announcement .index-announcement-content {
    float: left;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 470px;
    padding: 0 30px;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
}
.main-panel .index-announcement ul {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    border-left: 4px solid #eff0ff;
    padding-left: 30px;
}
.main-panel .index-announcement ul li {
    list-style: none;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 45px;
    box-shadow: 1px 5px 19px 0 rgb(0 0 0 / 22%);
    padding: 20px;
    border-radius: 0 0 6px 6px;
}
.main-panel .index-announcement ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg,#41479d,#7c3588,#d01b6b);
}
.main-panel .index-announcement ul li .icon {
    position: absolute;
    left: -52px;
    top: 48px;
    width: 40px;
    height: 40px;
    padding: 7px 0;
    text-align: center;
    background: #eff0ff;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 1px 5px 19px 0 rgba(255,255,255,0.05);
}
.main-panel .index-announcement ul li .time {
    float: left;
    color: #8c909a;
    border-radius: 3px;
    margin-top: 8px;
}
.main-panel .index-announcement ul li .time i {
    margin-right: 5px;
}
.main-panel .index-announcement ul li .t-instagram {
    color: #f40083;
    border-color: #f40083;
}
.main-panel .index-announcement ul li .service {
    float: left;
    width: 100%;
    color: #48494c;
    font-weight: 600;
    margin-top: 10px;
}
.main-panel .index-announcement ul li .desc {
    float: left;
    width: 100%;
    color: #8c909a;
    margin-top: 5px;
}
.main-panel .index-announcement ul li .title {
    float: right;
    color: #8c909a;
    padding: 5px 10px;
    border: 1px solid #8c909a;
    border-radius: 3px;
    width: 90px;
    text-align: center;
    position: relative;
}
.main-panel .index-announcement ul li .t-instagram {
    color: #f40083;
    border-color: #f40083;
}
.main-panel .index-announcement ul li .icon img {
    max-width: 60%;
}
.w .index-announcement-title {
    float: left;
    width: 100%;
    margin-top: 0px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 12px;
    background: #ffffff;
    padding: 20px 30px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #f33694;
}