.fullClass{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.hd-back{
	background-color: #000;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FF5105;
	color: #FFF;
}


.hd-icon{
	line-height: 50px;
	min-height: 50px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32px;
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	font-size: 10pt;
	color: #FFF;
}
.hd-icon:hover{
	color: #FBFBFB;
}
.hd-icon-tel{
	background-image: url(img/png/tel.png);
}

.hd-icon-wp{
	background-image: url(img/png/whatsapp.png);
}
.hd-icon-email{
	background-image: url(img/png/email.png);
}
.hd-icon-sepet{
	background-image: url(img/png/sepet-beyaz.png);
	position: relative;
}
.hd-icon-sepet span{
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 1;
	left: -15px;
	top: 4px;
	color: #000;
	background-color: #FC0;
	text-align: center;
	display: block;
	font-size: 11px;
	line-height: 20px;
	border-radius: 10px;
}

.dil-secimi{
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial;
	font-size: 12pt;
	line-height: 35px;
	color: #FFF;
	height: 35px;
	display: block;
}
.dil-secimi:hover{
	color: #FFF;
}
.dil-secimi:focus{
	color: #FFF;
}

.flag{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	background-size: 24px;
	line-height: 35px;
	display: block;
	margin: 0px;
	float: left;
	height: 35px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.flag-ar{
	background-image: url(img/png/flag-ar.png);

}
.flag-ru{
	background-image: url(img/png/flag-ru.png);

}
.flag-nl{
	background-image: url(img/png/flag-nl.png);

}
.flag-en{
	background-image: url(img/png/flag-en.png);

}
.flag-zh{
	background-image: url(img/png/flag-zh.png);

}
.flag-pt{
	background-image: url(img/png/flag-pt.png);

}
.flag-de{
	background-image: url(img/png/flag-de.png);

}
.flag-es{
	background-image: url(img/png/flag-es.png);

}
.flag-it{
	background-image: url(img/png/flag-it.png);

}
.flag-it{
	background-image: url(img/png/flag-it.png);

}
.flag-it{
	background-image: url(img/png/flag-it.png);

}
.flag-tr{
	background-image: url(img/png/flag-tr.png);

}


.flag-fr{
	background-image: url(img/png/flag-fr.png);

}

.btn-marka{
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	background-color: #FF5105;
	color: #fff;
	display: block;
	margin: 0px;
	float: left;
	height: 40px;
	width: 100%;
	line-height: 40px;
	text-align: center;
	padding: 0px;	
	position: relative;
}



.btn-soft-1{
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	background-color: #FF5105;
	color: #fff;
	display: block;
	margin: 0px;
	float: left;
	height: 50px;
	width: 100%;
	line-height: 50px;
	text-align: center;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	position: relative;
}

.btn-soft-1 .count{
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	z-index: 1;
	top: 8px;
	border-radius: 15px;
	right: 10px;
}

.kayit-blok{
	background-color: #EFEFEF;
	display: block;
	border: 1px solid #E6E6E6;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0px;
	padding: 10px;
}
.kayit-back {
	background-color: #FFF;
	margin: 0px;
	border-radius : 10px;
	border: 1px solid #CCC;
	width: 100%;
	display: block;
	padding: 10px;
	
}



.kat-menu .title{
	font-size: 15px;
	line-height: 50px;
	font-weight: 700;
	color: #FFF;
	background-color: #F90;
	display: block;
	margin: 0px;
	float: left;
	height: 50px;
	width: 100%;
	border-radius: 5px 5px 0px 0px;
	background-image: url(img/png/cat.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-size: 18px;
	padding-left: 45px;
	font-family: "Open Sans", sans-serif;
}
.kat-menu .liste{
	background-color: #FFF;
	display: block;
	margin: 0px;
	padding: 5px;
	float: left;
	width: 100%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #E8E8E8;
	font-family: "Source Sans Pro", sans-serif;
}


.kat-menu .liste a{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 25px;
	color: #333;
}
.kat-menu .liste a:hover{
	color: #F90;
}
.kat-menu .liste .ust{
	font-weight: bold;
	padding-left: 20px;
	background-image: url(img/png/dot.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 12px;
}
.kat-menu .liste .alt {
	padding-left: 20px;
	color: #75716C;
}
.kat-menu .liste .link {
	padding-left: 25px;
	color: #75716C;
	line-height: 38px;
	background-image: url(img/svg/arrow-right-siyah.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
.kat-menu .liste .alt:hover{
	color: #F90;
}
.blog-satir{
	background-color: #F9F9F9;
}
.blog-satir h2{
	font-size: 16pt;
	font-weight: bold;
	color: #000;
	font-family: "Dosis", sans-serif;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	width: 100%;
}

.blog-satir h3{
	font-size: 14pt;
	color: #000;
	font-family: "Dosis", sans-serif;
	display: block;
	margin: 4px;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 25%;
	padding-bottom: 0px;
	padding-left: 0px;
}


.table-list{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
}
.table-list tr td{
	font-size: 0.75rem;
	vertical-align: middle;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #EBEBEB;
	border-right-color: #EBEBEB;
}
.table-list tr .td-baslik{
	font-size: 0.75rem;
	background-color: #F2F2F2;
	text-align: right;
}

.table-list tr .td-title{
	font-size: 0.75rem;
	background-color: #F2F2F2;
	text-align: center;
}



.table-list-clear{
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: none;
	border-left-style: none;
}
.table-list-clear tr td{
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: none;
}



.dialogTitle{
	font-size: 12pt;
	line-height: 40px;
	color: #FFF;
	display: block;
	float: left;
	height: 50px;
	width: 100%;
	background-size : 24px;
	background-color: #333333;
	position: relative;
	border-radius: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.dialogTitle1{
	font-size: 12pt;
	line-height: 40px;
	color: #000;
	display: block;
	float: left;
	height: 50px;
	width: 100%;
	background-size : 24px;
	background-color: #F0F0F0;
	position: relative;
	border-radius: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #E4E4E4;
}
.dialogTitle1 .kapat{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 40px
	z-index: 2;
	top: 5px;
	right: 5px;
	position: absolute;
	background-image: url(img/svg/kapat-oval-siyah.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px;
	width: 40px;
}


.dialogTitle .kapat{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 40px
	z-index: 2;
	top: 5px;
	right: 5px;
	position: absolute;
	background-image: url(img/svg/kapat-beyaz.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px;
	width: 40px;
}



.btn-tema{
	color:#FFFFFF;
	background-color:#FF5105;
	border-top-color: #D94100;
	border-right-color: #D94100;
	border-bottom-color: #D94100;
	border-left-color: #D94100;
}




.btn-tema:hover,
.btn-tema:active,
.btn-tema.active,
.btn-tema:focus,
.btn-tema.focus,
.btn-tema.disabled,
.btn-tema[disabled] {
	color:#FFFFFF;
  background-color: #D94100;
  *background-color: #D94100;
}


.btn-tema:focus,
.btn-tema.focus {
	color:#FFFFFF;
  background-color: #D94100 \9;
}

.btn-tema:active,
.btn-tema.active {
	color:#FFFFFF;
  background-color: #D94100 \9;
}



a:hover{
	text-decoration: none;
}

.open>.dropdown-toggle.btn-sari, .btn-sari.active, .btn-sari:active{
	color:#fff;
	background-color:#F0DE00;
	border-top-color: #FFEF28;
	border-right-color: #FFEF28;
	border-bottom-color: #FFEF28;
	border-left-color: #FFEF28;
}.btn-success:active:focus, .open>.dropdown-toggle.btn-sari.focus, .open>.dropdown-toggle.btn-sari:focus, .open>.dropdown-toggle.btn-sari:hover, .btn-sari.active.focus, .btn-sari.active:hover, .btn-sari:active.focus, .btn-sari:active:hover, .btn-sari.active:focus{
	color:#fff;
	background-color:#F0DE00;
	border-top-color: #AEA200;
	border-right-color: #AEA200;
	border-bottom-color: #AEA200;
	border-left-color: #AEA200;
}.open>.dropdown-toggle.btn-sari, .btn-sari.active, .btn-sari:active{background-image:none}.btn-success[disabled].focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:focus, .btn-sari.disabled.focus, .btn-sari.disabled:hover, .btn-sari.disabled:focus, .btn-sari[disabled]:focus, fieldset[disabled] .btn-sari.focus, fieldset[disabled] .btn-sari:hover{
	background-color:#FFF580;
	border-top-color: #F0DE00;
	border-right-color: #F0DE00;
	border-bottom-color: #F0DE00;
	border-left-color: #F0DE00;
}






.btn-standart {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}



.btn-standart:hover,
.btn-standart:active,
.btn-standart.active,
.btn-standart.disabled,
.btn-standart[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn-standart:active,
.btn-standart.active {
  background-color: #cccccc \9;
}

.btn-standart:first-child {
  *margin-left: 0;
}

.btn-standart:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn-standart:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


.dropdown-menu{
	background-color: #FFFFFF;
}
.dropdown-menu .hr {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.dropdown-menu .solid{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5F5;
	}
.dropdown-menu .a-bold{
	float: left;
	width: 100%;
	font-size: 13px;
	color: #000000;
	padding-right: 0px;
	padding-left: 10px;
	line-height: 35px;
	margin: 0px;
}
.dropdown-menu .title{
	float: left;
	width: 100%;
	font-size: 13px;
	color: #000000;
	padding-right: 0px;
	padding-left: 10px;
	line-height: 35px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.dropdown-menu .a-bold:hover{
	background-color:#17a2b8;
	
}

.dropdown-menu-left::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 5%; /* position */
    position: absolute;
    top: -8px;
}

.dropdown-menu-left::after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 5%; /* position */
    position: absolute;
    top: -7px;
}

.dropdown-menu-right::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 5%; /* position */
    position: absolute;
    top: -8px;
}

.dropdown-menu-right::after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 5%; /* position */
    position: absolute;
    top: -7px;
}


.gradient-custom-2 {
/* fallback for old browsers */
background: #FF5105;

/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-linear-gradient(to left, #FF5105, #FFA782, #FFA782, #FF5105);

/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: linear-gradient(to left, #FF5105, #FFA782, #FFA782, #FF5105);
}

@media (min-width: 768px) {
.gradient-form {
height: 100vh !important;
}
}
@media (min-width: 769px) {
.gradient-custom-2 {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
}
}



.div-title{
	font-size: 12pt;
	line-height: 40px;
	color: #FFF;
	display: block;
	float: left;
	height: 50px;
	width: 100%;
	background-size : 24px;
	background-color: #FF5105;
	position: relative;
	border-radius: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.div-back{
	background-color: #FFF;
	margin: 0px;
	padding: 5px;
	float: left;
	width: 100%;
	display: block;
	border-radius:10px;
	padding:10px;
	
}
.div-blok{
	background-color: #EFEFEF;
	display: block;
	width: 100%;
	border: 1px solid #E6E6E6;
	font-size: 12pt;
	font-weight: normal;
	color: #000000;
	border-radius:10px;
	margin: 0px;
	padding:10px;
	float: left;


	
}



.tablar{
	background-color: #F8F8F8;
	padding: 0px;
	float: left;
	height: 40px;
	min-width: 60px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	display: block;
	position: relative;
	border-radius: 5px 5px 0px 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.tablar .baslik {
	line-height: 30pt;
	font-weight: normal;
	float: left;
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
	height: 30px;
}

.tablar-select{
	color: #FFF;
	background-color: #FF5105;
}





#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
#goog-gt-{display:none!important;}
.skiptranslate{
	display:none;
}



.globalTablar{
	background-color: #F8F8F8;
	padding: 0px;
	float: left;
	height: 40px;
	min-width: 60px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	display: block;
	position: relative;
	border-radius: 5px 5px 0px 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}

 .globalTablar .count {
	font-size: 12px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 30px;
	position: absolute;
	z-index: 1;
	top: -10px;
	right: 0px;
	background-color: #F00;
	border-radius:15px;
}
.globalTablarRadius{
	border: 1px solid #CCC;
	border-radius: 5px;

}
.globalTablarPasif{
	color: #000;
	background-color: #C0C0C0;
}
.globalTablarFaal{
	color: #000;
	background-color: #00CC66;
}
.globalTablarFaal:hover{
		color: #000;
	background-color: #00CC66;
}
.globalTablarSelect{
	color: #FFF;
	background-color: #FF6600;
}
.globalTablarSelect:focus{
	color: #FFF;
	background-color: #FF6600;
}
.globalTablar .img{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 30px;
	border-radius:15px;	
}
.globalTablar .text{
	font-size: 10px;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.globalTablar .ad{
	line-height: 14pt;
	font-weight: bold;
	float: left;
	width: 230px;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}.globalTablar .baslik {
	line-height: 14pt;
	font-weight: normal;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.globalTablar .baslik1 {
	line-height: 30pt;
	font-weight: normal;
	float: left;
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
	height: 30px;
}
.globalTablar .kno {
	line-height: 10pt;
	margin: 0px;
	float: left;
	width: 230px;
	display: block;
	color: #CCC;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}



/*****************CHAT BODY *******************/
.row.row-broken {
    padding-bottom: 0;
}


.chat-body h6 {
    font-size: 20px;
    margin: 0 0 20px;
}
.chat-body .answer.left {
    padding: 0 0 0 58px;
    text-align: left;
    float: left;
}
.chat-body .answer {
    position: relative;
    max-width: 600px;
    overflow: hidden;
    clear: both;
}
.chat-body .answer.left .avatar {
    left: 0;
}
.chat-body .answer .avatar {
    bottom: 36px;
}
.chat-body .avatar {
    width: 40px;
    height: 40px;
    position: absolute;
}
.chat-body .avatar img {
    display: block;
    border-radius: 20px;
    height: 100%;
}
.chat-body .answer .name {
    font-size: 14px;
    line-height: 36px;
	font-weight:bold;
}

.chat-body .answer.left .text {
    background: #ebebeb;
    color: #333333;
    border-radius: 8px 8px 8px 0;
}
.chat-body .answer .text {
    padding: 12px;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}
.chat-body .answer.left .text:before {
    left: -30px;
    border-right-color: #ebebeb;
    border-right-width: 12px;
}
.chat-body .answer .text:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border: 18px solid transparent;
    border-bottom-width: 0;
}
.chat-body .answer.left .time {
    padding-left: 10px;
    color: #333333;
}
.chat-body .answer .time {
    font-size: 11px;
    line-height: 26px;
}
/*RIGHT*/
.chat-body .answer.right {
    padding: 0 58px 0 0;
    text-align: right;
    float: right;
}

.chat-body .answer.right .avatar {
    right: 0;
}

.chat-body .answer.right .text {
    background: #CAE6FF;
    color: #000000;
    border-radius: 8px 8px 0 8px;
}
.chat-body .answer.right .text:before {
    right: -30px;
    border-left-color: #CAE6FF;
    border-left-width: 12px;
}
.chat-body .answer.right .time {
    padding-right: 10px;
    color: #333333;
}

/*admin*/
.chat-body .answer.admin {
    padding: 0 58px 0 0;
    text-align: right;
    float: right;
}

.chat-body .answer.admin .avatar {
    right: 0;
}

.chat-body .answer.admin .text {
    background: #FF6600;
    color: #000000;
    border-radius: 8px 8px 0 8px;
}
.chat-body .answer.admin .text:before {
    right: -30px;
    border-left-color: #FF6600;
    border-left-width: 12px;
}
.chat-body .answer.admin .time {
    padding-right: 10px;
    color: #333333;
}
/*****************CHAT BODY *******************/

.link-arrow-right {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(img/png/right-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 14px;
	font-size: 0.80rem;
	line-height: 40px;
	display: block;
	padding: 0px;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	

.vitrin-blog-baslik{
    text-align: center;
    font-size: 17px;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
    
    
}
.clear{clear:both}
.vitrin-blog-baslik b:hover{
     background: #1D6AB4;
   color:#ffffff;
}
.vitrin-blog-baslik:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 13px;
    width: 100%;
    height: 2px;
    background: #1D6AB4;
}
.vitrin-blog-baslik b{
    background: #fff;
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    color: #1D6AB4;
    font-family: 'Montserrat', sans-serif;
        border: 2px solid #1D6AB4;
    padding: 10px 30px;
    border-radius:10px 0 10px 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 18%);
}