@font-face {
	font-family: 'Test1';
	 src: url(/assets/fonts/FontsFree-Net-proxima_nova_reg-webfont.ttf);
   }
   @font-face {
	font-family: 'Constantia';
	 src: url(/assets/fonts/Constantia.ttf);
   }
body {    
	 font-family: Helvetica,Arial,sans-serif !important;
	/* font-family: Neue Helvetica W01,Helvetica,helvetica,arial,"sans-serif";*/
	/* font-family: 'proximanova-regular',Arial; */
	color: #828282!important;
}
.color-yellow,
header .nav-menu .menu .menu-ul li a:hover,
header .nav-menu .menu .menu-ul li.active a {
	color: #be9e56
}

.baslikAltinRengi{
	color: #be9e56!important;
	
}

.color-black,
.currency-detail .chart-container .tabTranslate .tabTranslateContent .output.span-color span strong,
.market-summary-table .table tr td .item .v1 strong {
	color: #2c2c2c
}

.color-red {
	color: #ff3838
}

.bg-yellow {
	background: #be9e56
}

.bg-black {
	background: #2c2c2c
}

.bg-red {
	background: #ff3838
}

.bg-green {
	background: #3a9d37
}

.bg-navBule {
	background: #1a3d6f
}

.clr-facebook {
	color: #3b5998
}

.clr-instagram {
	color: #bc2a8d
}

.clr-twitter {
	color: #00aced
}

.clr-linkedin {
	color: #007bb6
}

.clr-youtube {
	color: #b00
}

body,
html {
	height: 100%;
	width: 100%
}

ul {
	list-style: none
}

.login-container-modal .login-modal .modal-container form .other-logins a,
.register-container-modal .register-modal .modal-container form .other-logins a {
	justify-content: center
}

.add-new .content .button,
.add-new .tab li,
.article-grid .item-grid .services-box .button,
.asset-pano .back,
.banner,
.branches .grid-boxs .box .button,
.branches-contact form .button,
.currency-detail .chart-container .chart-tab li,
.currency-detail .chart-container .tabTranslate .tabTranslateHead li,
.currency-detail .currency-head ul li a,
.currency-gold .tab-currency-gold .tabHead li,
.currency-gold .tab-currency-gold .tableContent .table tr td .item .box-drop,
.currency-gold .tab-currency-gold .tableContent .table tr td .item .box-rise,
.currency-gold .tabTranslate .tabTranslateHead li,
.cv form .button,
.discovery a,
.exchenge_istanbul .item .button,
.login-container-modal .login-modal,
.login-container-modal .login-modal .modal-container,
.login-container-modal .login-modal .modal-container form .other-logins a i,
.market-summary-table .buttonSave,
.market-summary-table .head .button,
.market-summary-table .table tr td .item .v1 span,
.pagination .number li a,
.pagination .number li.active a,
.personal-account-menu .bottom .market-summary ul li a,
.personal-account-menu .top .item,
.preview-pano .button-group li a,
.preview-pano .pano .button,
.preview-pano .table tr td .item .box-drop,
.preview-pano .table tr td .item .box-rise,
.product .product-currency .table tr td .item .box-drop,
.product .product-currency .table tr td .item .box-rise,
.product .product-currency .table tr td .item .button,
.product .product-gold .item .button,
.product .product-head ul li,
.product .translate-content-container .bottom-col .button,
.product-sales-modal .product-modal,
.product-sales-modal .product-modal .modal-container,
.gizlilik-bildirimi-modal .gizlilik-modal,
.gizlilik-bildirimi-modal .gizlilik-modal .modal-container,

.mesaj-bildirimi-modal .mesaj-modal,
.mesaj-bildirimi-modal .mesaj-modal .modal-container,

.mesaj-bildirimi-modal2 .mesaj-modal2,
.mesaj-bildirimi-modal2 .mesaj-modal2 .modal-container,

.register-container-modal .register-modal,
.register-container-modal .register-modal .modal-container,
.register-container-modal .register-modal .modal-container form .other-logins a i,
.register-container-modal .register-modal .modal-container form .registerTab li,
.services-three-col .box a,
.slider .control .arrow,
.slider .loop .item .icon,
.three-col .box .icon,
.three-col .box a,
.winner-loser .container .item .table tr td .item .box-drop,
.winner-loser .container .item .table tr td .item .box-rise,
.winner-loser .full-table .table-tab li,
footer .socialMedia a,
header .user-login .notification span {
	display: flex;
	justify-content: center;
	align-items: center
}



.mt0 {
	margin-top: 0!important
}

.pt0 {
	padding-top: 0!important
}

.mb0 {
	margin-bottom: 0!important
}

.pb0 {
	padding-bottom: 0!important
}

.ml0 {
	margin-left: 0!important
}

.pl0 {
	padding-left: 0!important
}

.mr0 {
	margin-right: 0!important
}

.pr0 {
	padding-right: 0!important
}

.mt5 {
	margin-top: 5px!important
}

.pt5 {
	padding-top: 5px!important
}

.mb5 {
	margin-bottom: 5px!important
}

.pb5 {
	padding-bottom: 5px!important
}

.ml5 {
	margin-left: 5px!important
}

.pl5 {
	padding-left: 5px!important
}

.mr5 {
	margin-right: 5px!important
}

.pr5 {
	padding-right: 5px!important
}

.mt10 {
	margin-top: 10px!important
}

.pt10 {
	padding-top: 10px!important
}

.mb10 {
	margin-bottom: 10px!important
}

.pb10 {
	padding-bottom: 10px!important
}

.ml10 {
	margin-left: 10px!important
}

.pl10 {
	padding-left: 10px!important
}

.mr10 {
	margin-right: 10px!important
}

.pr10 {
	padding-right: 10px!important
}

.mt15 {
	margin-top: 15px!important
}

.pt15 {
	padding-top: 15px!important
}

.mb15 {
	margin-bottom: 15px!important
}

.pb15 {
	padding-bottom: 15px!important
}

.ml15 {
	margin-left: 15px!important
}

.pl15 {
	padding-left: 15px!important
}

.mr15 {
	margin-right: 15px!important
}

.pr15 {
	padding-right: 15px!important
}

.mt20 {
	margin-top: 20px!important
}

.pt20 {
	padding-top: 20px!important
}

.mb20 {
	margin-bottom: 20px!important
}

.pb20 {
	padding-bottom: 20px!important
}

.ml20 {
	margin-left: 20px!important
}

.pl20 {
	padding-left: 20px!important
}

.mr20 {
	margin-right: 20px!important
}

.pr20 {
	padding-right: 20px!important
}

.mt25 {
	margin-top: 25px!important
}

.pt25 {
	padding-top: 25px!important
}

.mb25 {
	margin-bottom: 25px!important
}

.pb25 {
	padding-bottom: 25px!important
}

.ml25 {
	margin-left: 25px!important
}

.pl25 {
	padding-left: 25px!important
}

.mr25 {
	margin-right: 25px!important
}

.pr25 {
	padding-right: 25px!important
}

.mt30 {
	margin-top: 30px!important
}

.pt30 {
	padding-top: 30px!important
}

.mb30 {
	margin-bottom: 30px!important
}

.pb30 {
	padding-bottom: 30px!important
}

.ml30 {
	margin-left: 30px!important
}

.pl30 {
	padding-left: 30px!important
}

.mr30 {
	margin-right: 30px!important
}

.pr30 {
	padding-right: 30px!important
}

.mt35 {
	margin-top: 35px!important
}

.pt35 {
	padding-top: 35px!important
}

.mb35 {
	margin-bottom: 35px!important
}

.pb35 {
	padding-bottom: 35px!important
}

.ml35 {
	margin-left: 35px!important
}

.pl35 {
	padding-left: 35px!important
}

.mr35 {
	margin-right: 35px!important
}

.pr35 {
	padding-right: 35px!important
}

.mt40 {
	margin-top: 40px!important
}

.pt40 {
	padding-top: 40px!important
}

.mb40 {
	margin-bottom: 40px!important
}

.pb40 {
	padding-bottom: 40px!important
}

.ml40 {
	margin-left: 40px!important
}

.pl40 {
	padding-left: 40px!important
}

.mr40 {
	margin-right: 40px!important
}

.pr40 {
	padding-right: 40px!important
}

.mt45 {
	margin-top: 45px!important
}

.pt45 {
	padding-top: 45px!important
}

.mb45 {
	margin-bottom: 45px!important
}

.pb45 {
	padding-bottom: 45px!important
}

.ml45 {
	margin-left: 45px!important
}

.pl45 {
	padding-left: 45px!important
}

.mr45 {
	margin-right: 45px!important
}

.pr45 {
	padding-right: 45px!important
}

.mt50 {
	margin-top: 50px!important
}

.pt50 {
	padding-top: 50px!important
}

.mb50 {
	margin-bottom: 50px!important
}

.pb50 {
	padding-bottom: 50px!important
}

.ml50 {
	margin-left: 50px!important
}

.pl50 {
	padding-left: 50px!important
}

.mr50 {
	margin-right: 50px!important
}

.pr50 {
	padding-right: 50px!important
}

.mt55 {
	margin-top: 55px!important
}

.pt55 {
	padding-top: 55px!important
}

.mb55 {
	margin-bottom: 55px!important
}

.pb55 {
	padding-bottom: 55px!important
}

.ml55 {
	margin-left: 55px!important
}

.pl55 {
	padding-left: 55px!important
}

.mr55 {
	margin-right: 55px!important
}

.pr55 {
	padding-right: 55px!important
}

.mt60 {
	margin-top: 60px!important
}

.pt60 {
	padding-top: 60px!important
}

.mb60 {
	margin-bottom: 60px!important
}

.pb60 {
	padding-bottom: 60px!important
}

.ml60 {
	margin-left: 60px!important
}

.pl60 {
	padding-left: 60px!important
}

.mr60 {
	margin-right: 60px!important
}

.pr60 {
	padding-right: 60px!important
}

.mt65 {
	margin-top: 65px!important
}

.pt65 {
	padding-top: 65px!important
}

.mb65 {
	margin-bottom: 65px!important
}

.pb65 {
	padding-bottom: 65px!important
}

.ml65 {
	margin-left: 65px!important
}

.pl65 {
	padding-left: 65px!important
}

.mr65 {
	margin-right: 65px!important
}

.pr65 {
	padding-right: 65px!important
}

.mt70 {
	margin-top: 70px!important
}

@media (max-width:768px) {
	.mt70 {
		margin-top: 10px!important
	}
}

.pt70 {
	padding-top: 70px!important
}

.mb70 {
	margin-bottom: 70px!important
}

.pb70 {
	padding-bottom: 70px!important
}

.ml70 {
	margin-left: 70px!important
}

.pl70 {
	padding-left: 70px!important
}

.mr70 {
	margin-right: 70px!important
}

.pr70 {
	padding-right: 70px!important
}

.mt75 {
	margin-top: 75px!important
}

.pt75 {
	padding-top: 75px!important
}

.mb75 {
	margin-bottom: 75px!important
}

.pb75 {
	padding-bottom: 75px!important
}

.ml75 {
	margin-left: 75px!important
}

.pl75 {
	padding-left: 75px!important
}

.mr75 {
	margin-right: 75px!important
}

.pr75 {
	padding-right: 75px!important
}

.mt80 {
	margin-top: 80px!important
}

.pt80 {
	padding-top: 80px!important
}

.mb80 {
	margin-bottom: 80px!important
}

.pb80 {
	padding-bottom: 80px!important
}

.ml80 {
	margin-left: 80px!important
}

.pl80 {
	padding-left: 80px!important
}

.mr80 {
	margin-right: 80px!important
}

.pr80 {
	padding-right: 80px!important
}

.mt85 {
	margin-top: 85px!important
}

.pt85 {
	padding-top: 85px!important
}

.mb85 {
	margin-bottom: 85px!important
}

.pb85 {
	padding-bottom: 85px!important
}

.ml85 {
	margin-left: 85px!important
}

.pl85 {
	padding-left: 85px!important
}

.mr85 {
	margin-right: 85px!important
}

.pr85 {
	padding-right: 85px!important
}

.mt90 {
	margin-top: 90px!important
}

.pt90 {
	padding-top: 90px!important
}

.mb90 {
	margin-bottom: 90px!important
}

.pb90 {
	padding-bottom: 90px!important
}

.ml90 {
	margin-left: 90px!important
}

.pl90 {
	padding-left: 90px!important
}

.mr90 {
	margin-right: 90px!important
}

.pr90 {
	padding-right: 90px!important
}

.mt95 {
	margin-top: 95px!important
}

.pt95 {
	padding-top: 95px!important
}

.mb95 {
	margin-bottom: 95px!important
}

.pb95 {
	padding-bottom: 95px!important
}

.ml95 {
	margin-left: 95px!important
}

.pl95 {
	padding-left: 95px!important
}

.mr95 {
	margin-right: 95px!important
}

.pr95 {
	padding-right: 95px!important
}

.mt100 {
	margin-top: 100px!important
}

.pt100 {
	padding-top: 100px!important
}

.mb100 {
	margin-bottom: 100px!important
}

.pb100 {
	padding-bottom: 100px!important
}

.ml100 {
	margin-left: 100px!important
}

.pl100 {
	padding-left: 100px!important
}

.mr100 {
	margin-right: 100px!important
}

.pr100 {
	padding-right: 100px!important
}

blockquote,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
	padding: 0;
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

button,
input,
select {
	margin: 0
}

.currency-detail .chart-info .dropdown button:focus,
.market-summary-table .head .dropdown button:focus,
button:focus,
div:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 0
}

a:hover {
	text-decoration: none
}

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

audio,
embed,
iframe,
img,
object,
video {
	height: auto;
	max-width: 100%
}

iframe {
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table td,
table th {
	padding: 0;
	text-align: left
}

body {
	font-family: "Lato", sans-serif;
	margin: 0;
	padding: 0;
	overflow-x: hidden
}

@media (max-width:768px) {
	header {
		padding: 0
	}
}

header .container {
	display: flex;
	justify-content: space-between
}

@media (max-width:768px) {
	header .container {
		padding: 0 15px
	}
}

@media (max-width:1200px) {
	header .container.user-login-container {
		margin: 10px auto
	}
}

@media (max-width:768px) {
	header .container.user-login-container {
		margin: 0 auto;
		height: 45px
	}
}

header .container.user-login-container .nav-menu {
	flex-direction: row;
	align-items: center
}

@media (max-width:1200px) {
	header .container.user-login-container .nav-menu {
		flex-direction: row-reverse
	}
}

@media (max-width:768px) {
	header .container.user-login-container .nav-menu .logoMobil {
		order: 2
	}
}

@media (max-width:1200px) {
	header .container.user-login-container .nav-menu .menu {
		order: 3
	}
	header .container.user-login-container .nav-menu .menu .menu-ul {
		position: absolute;
		top: 120px;
		left: 0;
		background: #fff;
		padding: 15px 0;
		z-index: 9;
		width: 100%;
		box-shadow: 0 18px 18px 0 rgba(91, 91, 91, .27);
		flex-direction: column;
		visibility: hidden;
		opacity: 0;
		transition: all ease-in-out 300ms
	}
	header .container.user-login-container .nav-menu .menu .menu-ul.active {
		top: 50px;
		visibility: visible;
		opacity: 1
	}
	header .container.user-login-container .nav-menu .menu .menu-ul li {
		text-align: center;
		padding: 15px 0;
		margin: 0
	}
	header .container.user-login-container .nav-menu .menu .menu-ul li a {
		font-size: 18px
	}
	header .container.user-login-container .nav-menu .menu .menu-icon {
		display: block;
		margin-left: 30px;
		background: #fff
	}
}

@media (max-width:768px) {
	header .container.user-login-container .nav-menu .menu .menu-icon {
		margin-left: 0
	}
}

@media (max-width:1200px) {
	header .container.user-login-container .logo img.logo-desktop {
		display: none
	}
	header .container.user-login-container .logo img.logo-mobil {
		display: block
	}
}

header .logoMobil {
	display: none;
	width: auto
}

@media (max-width:768px) {
	header .logoMobil {
		display: table
	}
}

header .logoMobil img {
	height: 25px
}

header .logo {
	display: flex;
	align-items: center
}

@media (max-width:768px) {
	header .logo {
		order: 2
	}
}

header .logo img {
	width: auto;
	max-width: 265px
}

@media (max-width:768px) {
	header .logo img {
		width: auto;
		height: 15px
	}
	header .logo img.logo-desktop {
		display: none
	}
}

@media (min-width:768px) and (max-width:992px) {
	header .logo img.logo-desktop {
		display: none
	}
}

header .logo img.logo-mobil,
header .nav-menu .account a svg {
	display: none
}

@media (max-width:768px) {
	header .logo img.logo-mobil {
		display: block
	}
}

@media (min-width:768px) and (max-width:992px) {
	header .logo img.logo-mobil {
		display: block
	}
}

header .nav-menu {
	display: flex;
	align-items: flex-end;
	flex-direction: column
}

@media (max-width:768px) {
	header .nav-menu {
		flex-direction: row-reverse;
		width: 100%;
		align-items: center;
		justify-content: space-between
	}
	header .nav-menu .menu {
		order: 1
	}
}

header .nav-menu .menu .menu-ul {
	display: flex
}

@media (max-width:768px) {
	header .nav-menu .menu .menu-ul {
		position: absolute;
		top: 120px;
		left: 0;
		background: #fff;
		padding: 15px 0;
		z-index: 9;
		width: 100%;
		box-shadow: 0 18px 18px 0 rgba(91, 91, 91, .27);
		flex-direction: column;
		visibility: hidden;
		opacity: 0;
		transition: all ease-in-out 300ms
	}
	header .nav-menu .menu .menu-ul.active {
		top: 45px;
		visibility: visible;
		opacity: 1
	}
}

header .nav-menu .menu .menu-ul li {
	padding: 20px 0;
	margin-right: 30px
}

@media (max-width:768px) {
	header .nav-menu .menu .menu-ul li {
		text-align: center;
		padding: 15px 0;
		margin: 0
	}
}

.slider .loop .item ul li:last-child,
header .nav-menu .menu .menu-ul li:last-child {
	margin-right: 0
}

header .nav-menu .menu .menu-ul li a {
	font-weight: 600;
	color: #2c2c2c;
	font-size: 15px;
	text-transform: uppercase;
	transition: all .2s linear
}

@media (max-width:768px) {
	header .nav-menu .menu .menu-ul li a {
		font-size: 18px
	}
}

@media (min-width:768px) and (max-width:992px) {
	header .nav-menu .menu .menu-ul li a {
		font-size: 12px
	}
}

header .nav-menu .menu .menu-icon {
	position: relative;
	width: 45px;
	height: 45px;
	cursor: pointer;
	border-radius: 50%;
	display: none;
	box-shadow: 0 0 18px 0 rgba(91, 91, 91, .27)
}

@media (max-width:768px) {
	header .nav-menu .menu .menu-icon {
		display: block;
		width: 30px;
		height: 30px;
		top: 0;
		margin-left: 0;
		background: #fff
	}
}

header .nav-menu .menu .menu-icon.active span {
	background: 0 0;
	transition-delay: 0s, .5s
}

header .nav-menu .menu .menu-icon.active span::before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition-delay: 0s, .5s
}

header .nav-menu .menu .menu-icon.active span::after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-delay: 0s, .5s
}

header .nav-menu .menu .menu-icon span {
	position: absolute;
	width: 16px;
	height: 1.5px;
	border-radius: 2px;
	background: #2c2c2c;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: .5s;
	transition-delay: .5s
}

header .nav-menu .menu .menu-icon span::after,
header .nav-menu .menu .menu-icon span::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #2c2c2c;
	display: block;
	top: -6px;
	border-radius: 2px;
	left: 0;
	transition-property: top, -webkit-transform;
	transition-property: top, transform;
	transition-property: top, transform, -webkit-transform;
	transition-delay: .5s, 0s;
	transition-duration: .5s, .5s
}

header .nav-menu .menu .menu-icon span::after {
	top: 6px
}

@media (max-width:768px) {
	header .nav-menu .account {
		display: flex;
		height: 45px;
		align-items: center;
		position: relative;
		z-index: 999
	}
}

header .nav-menu .account a {
	padding: 8px 35px;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize
}

@media (max-width:768px) {
	header .nav-menu .account a {
		padding: 0;
		margin-left: 10px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		background:#cfa04f;
	}
	header .nav-menu .account a span {
		display: none
	}
	.home-container-thson{
		display: none;
		font-family: Muli,Helvetica Neue,sans-serif;
		font-weight: 500;
	}
}


	
	.home-container-th{
		width: 23%;
		font-family: Muli,Helvetica Neue,sans-serif;
		font-weight: 500;
	}


@media (max-width:768px) {
	header .nav-menu .account a svg {
		display: block;
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	
	
}


header .nav-menu .account a.login {
	background: #020306;
	color: #cfa04f;
	border-radius: 4px;
}

header .nav-menu .account a.register {
	background: #020306;
	color: #cfa04f;
	border-radius: 4px;
}

@media (max-width:768px) {
	header .nav-menu .account a.register {
		margin: 0;
		display: none;
		
	}
}

header .user-login {
	margin-left: 50px
}

@media (max-width:768px) {
	header .user-login {
		margin-left: 10px
	}
}

header .user-login,
header .user-login .safe,
header .user-login .user {
	display: flex;
	align-items: center
}

header .user-login .user img {
	width: 42px;
	height: 42px;
	margin-right: 10px;
	border-radius: 50%
}

@media (max-width:768px) {
	header .user-login .user img {
		width: 36px;
		height: 36px;
		margin-right: 5px;
		display: none
	}
	header .user-login .user img+div {
		display: none
	}
}

header .user-login .user .name {
	font-size: 16px;
	color: #2c2c2c;
	line-height: 20px
}

@media (max-width:768px) {
	header .user-login .user .name {
		font-size: 12px;
		line-height: 14px
	}
}

header .user-login .user .account-type {
	font-size: 12px;
	line-height: 14px
}

header .user-login .safe {
	position: relative;
	font-size: 15px;
	color: #2c2c2c;
	margin: 0 25px 0 15px
}

@media (max-width:768px) {
	header .user-login .safe {
		margin: 0 0 0 12px
	}
	header .user-login .safe .total-case {
		display: none
	}
}

header .user-login .safe img {
	margin-right: 15px
}

@media (max-width:768px) {
	header .user-login .safe img {
		margin-right: 0
	}
}

.slide-endeks,
.slide-endeks .endeks-list,
header .user-login .notification {
	position: relative
}

header .user-login .notification img {
	min-width: 22px;
	width: 22px;
	height: 24px;
	-o-object-fit: contain;
	object-fit: contain
}

@media (max-width:768px) {
	header .user-login .notification img {
		min-width: 18px;
		width: 18px;
		height: 20px
	}
}

header .user-login .notification span {
	position: absolute;
	top: -5px;
	right: -7px;
	font-size: 10px;
	width: 15px;
	height: 15px;
	background: #be9e56;
	border-radius: 50%;
	color: #fff;
	line-height: 12px
}

.slide-endeks {
	background: #f8f8f8;
	padding: 10px 0
}

@media (max-width:768px) {
	.slide-endeks {
		display: none
	}
}

.slide-endeks .endeks-list .arrow {
	position: absolute;
	cursor: pointer;
	top: calc(50% - 22px)
}

@media (max-width:1200px) {
	.slide-endeks .endeks-list .arrow {
		display: none
	}
}

.slide-endeks .endeks-list .arrow.next {
	right: -44px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.slide-endeks .endeks-list .arrow.prev {
	left: -44px
}

.slide-endeks .endeks-list .loop .item {
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-right: 1px solid #d5d5d5;
	padding: 10px 15px
}

@media (max-width:768px) {
	.slide-endeks .endeks-list .loop .item {
		padding: 8px;
		height: 70px
	}
}

.slide-endeks .endeks-list .loop .item .head {
	font-weight: 400;
	display: flex;
	justify-content: space-between
}

.slide-endeks .endeks-list .loop .item .head,
.slide-endeks .endeks-list .loop .item .head .r02 {
	font-size: 13px;
	line-height: 15px;
	color: #2c2c2c
}

@media (max-width:768px) {
	.slide-endeks .endeks-list .loop .item .head .r02 {
		font-size: 12px
	}
}

.slide-endeks .endeks-list .loop .item .rate {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

.slide-endeks .endeks-list .loop .item .rate .r01 {
	font-size: 25px;
	line-height: 25px;
	color: #2c2c2c;
	margin-right: 10px
}

@media (max-width:768px) {
	.slide-endeks .endeks-list .loop .item .rate .r01 {
		font-size: 16px;
		line-height: 20px;
		margin-right: 7px
	}
}

.slide-endeks .endeks-list .loop .item .rate .r02 {
	font-size: 17px;
	line-height: 15px;
	color: #2c2c2c
}

@media (max-width:768px) {
	.slide-endeks .endeks-list .loop .item .rate .r02 {
		font-size: 12px
	}
}

.currency-gold {
	margin-top: 20px
}

@media (max-width:768px) {
	.currency-gold .col-lg-12 {
		order: 1
	}
	.currency-gold .col-lg-4 {
		order: 2
	}
}

.currency-gold .tab-currency-gold {
	box-shadow: 0 0 18px 0 rgba(91, 91, 91, .27)
}

.currency-gold .tab-currency-gold .tabHead,
.currency-gold .tab-currency-gold .tableContent .table tr:hover td .item .rightIcon {
	display: flex
}

.currency-gold .tab-currency-gold .tabHead li {
	height: 65px;
	flex: 1;
	color: #2c2c2c;
	font-weight: 400;
	font-size: 20px;
	cursor: pointer;
	background: #f2f2f2
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tabHead li {
		height: 45px;
		font-size: 16px
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateHead li.active,
.currency-gold .tab-currency-gold .tabHead li.active,
.currency-gold .tabTranslate .tabTranslateHead li.active {
	background: #fff;
	color: #be9e56
}

.currency-gold .tab-currency-gold .tableContent {
	padding: 0px 20px 0
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent {
		padding: 0 3px
	}
}

.currency-gold .tab-currency-gold .tableContent .table,
.currency-gold .tab-currency-gold .tableContent .table tr:hover td .item img,
.login-container-modal .login-modal .modal-container form .checkbox input,
.news-home.v2 .head:after {
	display: none
}

.currency-gold .tab-currency-gold .tableContent .table tr,
.product .product-currency .table tr {
	border-bottom: 1px solid #d5d5d5;
	margin: 10px
}

.currency-gold .tab-currency-gold .tableContent .table tr:last-child {
	border: 0
}

.currency-gold .tab-currency-gold .tableContent .table tr:hover td .item {
	background: #f7f5ef
}

.currency-gold .tab-currency-gold .tableContent .table tr:hover td:first-child .item {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr:hover td:first-child .item {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr:hover td:last-child .item {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr:hover td:last-child .item {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td,
.product .product-currency .table tr td {
	padding: 10px 0;
	border: 0
}

.currency-gold .tab-currency-gold .tableContent .table tr td:first-child .item {
	padding-left: 10px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td:first-child .item {
		padding-left: 10px
	}
	.currency-gold .tab-currency-gold .tableContent .table tr td:last-child {
		width: 25px!important;
		/* display:none; */
	}
	.currency-gold .tab-currency-gold .tableContent .table tr td:last-child .item {
		justify-content: center;
	/*	display: none; */
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td:last-child .item {
	padding-right: 10px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td:last-child .item {
		padding-right: 0
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item {
	display: flex;
	align-items: center;
	height: 50px;
	color: #2c2c2c;
	font-size: 17px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td .item {
		font-size: 17px;
		height: 40px
	}
	.currency-gold .tab-currency-gold .tableContent .table tr td .item.title {
		font-size: 17px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item.center {
	justify-content: center
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item.hour {
	font-size: 12px;
	color: #8a8a8a
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td .item.hour {
		font-size: 10px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item.rise {
	color: #3a9d37
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item.drop svg,
.currency-gold .tab-currency-gold .tableContent .table tr td .item.rise svg,
.product .product-currency .table tr td .item.drop svg,
.product .product-currency .table tr td .item.rise svg,
.slider .loop .item ul li a svg,
.winner-loser .container .item .table tr td .item.drop svg,
.winner-loser .container .item .table tr td .item.rise svg {
	margin-right: 5px
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item.drop {
	color: #ff3838
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item .box-drop {
/*	border: 1px solid #ff3838; */
	color: #ff3838;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td .item .box-drop {
		padding: 0 8px;
		height: 30px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item .box-rise {
	/* border: 1px solid #3a9d37; */
	color: #3a9d37;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}
.currency-gold .tab-currency-gold .tableContent .table tr td .item .box-top {
	border: 1px solid purple;
	color: #3a9d37;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td .item .box-rise {
		padding: 0 8px;
		height: 30px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item img,
.product .product-currency .table tr td .item img {
	width: 37px;
	height: 37px
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td .item img {
		width: 25px;
		height: 25px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr td .item .rightIcon {
	width: 37px;
	height: 37px;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(91, 91, 91, .27);
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center
}

@media (max-width:768px) {
	.currency-gold .tab-currency-gold .tableContent .table tr td .item .rightIcon {
		width: 25px;
		height: 25px
	}
}

.currency-gold .tab-currency-gold .tableContent .table tr th {
	padding: 5px 10px
}

.currency-gold .tab-currency-gold .tableContent .table tr th .hour,
.currency-gold .tab-currency-gold .tableContent .table tr th .item {
	font-size: 14px;
	color: #aaa;
	font-weight: 400
}

.currency-gold .con-live-market {
	height: 100%
}

.currency-gold .con-live-market .item {
	box-shadow: 0 0 18px 0 rgba(91, 91, 91, .27);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative
}

.currency-gold .con-live-market .item:nth-child(1) {
	height: 110px;
	padding: 20px
	
}

.currency-gold .con-live-market .item:nth-child(1) h4 {
	color: #be9e56;
	font-size: 22px;
	margin-bottom: 5px
}

.currency-gold .con-live-market .item:nth-child(1) p {
	font-size: 1.2em;
	color: #fff
}

.currency-gold .con-live-market .item:nth-child(2) {
	margin-top: 20px;
	height: calc(100% - 130px);
	padding: 35px
}

@media (max-width:992px) {
	.currency-gold .con-live-market .item:nth-child(2) {
		padding: 35px 20px;
		flex-direction: row;
		justify-content: space-between;
		align-items: center
	}
}

.currency-gold .con-live-market .item:nth-child(2) h2 {
	font-size: 33px;
	color: #fff
}

@media (max-width:992px) {
	.currency-gold .con-live-market .item:nth-child(2) h2 {
		font-size: 22px
	}
}

.currency-gold .con-live-market .item img {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
	-o-object-fit: cover;
	object-fit: cover; 
	
	-o-object-position: center;
	object-position: center;
	
	
}

.currency-gold .con-live-market .item .icon {
	position: absolute;
	top: 20px;
	right: 20px
}

@media (max-width:992px) {
	.currency-gold .con-live-market .item .icon {
		position: relative;
		top: 0;
		right: 0
	}
}

.currency-gold .tabTranslate {
	margin-top: 15px;
	background: #fff;
	box-shadow: 0 0 18px 0 rgba(91, 91, 91, .27);
	display: flex
}

@media (max-width:992px) {
	.currency-gold .tabTranslate {
		flex-direction: column;
		margin-bottom: 25px;
		
	}
	.currency-gold .tabTranslate .tabTranslateHead {
		display: flex
	}
}

.currency-gold .tabTranslate .tabTranslateHead li {
	width: 290px;
	height: 85px;
	background: #f2f2f2;
	cursor: pointer
}

@media (max-width:992px) {
	.currency-gold .tabTranslate .tabTranslateHead li {
		width: auto;
		height: 65px;
		flex: 1
	}
}

.currency-gold .tabTranslate .tabTranslateContent {
	width: calc(100% - 290px);
	padding: 30px 30px 30px 150px
}

@media (max-width:992px) {
	.currency-gold .tabTranslate .tabTranslateContent {
		width: 100%;
		padding: 10px 20px
	}
}

.currency-gold .tabTranslate .tabTranslateContent .translateContent {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between
}

@media (max-width:992px) {
	.currency-gold .tabTranslate .tabTranslateContent .translateContent {
		flex-direction: column
	}
}

.currency-gold .tabTranslate .tabTranslateContent .translateFlex {
	justify-content: space-between;
	display: flex;
	width: 100%
}

@media (max-width:768px) {
	.currency-gold .tabTranslate .tabTranslateContent .translateFlex {
		flex-direction: column
	}
}

.currency-gold .tabTranslate .tabTranslateContent .translateFlex .quantity {
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	height: 45px;
	max-width: 40%;
	display: flex;
	justify-content: space-between
}

@media (max-width:768px) {
	.currency-gold .tabTranslate .tabTranslateContent .translateFlex .quantity {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex .quantity input,
.currency-gold .tabTranslate .tabTranslateContent .translateFlex .quantity input {
	border: 0;
	font-size: 20px;
	color: #2c2c2c;
	width: calc(100% - 70px)
}

.currency-gold .tabTranslate .tabTranslateContent .translateFlex .quantity span {
	font-size: 20px;
	color: #1a3d6f;
	opacity: .3
}

.currency-gold .tabTranslate .tabTranslateContent .translateFlex .translate {
	max-width: 40%;
	height: 45px;
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media (max-width:768px) {
	.currency-gold .tabTranslate .tabTranslateContent .translateFlex .translate {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex .translate select,
.currency-gold .tabTranslate .tabTranslateContent .translateFlex .translate select,
.product .translate-content-container .translateFlex .translate select {
	height: 32px;
	
	font-size: 20px;
	color: #2c2c2c;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	background: url(../images/material/down.svg) no-repeat right center
}

@media (max-width:992px) {
	.currency-gold .tabTranslate .tabTranslateContent .output {
		width: 100%
	}
}

.currency-gold .tabTranslate .tabTranslateContent .output span,
.product .translate-content-container .output span {
	font-size: 20px;
	color: #2c2c2c;
	margin-left: 30px
}

@media (max-width:992px) {
	.currency-gold .tabTranslate .tabTranslateContent .output span {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center
	}
}

.currency-gold .tabTranslate .tabTranslateContent .output span:first-child {
	margin-left: 0
}

.three-col {
	background: #fbfbfb;
	padding: 85px 0;
	margin-top: 30px
}

@media (max-width:768px) {
	.three-col {
		padding: 20px 0 10px
	}
}

@media (max-width:992px) {
	.three-col .row .col-lg-4:nth-child(2n) {
		background: #fff
	}
}

.three-col .box {
	text-align: center
}

@media (max-width:992px) {
	.three-col .box {
		padding: 30px 0
	}
}

.three-col .box .icon {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	box-shadow: 0 0 39.56px 3.44px rgba(0, 0, 0, .06);
	background: #fff;
	margin: 0 auto
}

.three-col .box .icon img {
	width: 100px;
	-o-object-fit: contain;
	object-fit: contain
}

.services-three-col .box h3,
.three-col .box h3 {
	/*margin: 30px 0;*/
	margin-top: 30px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	font-size: 17px;
	color: #2c2c2c
}

.three-col .box p,
footer .mail-list .text h4 {
	font-size: 15px;
	color: white;
}

.three-col .box a {
	width: 123px;
	height: 42px;
	border: 2px solid #be9e56;
	border-radius: 4px;
	color: #be9e56;
	font-size: 14px;
	margin: 50px auto 0
}

@media (max-width:992px) {
	.three-col .box a {
		margin: 25px auto 0
	}
}

.full-container {
	position: relative;
	
}

.full-container .full-img {
	width: 100%;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding: 30px
}

@media (max-width:992px) {
	.full-container .full-img {
		max-height: 400px;
		padding: 15px
	}
}

.full-container .full-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center left;
	object-position: center left
	
	/* TEST */
}

.full-container .full-img span {
	position: relative;
	z-index: 1;
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	display: flex;
	align-items: center
}

@media (max-width:992px) {
	.full-container .full-img span {
		font-size: 18px
	}
}

.full-container .full-img span svg {
	margin-right: 20px;
	height: 60px;
	width: 60px
}

@media (max-width:992px) {
	.full-container .full-img span svg {
		width: 50px;
		height: 50px
	}
}

.full-container .text-container {
	 position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: 1200px;
}

@media (max-width:992px) {
	.full-container .text-container {
		position: relative
	}
}

.full-container .text-container .item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
	padding: 20px 0
}

@media (max-width:992px) {
	.full-container .text-container .item {
		flex-direction: column
	}
}

.full-container .text-container .item:last-child {
	border-bottom: none
}

.full-container .text-container .item svg {
	margin-right: 33px
}

@media (max-width:992px) {
	.full-container .text-container .item svg {
		margin: 0 0 20px
	}
}

.full-container .text-container .item img {
	width: 77px;
	height: 77px;
	margin-right: 33px
}

.full-container .text-container .item .text {
	width: calc(100% - 110px)
}

@media (max-width:992px) {
	.full-container .text-container .item .text {
		width: 100%;
		text-align: center
	}
}

.full-container .text-container .item .text h1 {
	font-size: 17px;
	color: #2c2c2c;
	margin-bottom: 20px;
	font-weight: bold;
}

.full-container .text-container .item .text h2 {
	font-size: 17px;
	color: #2c2c2c;
	margin-bottom: 20px;
	font-weight: bold;
}

.full-container .text-container .item .text p {
	font-size: 15px;
	margin: 0;
	padding-right: 40px
}

@media (max-width:992px) {
	.full-container .text-container .item .text p {
		padding: 0
	}
}

.discovery {
	background: #f8f8f8;
	padding: 100px 0
}

@media (max-width:992px) {
	.discovery {
		text-align: center;
		padding: 50px 0
	}
}

.discovery h3,
.discovery p {
	font-size: 22px;
	color: #2c2c2c
}

.discovery h4 {
	font-size: 20px;
	color: #be9e56;
	margin: 30px 0 20px;
	font-weight: 400
}

.discovery p {
	font-size: 16px
}

.discovery ul {
	display: flex;
	margin-top: 10px;
	justify-content: space-between
}

@media (max-width:768px) {
	.discovery ul {
		flex-wrap: wrap;
		justify-content: center
	}
}

@media (max-width:768px) {
	.discovery ul li {
		margin-bottom: 10px
	}
}

.discovery ul li svg {
	margin-right: 10px;
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.discovery a {
	width: 240px;
	height: 50px;
	border: 2px solid #be9e56;
	color: #be9e56;
	border-radius: 7px;
	margin-top: 25px
}

@media (max-width:992px) {
	.discovery a {
		margin: 25px auto 0;
		width: 200px;
		height: 40px;
		font-size: 12px;
		font-weight: 600
	}
}

.discovery img {
	width: 100%
}

@media (max-width:992px) {
	.discovery img {
		margin-top: 30px;
		max-height: 400px;
		-o-object-fit: contain;
		object-fit: contain
	}
}

.news-home {
	margin: 45px auto
}

.asset-pano ul li span,
.discovery ul li,
.news-home.v2 .head {
	font-weight: 600
}

.news-home.v2 .box.v2 {
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #b7b7b7
}

@media (max-width:768px) {
	.news-home.v2 .box.v2 {
		flex-wrap: wrap
	}
}

.news-home.v2 .box .text {
	width: calc(100% - 195px);
	padding-left: 30px
}

@media (max-width:768px) {
	.news-home.v2 .box .text {
		width: 100%;
		padding: 0
	}
}

.news-home.v2 .box img {
	width: 165px;
	height: 115px;
	border-radius: 0
}

@media (max-width:768px) {
	.news-home.v2 .box img {
		width: 100%
	}
}

.news-home.v2 .box h4 {
	color: #be9e56;
	margin: 10px 0
}

.news-home .title {
	font-size: 20px;
	color: #2c2c2c;
	text-align: center;
	width: 100%;
	margin: 0 0 55px;
	font-weight: bold;
}

@media (max-width:992px) {
	.news-home .title {
		margin-bottom: 0
	}
}

.news-home .head {
	text-transform: uppercase;
	margin-bottom: 25px
}

@media (max-width:992px) {
	.news-home .head {
		margin-top: 50px;
		font-weight: 600
	}
}

.news-home .box .history::after,
.news-home .head::after {
	content: "";
	display: block;
	width: 75%;
	height: 1px;
	margin-top: 5px;
	background: #be9e56
}

.news-home .box img {
	width: 100%;
	height: 255px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px
}

.news-home .box h2 {
	font-size: 20px;
	font-weight: 600;
	color: #2c2c2c;
	margin: 20px 0 20px;
	
}

.news-home .box .history,
.news-home .head {
	font-size: 16px;
	color: #2c2c2c;
}

.news-home .box p,
footer .mail-list .text h3 {
	font-size: 16px;
	
	margin-top: 10px
}
footer .mail-list .text h3 {
	color: white;
}

.news-home .box.twitter .post {
	border-bottom: 1px solid #8c8c8c;
	padding-bottom: 15px;
	margin-bottom: 20px
}

.news-home .box.twitter .post .postTitle {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.discovery ul li,
.news-home .box.twitter .post .postTitle .flexLoc,
.slider .loop .item ul li a {
	display: flex;
	align-items: center
}

.news-home .box.twitter .post .postTitle .icon {
	display: table;
	border: 1px solid #d5d5d5;
	padding: 5px;
	border-radius: 50%;
	margin-right: 10px
}

.news-home .box.twitter .post .postTitle .name {
	font-size: 16px;
	color: #2c2c2c
}

.news-home .box.twitter .post .postTitle .cal {
	font-size: 14px;
	color: #2c2c2c
}

.slider {
	background-size: cover!important;
	position: relative
}

.slider .control,
footer .mail-list label {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.slider .control {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 32px);
	z-index: 1
}

@media (max-width:1200px) {
	.slider .control {
		display: none
	}
}

.slider .control .arrow {
	width: 64px;
	height: 64px;
	background: #fff;
	position: relative;
	border-radius: 50%;
	cursor: pointer
}

.slider .control .arrow.prev {
	left: -10vw
}

.slider .control .arrow.next {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	right: -10vw
}

.slider .loop .item {
	padding: 80px 0;
	position: relative;
	z-index: 2
}

@media (max-width:992px) {
	.slider .loop .item {
		text-align: center
	}
}

.slider .loop .item .icon {
	height: 105px;
	width: 105px;
	background: #fff;
	border-radius: 25px
}

@media (max-width:992px) {
	.slider .loop .item .icon {
		margin: 0 auto
	}
}

.slider .loop .item h2 {
	margin: 35px 0;
	color: #fff;
	font-size: 38px;
	line-height: 38px;
	font-weight: 520
}
.slider .loop .item h2 p {
	font-size: 30px;
	font-weight: 520
}

@media (max-width:992px) {
	.slider .loop .item h2 {
		margin: 20px 0;
		font-size: 28px
	}
}

.slider .loop .item p {
	font-size: 25px;
	color: #fff;
	font-weight: 300
}

@media (max-width:992px) {
	.slider .loop .item p {
		font-size: 18px
	}
}

.product-buy .product-buy-head .container .gold-info .info div,
.slider .loop .item img {
	width: 100%
}

@media (max-width:992px) {
	.slider .loop .item img {
		width: 80%;
		display: table;
		margin: 20px auto
	}
}

.slider .loop .item ul {
	display: flex;
	margin-top: 50px
}

@media (max-width:992px) {
	.slider .loop .item ul {
		margin-top: 30px;
		justify-content: center
	}
}

.discovery ul li,
.product .translate-content-container .bottom-col ul li svg,
.slider .loop .item ul li {
	margin-right: 10px
}

.slider .loop .item ul li a {
	width: 175px;
	height: 45px;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 0 15px
}

@media (max-width:768px) {
	.slider .loop .item ul li a {
		width: 150px
	}
}

.slider .loop .item ul li a span {
	font-size: 11px;
	display: block;
	color: #fff
}

footer {
	padding: 50px 0;
	/*background: #252d33;*/
	background: #020306;
}

footer .socialMedia {
	display: flex;
	justify-content: flex-end
}

@media (max-width:992px) {
	footer .socialMedia {
		justify-content: center;
		margin: 25px 0
	}
}

footer .socialMedia a {
	width: 34px;
	height: 34px;
	background: #cfa04f;
	border-radius: 50%;
	color: #fff;
	margin-left: 10px;
	transition: all ease-in-out 300ms
}

footer .socialMedia a:hover {
	box-shadow: 0 17px 30px -8px rgba(0, 0, 0, .2);
	-webkit-transform: translate(0, -1px) scale(1.02);
	transform: translate(0, -1px) scale(1.02)
}

footer .mail-list {
	text-align: right;
	margin-top: 45px
}

@media (max-width:992px) {
	footer .mail-list {
		margin-top: 0;
		text-align: center
	}
}

footer .mail-list .text h3 {
	font-size: 17px
}

footer .mail-list label {
	border: 1px solid white;
	padding: 5px;
	border-radius: 4px;
	margin: 25px 10px;
}

footer .mail-list label input {
	width: 50%;
	border: 0;
	padding-left: 5px;
    background: 0 0;
    color:white;
}

footer .mail-list label button {
	width: 135px;
	height: 45px;
	color: white;
	border: 0;
	background: #353940;
	border-radius: 4px
}

.product .product-head ul,
footer .footer-menu {
	display: flex
}

@media (max-width:992px) {
	footer .footer-menu {
		flex-direction: column;
		border: 0
	}
}

footer .footer-menu .item {
	min-width: 160px;
	padding-left: 20px;
	border-right: 1px solid #d5d5d5
}

@media (max-width:992px) {
	footer .footer-menu .item {
		border: 0;
		padding-left: 0
	}
}

.past-exchange .table tr:last-child,
.product .product-currency .table tr:last-child,
.winner-loser .container .item .table tr:last-child,
footer .footer-menu .item:last-child {
	border: 0
}

footer .footer-menu .item:first-child {
	padding-left: 15px
}

@media (max-width:992px) {
	footer .footer-menu .item:first-child {
		padding-left: 0
	}
}

footer .footer-menu .item .head {
	font-weight: 500;
	font-size: 17px;
	color: #cfa04f;
	text-transform: uppercase;
	margin-bottom: 8px
}

@media (max-width:992px) {
	footer .footer-menu .item .head {
		padding: 8px 12px;
		line-height: 35px;
		font-weight: 600;
		background: #353940;
		color: white;
		display: flex;
		justify-content: space-between
	}
	footer .footer-menu .item .head:after {
		content: "\f078";
		line-height: 35px;
		font-family: FontAwesome
	}
}

footer .footer-menu .item .list {
	display: block;
	margin-top: 25px;
	margin-right: 10px;
}

@media (max-width:992px) {
	footer .footer-menu .item .list {
		margin-bottom: 20px;
		margin-top: 15px;
		padding-left: 12px;
		display: none
	}
}

footer .footer-menu .item .list a {
	font-size: 17px;
	line-height: 32px;
	color: white;
	display: block
}
footer .footer-menu .item .list a:hover{
	color: #cfa04f;
}

.login-container-modal,
.register-container-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	z-index: 999;
	display: none
}

.login-container-modal .login-modal,
.register-container-modal .register-modal {
	width: 100%;
	height: 100%;
	padding: 15px
}

.login-container-modal .login-modal .modal-container {
	background: #fbfbfb;
	max-width: 650px;
	width: 100%;
	border-radius: 10px;
	padding: 60px 15px;
	position: relative;
	box-shadow: 0 0 85.5px 4.5px rgba(0, 0, 0, .25)
}

@media (max-width:768px) {
	.login-container-modal .login-modal .modal-container {
		padding: 50px 15px 25px
	}
}

.login-container-modal .login-modal .modal-container .close,
.register-container-modal .register-modal .modal-container .close {
	position: absolute;
	top: 15px;
	right: 20px
}

.login-container-modal .login-modal .modal-container form,
.register-container-modal .register-modal .modal-container form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 430px;
	width: 100%
}

.login-container-modal .login-modal .modal-container form .title {
	font-size: 25px;
	color: #2c2c2c;
	text-align: center;
	margin-bottom: 50px
}

@media (max-width:768px) {
	.login-container-modal .login-modal .modal-container form .title {
		margin-bottom: 25px
	}
}

.login-container-modal .login-modal .modal-container form .input-style {
	width: 100%;
	border: 0;
	background: 0 0;
	border-bottom: 1px solid #d5d5d5;
	font-size: 17px;
	line-height: 17px;
	padding: 12px 0;
	margin-bottom: 15px
}

.login-container-modal .login-modal .modal-container form .checkbox label,
.register-container-modal .register-modal .modal-container form .checkbox label {
	display: flex;
	align-items: center;
	margin: 0;
	position: relative;
	font-size: 15px;
	line-height: 20px;
	color: #2c2c2c;
	cursor: pointer;
	padding-left: 25px
}

.login-container-modal .login-modal .modal-container form .checkbox label::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #a5aec1;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0
}

.login-container-modal .login-modal .modal-container form .checkbox label::after {
	content: "";
	border: 1px solid;
	border-color: transparent transparent #a5aec1 #a5aec1;
	width: 13px;
	height: 7px;
	display: block;
	position: absolute;
	left: 3.5px;
	top: 4.5px;
	z-index: 9;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	visibility: hidden;
	opacity: 0;
	transition: all .2s linear
}

.login-container-modal .login-modal .modal-container form .checkbox input:checked+label:after,
.purchase-form .radio-container .radio input:checked+label .check:after,
.register-container-modal .register-modal .modal-container form .checkbox input:checked+label:after {
	visibility: visible;
	opacity: 1
}

.login-container-modal .login-modal .modal-container form .restart {
	font-size: 15px;
	line-height: 20px;
	color: #2c2c2c
}

.login-container-modal .login-modal .modal-container form .restart:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #2c2c2c
}

.login-container-modal .login-modal .modal-container form .button {
	width: 170px;
	height: 50px;
	border-radius: 4px;
	background: #2c2c2c;
	font-size: 15px;
	color: #fff;
	border: 0;
	text-transform: uppercase;
	cursor: pointer;
	margin: 50px 0 75px
}

@media (max-width:768px) {
	.login-container-modal .login-modal .modal-container form .button {
		margin: 25px 0
	}
}

.login-container-modal .login-modal .modal-container form .other-logins {
	width: 100%;
	display: flex;
	justify-content: space-between
}

@media (max-width:768px) {
	.login-container-modal .login-modal .modal-container form .other-logins {
		flex-wrap: wrap
	}
}

.login-container-modal .login-modal .modal-container form .other-logins a {
	width: calc(50% - 5px);
	height: 50px;
	border-radius: 4px;
	border: 1px solid #b7b7b7;
	color: #2c2c2c;
	font-size: 15px;
	display: flex;
	align-items: center
}

@media (max-width:768px) {
	.login-container-modal .login-modal .modal-container form .other-logins a {
		width: 100%;
		margin-bottom: 10px
	}
}

.login-container-modal .login-modal .modal-container form .other-logins a i,
.register-container-modal .register-modal .modal-container form .other-logins a i {
	margin-right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #2c2c2c;
	color: #fff;
	font-size: 12px
}

.cv form .cv-button input,
.login-container-modal .login-modal .modal-container form .account,
.login-container-modal .login-modal .modal-container form .account a svg,
.preview-pano .pano .checkbox input,
.product .product-currency .table tr:hover td .item img,
.purchase-form .radio-container .radio input,
.register-container-modal .register-modal .modal-container form .checkbox input,
.register-container-modal .register-modal .modal-container form .registerContent .item,
.winner-loser .container .item .table tr:hover td .item img {
	display: none
}

@media (max-width:768px) {
	.login-container-modal .login-modal .modal-container form .account {
		display: flex;
		height: 45px;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 999;
		width: 100%
	}
}

.login-container-modal .login-modal .modal-container form .account a {
	padding: 8px 35px;
	display: inline-block;
	font-size: 16px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	text-transform: capitalize
}

.login-container-modal .login-modal .modal-container form .account a.register {
	color: #2c2c2c;
	border-radius: 4px;
	background: #b7b7b7;
	border: 1px solid #b7b7b7
}

.register-container-modal .register-modal .modal-container {
	background: #fbfbfb;
	max-width: 650px;
	width: 100%;
	border-radius: 10px;
	padding: 60px 15px;
	box-shadow: 0 0 85.5px 4.5px rgba(0, 0, 0, .25);
	position: relative
}

@media (max-width:768px) {
	.register-container-modal .register-modal .modal-container {
		padding: 50px 15px 25px
	}
}

.register-container-modal .register-modal .modal-container form .registerTab {
	width: 285px;
	height: 38px;
	border: 1px solid #b7b7b7;
	display: flex;
	border-radius: 100px;
	margin-bottom: 25px
}

.register-container-modal .register-modal .modal-container form .registerTab li {
	flex: 1;
	font-size: 15px;
	color: #2c2c2c;
	text-transform: uppercase;
	cursor: pointer
}

.register-container-modal .register-modal .modal-container form .registerTab li.active {
	color: #be9e56
}

.register-container-modal .register-modal .modal-container form .title {
	font-size: 25px;
	color: #2c2c2c;
	text-align: center;
	margin-bottom: 25px
}

@media (max-width:768px) {
	.register-container-modal .register-modal .modal-container form .title {
		margin-bottom: 30px
	}
}

.register-container-modal .register-modal .modal-container form .input-style {
	width: 100%;
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #d5d5d5;
	font-size: 17px;
	line-height: 17px;
	padding: 12px 0;
	color: #2c2c2c;
	margin-bottom: 15px;
	background-size: 25px;
	background-position: right 5px center;
	background-repeat: no-repeat
}

.register-container-modal .register-modal .modal-container form .input-style::-webkit-input-placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.register-container-modal .register-modal .modal-container form .input-style:-ms-input-placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.register-container-modal .register-modal .modal-container form .input-style::-ms-input-placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.register-container-modal .register-modal .modal-container form .input-style::placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.register-container-modal .register-modal .modal-container form .form__validate--focused:focus:invalid {
	background-image: url(../images/icons/close.svg)
}

.register-container-modal .register-modal .modal-container form .form__validate--focused:focus:valid {
	background-image: url(../images/icons/chechmark.svg)
}

.register-container-modal .register-modal .modal-container form .form__validate--blurred:not(:focus):invalid {
	background-image: url(../images/icons/close.svg)
}

.register-container-modal .register-modal .modal-container form .form__validate--blurred:not(:focus):valid {
	background-image: url(../images/icons/chechmark.svg)
}

.register-container-modal .register-modal .modal-container form .full-select-style {
	border-bottom: 1px solid #d5d5d5;
	width: 100%;
	margin: 0;
	font-size: 17px;
	color: #2c2c2c;
	line-height: 17px;
	padding: 12px 0;
	display: flex;
	justify-content: space-between
}

.register-container-modal .register-modal .modal-container form .full-select-style span {
	font-size: 17px;
	color: #2c2c2c;
	line-height: 17px;
	display: block
}

.purchase-form .item .full-select-style select,
.register-container-modal .register-modal .modal-container form .full-select-style select {
	font-size: 14px;
	color: #2c2c2c;
	line-height: 14px;
	height: 17px;
	cursor: pointer;
	width: 120px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	background: url(../images/material/down.svg) no-repeat right center
}

.register-container-modal .register-modal .modal-container form .checkbox {
	margin-top: 20px
}

.register-container-modal .register-modal .modal-container form .checkbox label::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #a5aec1;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0
}

.register-container-modal .register-modal .modal-container form .checkbox label::after {
	content: "";
	border: 1px solid;
	border-color: transparent transparent #a5aec1 #a5aec1;
	width: 13px;
	height: 7px;
	display: block;
	position: absolute;
	left: 3.5px;
	top: 4.5px;
	z-index: 9;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	visibility: hidden;
	opacity: 0;
	transition: all .2s linear
}

.register-container-modal .register-modal .modal-container form .button {
	width: 170px;
	height: 50px;
	border-radius: 4px;
	background: #2c2c2c;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	margin: 50px auto 0;
	display: table;
	border: 0
}

@media (max-width:768px) {
	.register-container-modal .register-modal .modal-container form .button {
		margin: 25px auto 0
	}
}

.register-container-modal .register-modal .modal-container form .other-logins {
	width: 100%;
	display: flex;
	justify-content: space-between
}

@media (max-width:768px) {
	.register-container-modal .register-modal .modal-container form .other-logins {
		flex-wrap: wrap
	}
}

.register-container-modal .register-modal .modal-container form .other-logins a {
	width: calc(50% - 5px);
	height: 50px;
	border-radius: 4px;
	border: 1px solid #b7b7b7;
	color: #2c2c2c;
	font-size: 15px;
	display: flex;
	align-items: center
}

@media (max-width:768px) {
	.register-container-modal .register-modal .modal-container form .other-logins a {
		width: 100%;
		margin-bottom: 10px
	}
}

.banner {
	width: 100%;
	height: 375px;
	position: relative;
	border-top: 5px solid #e3c077
}

@media (max-width:768px) {
	.banner {
		height: 200px
	}
}

@media (min-width:768px) and (max-width:992px) {
	.banner {
		height: 250px
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.banner {
		height: 300px
	}
}

@media (min-width:1200px) and (max-width:1359px) {
	.banner {
		height: 350px
	}
}

.banner .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	
	-o-object-fit: cover;
	object-fit: cover
	
}

.banner .title {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: calc(20px + 1vw);
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.banner .title .icon {
	margin-bottom: 30px;
	display: block;
	width: 85px;
	height: 85px
}

@media (max-width:992px) {
	.banner .title .icon {
		width: 55px;
		height: 55px;
		margin-bottom: 10px
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.banner .title .icon {
		width: 70px;
		height: 70px
	}
}

.article-grid .item-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-column-gap: 30px;
	align-self: center;
	margin-bottom: 30px
}

@media (max-width:992px) {
	.article-grid .item-grid {
		grid-template-columns: 100%;
		grid-gap: 15px
	}
	.article-grid .item-grid .img {
		grid-row: 2/3
	}
}

.article-grid .item-grid .img img,
.article-grid .item-grid .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.article-grid .item-grid .text {
	padding-top: 10px
}

@media (max-width:992px) {
	.article-grid .item-grid .text {
		grid-row: 1/2
	}
}

.article-grid .item-grid .text h3 {
	font-size: 25px;
	/* color: #2c2c2c; */
	color: #be9e56;
	margin-bottom: 20px
}

.article-grid .item-grid .text p {
	font-size: 15px;
	line-height: 20px
}

.article-grid .item-grid .img-box {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden
}

.article-grid .item-grid .img-box::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0, 0, 0, .25);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	transition: all .3s linear
}

.article-grid .item-grid .img-box:hover::after {
	opacity: 0
}

.article-grid .item-grid .img-box:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.article-grid .item-grid .img-box img {
	transition: all .3s linear
}

.article-grid .item-grid .img-box .title {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 40px;
	right: 10px;
	color:white;
}

@media (max-width:768px) {
	.article-grid .item-grid .img-box .title {
		left: 25px;
		top: 25px
	}
}

.article-grid .item-grid .img-box .title h4,
.article-grid .item-grid .services-box h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

@media (max-width:768px) {
	.article-grid .item-grid .img-box .title h4 {
		font-size: 17px
	}
}

.article-grid .item-grid .img-box .title p {
	font-size: 18px;
	color: #fff;
	font-weight: 300;
	margin-top: 5px
}

@media (max-width:768px) {
	.article-grid .item-grid .img-box .title p {
		font-size: 16px;
		margin-top: 3px
	}
}

.article-grid .item-grid .services-box {
	background: #f8f8f8;
	padding: 60px;
	min-height: 400px;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.article-grid .item-grid .services-box {
		padding: 40px 20px;
		min-height: auto
	}
}

.article-grid .item-grid .services-box .icon {
	height: 100px;
	display: table;
	align-items: center;
	margin: 0 auto
}

.article-grid .item-grid .services-box h4 {
	color: #2c2c2c;
	margin: 20px 0 10px
}

.article-grid .item-grid .services-box p {
	font-size: 16px;
	color: #2c2c2c
}

.article-grid .item-grid .services-box .button {
	width: 140px;
	height: 40px;
	font-size: 15px;
	color: #be9e56;
	font-weight: 600;
	margin-top: 30px;
	border: 2px solid #be9e56;
	border-radius: 5px
}

.article-grid .article-title h2 {
	font-size: 30px;
	text-align: center;
	font-weight: 400;
	color: #2c2c2c
}

@media (max-width:992px) {
	.article-grid .article-title h2 {
		font-size: 22px
	}
}

.article-grid .article-title p {
	font-size: 17px;
	text-align: center;
	font-weight: 400;
	margin: 40px auto 70px;
	width: 80%
}

.article-grid .article-title p.f-16 {
	font-size: 16px
}

@media (max-width:992px) {
	.article-grid .article-title p {
		font-size: 14px;
		margin: 30px 0;
		width: 100%
	}
}

.services-three-col {
	padding: 50px 0
}

.services-three-col .title {
	font-size: 20px;
	color: #2c2c2c;
	text-align: center;
	width: 100%;
	margin: 0 0 30px;
	text-transform: uppercase
}

.services-three-col .box {
	text-align: center
}

@media (max-width:992px) {
	.services-three-col .box {
		padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
	}
}

.services-three-col .box img {
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover
}

.cv .title,
.services-three-col .box p {
	font-size: 15px;
	color: #2c2c2c
}

.services-three-col .box a {
	width: 123px;
	height: 42px;
	border: 2px solid #be9e56;
	border-radius: 4px;
	color: #be9e56;
	font-size: 14px;
	margin: 50px auto 0
}

@media (max-width:992px) {
	.services-three-col .box a {
		margin: 25px auto 0
	}
}

.cv {
	background: #f2f2f2;
	padding: 35px 80px;
	margin-bottom: 80px
}

@media (max-width:768px) {
	.cv {
		padding: 35px 10px;
		margin-bottom: 30px
	}
}

.cv .title {
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	margin-top: 40px;
}

.cv form,
.cv form .cv-button {
	display: flex;
	align-items: center
}

.cv form {
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px
}

@media (max-width:768px) {
	.cv form {
		margin-top: 30px
	}
}

.cv form .cv-button {
	width: 175px;
	height: 58px;
	background: #b7b7b7;
	border-radius: 10px;
	margin: 0 5px 0 0;
	padding: 0 15px;
	cursor: pointer
}

@media (max-width:768px) {
	.cv form .cv-button {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
}

.cv form .cv-button span {
	font-size: 16px;
	line-height: 16px;
	color: #fff
}

.cv form .cv-button span svg {
	margin-right: 7px
}

.cv form .element {
	display: flex;
	align-items: center
}

@media (max-width:768px) {
	.cv form .element {
		width: 100%;
		flex-direction: column
	}
}

.cv form .button {
	width: 175px;
	height: 58px;
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	background: #be9e56;
	color: #fff
}

@media (max-width:768px) {
	.cv form .button {
		width: 100%
	}
}

.accordion .item .head,
.cv form select {
	color: #2c2c2c;
	border: 1px solid #b7b7b7;
	cursor: pointer
}

.cv form select {
	width: 320px;
	height: 58px;
	margin-right: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: url(../images/material/down.svg) no-repeat calc(100% - 20px) center;
	font-size: 20px;
	padding: 0 40px 0 20px;
	border-radius: 10px
}

@media (max-width:768px) {
	.cv form select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
}

.branches-contact form input,
.cv form .textarea-paste {
	border: 1px solid #b7b7b7;
	border-radius: 10px;
	background: #ffffff;
}

.cv form .textarea-paste {
	margin-top: 30px;
	min-height: 120px;
	display: none;
	width: 100%;
	padding: 10px 15px
	background: #ffffff;
}

.accordion {
	margin-bottom: 80px
}

@media (max-width:992px) {
	.accordion {
		margin-top: 75px;
		margin-bottom: 40px
	}
}

.accordion .item {
	margin-bottom: 5px
}

.accordion .item .head {
	font-size: 17px;
	padding: 24px 50px;
	border-radius: 5px;
	font-weight: 600
}

@media (max-width:992px) {
	.accordion .item .head {
		padding: 15px;
		font-size: 14px
	}
}

.accordion .item .content {
	display: none;
	font-size: 17px;
	color: #2c2c2c;
	padding: 50px 15px;
	text-align: center
}

@media (max-width:992px) {
	.accordion .item .content {
		padding: 15px;
		font-size: 14px
	}
}

.exchenge_istanbul .item {
	padding: 30px;
	background: #f8f8f8;
	margin-bottom: 30px
}

.exchenge_istanbul .item .head {
	color: #998f74;
	font-size: 20px;
	min-height: 50px;
	text-transform: uppercase;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px
}

.exchenge_istanbul .item .content {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

.exchenge_istanbul .item .content p {
	font-size: 12px;
	color: #2c2c2c;
	width: calc(100% - 60px)
}

.exchenge_istanbul .item .content ul {
	width: calc(100% - 60px)
}

.exchenge_istanbul .item .content ul li {
	margin-bottom: 15px
}

.exchenge_istanbul .item .content ul li h5 {
	width: 100%;
	font-size: 16px;
	color: #2c2c2c;
	font-weight: 600
}

.exchenge_istanbul .item .content ul li p {
	width: 100%;
	font-size: 14px;
	color: #2c2c2c
}

.exchenge_istanbul .item .button {
	width: 140px;
	height: 40px;
	font-size: 15px;
	color: #be9e56;
	font-weight: 600;
	margin-top: 30px;
	border: 2px solid #be9e56;
	border-radius: 5px
}

#map {
	width: 100vw;
	display: block;
	height: 400px;
	border-top: 5px solid #e3c077
}

.branches {
	margin-top: 65px
}

.branches .grid-boxs {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 30px;
	margin-bottom: 30px
}

@media (max-width:992px) {
	.branches .grid-boxs {
		grid-template-columns: 100%;
		grid-gap: 15px
	}
}

.branches .grid-boxs .box {
	box-shadow: 0 0 6.65px .35px rgba(0, 0, 0, .14);
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

@media (max-width:768px) {
	.branches .grid-boxs .box {
		padding: 25px 20px
	}
}

.branches h1, .branches .grid-boxs .box h2 {
	font-size: 25px;
	color: #2c2c2c;
	text-transform: uppercase;
	font-weight: 600
}

@media (max-width:768px) {
	.branches h1, .branches .grid-boxs .box h2 {
		font-size: 22px
	}
}

.branches .grid-boxs .box address {
	font-size: 14px;
	color: #2c2c2c;
	margin: 15px 0 0
}

.branches .grid-boxs .box .phone {
	display: block;
	font-size: 14px;
	color: #2c2c2c
}

.branches .grid-boxs .box .link {
	font-size: 33px;
	color: #2c2c2c;
	font-weight: 500;
	margin-top: 15px;
	display: block
}

@media (max-width:768px) {
	.branches .grid-boxs .box .link {
		font-size: 25px
	}
}

.branches .grid-boxs .box .button {
	width: 140px;
	height: 40px;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 30px;
	background: #be9e56;
	border-radius: 5px
}

.branches-contact {
	background: #f2f2f2;
	padding: 25px;
	margin-bottom: 40px
}

@media (max-width:768px) {
	.branches-contact {
		padding: 25px 15px
	}
}

.branches-contact .title {
	font-size: 22px;
	text-align: center
}

.branches-contact form {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap
}

.branches-contact form input {
	width: 280px;
	height: 58px;
	font-size: 17px;
    color: #2c2c2c;
    background: white;
	padding: 0 15px;
	margin-right: 8px
}

.branches-contact form input::-webkit-input-placeholder {
	font-size: 17px;
	color: #2c2c2c
}

.branches-contact form input:-ms-input-placeholder {
	font-size: 17px;
	color: #2c2c2c
}

.branches-contact form input::-ms-input-placeholder {
	font-size: 17px;
	color: #2c2c2c
}

.branches-contact form input::placeholder {
	font-size: 17px;
    color: #2c2c2c
    
}

@media (max-width:768px) {
	.branches-contact form input {
		width: 100%;
		margin-right: 0;
        margin-bottom: 10px
        
	}
}

.branches-contact form textarea {
	width: 100%;
	min-height: 140px;
	border: 0;
	background: white;
	border-radius: 10px;
	padding: 25px;
	font-size: 17px;
	margin: 15px 0
}

@media (max-width:768px) {
	.branches-contact form textarea {
		margin: 0 0 10px
	}
}

.branches-contact form .bottom-right {
	display: flex;
	justify-content: flex-end;
	width: 100%
}

@media (max-width:768px) {
	.branches-contact form .bottom-right {
		flex-wrap: wrap
	}
}

.branches-contact form .select {
	width: 270px;
	height: 58px;
	font-size: 17px;
	color: #2c2c2c;
	margin-right: 8px;
	padding: 0 40px 0 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 1px solid #b7b7b7;
	border-radius: 10px;
	background: url(../images/material/down.svg) no-repeat calc(100% - 20px) center
}

@media (max-width:768px) {
	.branches-contact form .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
}

.branches-contact form .button {
	width: 220px;
	height: 58px;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	background: #be9e56;
	border-radius: 5px;
	border: 0;
	cursor: pointer
}

@media (max-width:768px) {
	.branches-contact form .button {
		width: 100%
	}
}

.analysis {
	border-top: 5px solid #e3c077;
	padding: 65px 0 40px
}

@media (max-width:768px) {
	.analysis {
		padding: 45px 0 0
	}
}

.analysis .item {
	border-bottom: 1px solid #a7a7a7;
	padding-bottom: 10px;
	margin-bottom: 60px
}

.analysis .item .picture {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 315px;
	height: auto;
	display: block
}

@media (max-width:992px) {
	.analysis .item .picture {
		margin-bottom: 30px
	}
}

.analysis .item h2 {
	font-size: 27px;
	color: #be9e56
}

@media (max-width:768px) {
	.analysis .item h2 {
		font-size: 24px
	}
}

.analysis .item h2 * {
	color: #be9e56
}

.analysis .item h4 {
	font-size: 23px;
	color: #2c2c2c;
	margin: 10px 0 15px
}

@media (max-width:768px) {
	.analysis .item h4 {
		font-size: 20px
	}
}

.analysis .item p {
	font-size: 16px;
	color: #2c2c2c;
	line-height: 20px
}

.analysis .item .share {
	width: 100%;
	display: flex;
	justify-content: flex-end
}

.analysis .item .share a {
	font-size: 20px;
	display: table;
	margin-left: 10px
}

.analysis-detail {
	border-top: 5px solid #e3c077;
	padding-top: 40px
}

.analysis-detail img {
	width: 100%;
	height: auto;
	display: block
}

@media (max-width:768px) {
	.analysis-detail img {
		margin-top: 30px
	}
}

.analysis-detail h1 {
	font-size: calc(20px + 1.2vw);
	color: #be9e56;
	margin-bottom: 30px
}

.analysis-detail article,
.analysis-detail p {
	font-size: calc(10px + .35vw);
	color: #3f3f3f
}

@media (max-width:768px) {
	.analysis-detail p {
		font-size: 14px
	}
}

.analysis-detail article {
	margin-top: 50px
}

@media (max-width:768px) {
	.analysis-detail article {
		font-size: 14px
	}
}

.analysis-detail .other-analysis img {
	width: 100%;
	height: 230px;
	-o-object-fit: cover;
	object-fit: cover;
	margin-bottom: 15px
}

@media (max-width:768px) {
	.analysis-detail .other-analysis img {
		margin-top: 30px
	}
}

.analysis-detail .other-analysis h2 {
	font-size: 24px;
	color: #be9e56;
	font-weight: 400;
	margin: 5px 0
}

.analysis-detail .other-analysis h3 {
	font-size: 20px;
	color: #3f3f3f
}

.pagination {
	width: 100%;
	border: 1px solid #acacac;
	border-radius: 12px;
	padding: 12px 60px;
	margin-bottom: 50px;
	justify-content: space-between
}

@media (max-width:768px) {
	.pagination {
		padding: 12px
	}
}

.pagination,
.pagination .number {
	display: flex;
	align-items: center
}

.pagination .number li.active a {
	background: #2c2c2c;
	border-radius: 50%;
	color: #fff;
	width: 25px;
	height: 25px;
	font-size: 14px
}

.pagination .number li.active a:hover {
	color: #fff
}

@media (max-width:768px) {
	.pagination .number li.active a {
		font-size: 12px;
		width: 18px;
		height: 18px;
		line-height: 12px
	}
}

.pagination .number li a {
	width: 25px;
	height: 25px;
	margin: 0 2.5px;
	color: #929db1;
	line-height: 15px;
	font-size: 15px;
	transition: all .2s linear
}

@media (max-width:768px) {
	.pagination .number li a {
		font-size: 12px;
		width: 18px;
		height: 18px;
		line-height: 12px
	}
}

.pagination .number li a:hover,
.pagination div a:hover {
	color: #2c2c2c;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.pagination div a {
	color: #929db1;
	font-size: 15px;
	transition: all .2s linear;
	display: table
}

.product {
	border-top: 5px solid #e3c077
}

.product .product-head {
	background: #f8f8f8;
	margin-bottom: 35px;
	padding: 26px 0
}

@media (max-width:992px) {
	.product .product-head ul {
		justify-content: center
	}
}

.product .product-head ul li {
	width: 125px;
	height: 42px;
	border-radius: 10px;
	border: 4px solid transparent;
	cursor: pointer;
	text-transform: uppercase
}

.product .product-head ul li.active {
	border-color: #be9e56
}

.product .product-head ul li.active a {
	color: #be9e56
}

.product .product-head ul li a {
	color: #2c2c2c;
	font-weight: 500;
	line-height: 36px;
	font-size: 18px
}

.product .product-head .title {
	font-weight: 600;
	font-size: 20px;
	color: #2c2c2c
}

@media (max-width:992px) {
	.product .product-head .title {
		margin: 15px 0
	}
	.product .product-head .dropdown {
		width: 100%;
		display: flex;
		justify-content: center
	}
}

.product .product-head .dropdown button {
	width: 215px;
	height: 42px;
	border: 1px solid #b7b7b7;
	border-radius: 5px;
	background: 0 0;
	font-size: 16px;
	color: #2c2c2c;
	position: relative;
	cursor: pointer
}

.product .product-head .dropdown button::after {
	position: absolute;
	right: 5px;
	top: calc(50% - 3px);
	content: "";
	background: url(../images/material/down.svg) no-repeat;
	display: table;
	width: 20px;
	height: 20px;
	border: 0
}

.product .product-head .dropdown .dropdown-menu {
	width: 100%;
	text-align: center
}

.product .translate-content-container {
	width: 100%;
	padding: 40px;
	background: #f8f8f8;
	margin-bottom: 50px
}

@media (max-width:992px) {
	.product .translate-content-container {
		width: 100%;
		padding: 10px 20px
	}
}

.product .translate-content-container .translateContent {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media (max-width:992px) {
	.product .translate-content-container .translateContent {
		flex-direction: column
	}
}

.product .translate-content-container .translateFlex {
	width: 50%;
	justify-content: space-between;
	display: flex
}

@media (max-width:992px) {
	.product .translate-content-container .translateFlex {
		flex-direction: column;
		width: 100%
	}
}

.product .translate-content-container .translateFlex .quantity {
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	height: 45px;
	max-width: 220px;
	display: flex;
	margin-bottom: 0;
	justify-content: space-between
}

@media (max-width:992px) {
	.product .translate-content-container .translateFlex .quantity {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.product .translate-content-container .translateFlex .quantity input,
.product-sales-modal .product-modal .modal-container .product-flex-conteiner .quantity input {
	border: 0;
	font-size: 20px;
	color: #2c2c2c;
	background: 0 0;
	width: calc(100% - 70px)
}

.product .translate-content-container .translateFlex .quantity span {
	font-size: 20px;
	color: #1a3d6f;
	opacity: .3
}

.product .translate-content-container .translateFlex .translate {
	max-width: 220px;
	height: 45px;
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	width: 100%;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media (max-width:992px) {
	.product .translate-content-container .translateFlex .translate {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.product .product-currency .table tr:hover td .item .rightIcon,
.product .translate-content-container .bottom-col ul,
.product .translate-content-container .output {
	display: flex
}

@media (max-width:768px) {
	.product .translate-content-container .output {
		width: 100%;
		flex-direction: column
	}
}

@media (min-width:768px) and (max-width:992px) {
	.product .translate-content-container .output {
		width: 100%
	}
}

@media (max-width:992px) {
	.product .translate-content-container .output span {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center
	}
}

.product .translate-content-container .output span:first-child {
	margin-left: 0
}

.product .translate-content-container .bottom-col {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px
}

@media (max-width:992px) {
	.product .translate-content-container .bottom-col {
		flex-wrap: wrap;
		justify-content: center
	}
}

@media (max-width:992px) {
	.product .translate-content-container .bottom-col ul {
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
		margin-bottom: 20px
	}
}

.product .translate-content-container .bottom-col ul li {
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-right: 40px;
	color: #7c7c7c
}

@media (max-width:992px) {
	.product .translate-content-container .bottom-col ul li {
		flex-wrap: wrap;
		width: 50%;
		margin: 10px 0 0;
		justify-content: center
	}
}

.currency-detail .chart-info ul li:last-child,
.product .translate-content-container .bottom-col ul li:last-child,
.winner-loser .full-table .table-tab li:last-child {
	margin-right: 0
}

.product .translate-content-container .bottom-col ul li span {
	width: 180px
}

@media (max-width:992px) {
	.product .translate-content-container .bottom-col ul li span {
		width: 100%;
		text-align: center;
		display: block;
		margin-top: 5px
	}
}

.product .translate-content-container .bottom-col .button {
	width: 234px;
	height: 46px;
	font-size: 14px;
	color: #fff;
/*	text-transform: uppercase; */
	font-weight: 400;
	background: #be9e56;
	border-radius: 5px;
	border: 0;
	cursor: pointer
}

@media (max-width:768px) {
	.product .translate-content-container .bottom-col .button {
		width: 100%
	}
}

.product .product-gold {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	padding: 0;
	margin-bottom: 75px
}

@media (max-width:768px) {
	.product .product-gold {
		padding: 0 15px;
		grid-template-columns: 100%
	}
}

@media (min-width:768px) and (max-width:992px) {
	.product .product-gold {
		padding: 0 15px;
		grid-template-columns: repeat(2, 1fr)
	}
}

.product .product-gold .item {
	border: 1px solid #b7b7b7;
	border-radius: 5px;
	padding: 20px 15px;
	text-align: center
}

.product .product-gold .item img {
	height: 200px;
	-o-object-fit: contain;
	object-fit: contain;
	display: table;
	margin-top:0px;
	margin-bottom:15px;
	margin-left: auto;
	margin-right: auto;
}

.product .product-gold .item h1 {
	font-size: 20px;
	color: #2c2c2c;
	font-weight: 400
}

.product .product-gold .item p {
	font-size: 15px;
	color: #2c2c2c;
	font-weight: 400;
	margin: 10px 0
}

.product .product-gold .item span {
	font-size: 15px;
	color: #2c2c2c;
	font-weight: 400;
	display: block;
	text-align: center
}

.product .product-gold .item .button {
	width: 100%;
	height: 48px;
	font-size: 14px;
	color: #be9e56;
/*	text-transform: uppercase; */
	font-weight: 400;
	background: #fff;
	border-radius: 5px;
	border: 2px solid #be9e56;
	margin-top: 40px;
	cursor: pointer
}

@media (max-width:768px) {
	.product .product-gold .item .button {
		width: 100%
	}
}

.product .product-currency .table tr:hover td .item {
	background: #f7f5ef
}

.product .product-currency .table tr:hover td:first-child .item {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.product .product-currency .table tr:hover td:last-child .item {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.product .product-currency .table tr td:first-child .item {
	padding-left: 10px
}

@media (max-width:768px) {
	.product .product-currency .table tr td:first-child .item {
		padding-left: 5px
	}
	.product .product-currency .table tr td:nth-last-child(2) {
		width: 25px!important
	}
}

.product .product-currency .table tr td:nth-last-child(2) .item {
	padding-right: 10px
}

@media (max-width:768px) {
	.product .product-currency .table tr td:nth-last-child(2) .item {
		padding-right: 0
	}
	.product .product-currency .table tr td:last-child {
		width: 30px!important
	}
}

.product .product-currency .table tr td:last-child .item {
	padding-right: 10px
}

@media (max-width:768px) {
	.product .product-currency .table tr td:last-child .item {
		padding-right: 0
	}
}

.product .product-currency .table tr td .item {
	display: flex;
	align-items: center;
	height: 50px;
	color: #2c2c2c;
	font-size: 18px
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item {
		font-size: 13px;
		height: 40px
	}
}

.product .product-currency .table tr td .item.center {
	justify-content: center
}

.product .product-currency .table tr td .item.hour {
	font-size: 12px;
	color: #8a8a8a
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item.hour {
		font-size: 10px
	}
}

.product .product-currency .table tr td .item.rise {
	color: #3a9d37
}

.product .product-currency .table tr td .item.drop {
	color: #ff3838
}

.product .product-currency .table tr td .item .box-drop {
	border: 1px solid #ff3838;
	color: #ff3838;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item .box-drop {
		padding: 0 8px;
		height: 30px
	}
}

.product .product-currency .table tr td .item .box-rise {
	border: 1px solid #3a9d37;
	color: #3a9d37;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item .box-rise {
		padding: 0 8px;
		height: 30px
	}
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item img {
		width: 25px;
		height: 25px
	}
}

.product .product-currency .table tr td .item .rightIcon {
	width: 37px;
	height: 37px;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(91, 91, 91, .27);
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item .rightIcon {
		width: 25px;
		height: 25px
	}
}

.product .product-currency .table tr td .item .button {
	width: 165px;
	height: 46px;
	border: 2px solid #be9e56;
	color: #be9e56;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 4px
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item .button {
		width: 30px;
		height: 30px;
		border-width: 1px;
		border-radius: 50%
	}
}

.product .product-currency .table tr td .item .button img {
	height: 18px;
	display: none
}

@media (max-width:768px) {
	.product .product-currency .table tr td .item .button img {
		display: block
	}
	.product .product-currency .table tr td .item .button span {
		display: none
	}
}

.product-buy .product-buy-head {
	border-top: 5px solid #e3c077;
	background: #f8f8f8;
	margin-bottom: 20px
}

.product-buy .product-buy-head .container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-top: 26px;
	padding-bottom: 26px;
	border-bottom: 1px solid #be9e56
}

@media (max-width:768px) {
	.product-buy .product-buy-head .container {
		flex-wrap: wrap;
		padding-top: 16px;
		padding-bottom: 16px
	}
}

.currency-detail .chart-info ul,
.currency-detail .currency-head ul,
.personal-account-menu .bottom .market-summary ul,
.product-buy .product-buy-head .container .gold-info,
.winner-loser .container .item .table tr:hover td .item .rightIcon {
	display: flex
}

@media (max-width:768px) {
	.product-buy .product-buy-head .container .gold-info {
		width: 100%
	}
}

.product-buy .product-buy-head .container .gold-info img {
	height: 140px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-right: 20px
}

.product-buy .product-buy-head .container .gold-info .info {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 5px 0
}

@media (max-width:768px) {
	.product-buy .product-buy-head .container .gold-info .info {
		width: 100%
	}
}

.product-buy .product-buy-head .container .gold-info .info .piece,
.product-buy .product-buy-head .container .gold-info .info span {
	display: block;
	font-size: 20px;
	font-weight: 400;
	color: #2c2c2c;
	width: 100%
}

@media (max-width:768px) {
	.product-buy .product-buy-head .container .gold-info .info .piece {
		font-size: 18px;
		text-align: right
	}
}

.product-buy .product-buy-head .container .gold-info .info h4 {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #2c2c2c;
	width: 100%
}

@media (max-width:768px) {
	.product-buy .product-buy-head .container .gold-info .info h4 {
		font-size: 18px;
		text-align: right
	}
}

@media (max-width:768px) {
	.product-buy .product-buy-head .container .gold-info .info span {
		font-size: 16px;
		text-align: right
	}
}

.product-buy .product-buy-head .container .gold-price {
	padding: 5px;
	max-width: 350px;
	display: flex;
	flex-direction: column;
	text-align: right
}

@media (max-width:768px) {
	.product-buy .product-buy-head .container .gold-price {
		max-width: 100%;
		width: 100%;
		text-align: right;
		margin: 10px 0
	}
	.product-buy .product-buy-head .container .gold-price span {
		font-weight: 600
	}
}

.product-buy .product-buy-head .container .gold-price span {
	font-size: 20px;
	color: #2c2c2c
}

.purchase-form {
	padding: 0;
	margin-bottom: 130px
}

@media (max-width:768px) {
	.purchase-form {
		margin-bottom: 50px
	}
}

.purchase-form .radio-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	grid-gap: 30px
}

@media (max-width:992px) {
	.purchase-form .radio-container {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
		padding: 0 15px
	}
}

.purchase-form .radio-container .radio {
	width: 100%
}

.purchase-form .radio-container .radio label {
	height: 120px;
	border: 1px solid #bcbcbc;
	border-radius: 10px;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	margin: 0
}

@media (min-width:992px) and (max-width:1200px) {
	.purchase-form .radio-container .radio label {
		padding: 10px
	}
}

@media (max-width:768px) {
	.purchase-form .radio-container .radio label {
		padding: 15px
	}
}

.purchase-form .radio-container .radio label .check {
	width: 30px;
	height: 30px;
	border: 1px solid #bcbcbc;
	border-radius: 50%;
	position: relative
}

.purchase-form .radio-container .radio label .check:after {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/icons/okay.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 4px;
	left: 4px;
	visibility: hidden;
	opacity: 0;
	transition: all .2s linear
}

.purchase-form .radio-container .radio label p {
	max-width: 180px;
	font-size: 14px
}

@media (min-width:768px) and (max-width:992px) {
	.purchase-form .radio-container .radio label p {
		max-width: 70%
	}
}

.purchase-form .radio-container .radio input:checked+label {
	background: #be9e56
}

.purchase-form .radio-container .radio input:checked+label * {
	color: #fff;
	fill: #fff;
	border-color: #fff
}

.purchase-form h5 {
	font-size: 16px;
	color: #8f8f8f;
	margin: 35px 0 30px
}

@media (max-width:768px) {
	.purchase-form h5 {
		padding: 0 15px
	}
}

.purchase-form .item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px
}

@media (max-width:992px) {
	.purchase-form .item {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
		padding: 0 15px
	}
}

.purchase-form .item .input-style {
	width: 100%;
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #d5d5d5;
	font-size: 17px;
	line-height: 17px;
	padding: 12px 0;
	color: #2c2c2c;
	margin-bottom: 0;
	background-size: 25px;
	background-position: right 5px center;
	background-repeat: no-repeat
}

@media (max-width:768px) {
	.purchase-form .item .input-style[type=email] {
		order: -1
	}
}

.purchase-form .item .input-style::-webkit-input-placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.purchase-form .item .input-style:-ms-input-placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.purchase-form .item .input-style::-ms-input-placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.purchase-form .item .input-style::placeholder {
	color: #2c2c2c;
	font-size: 17px;
	line-height: 17px
}

.purchase-form .item .form__validate--focused:focus:invalid {
	background-image: url(../images/icons/close.svg)
}

.purchase-form .item .form__validate--focused:focus:valid {
	background-image: url(../images/icons/chechmark.svg)
}

.purchase-form .item .form__validate--blurred:not(:focus):invalid {
	background-image: url(../images/icons/close.svg)
}

.purchase-form .item .form__validate--blurred:not(:focus):valid {
	background-image: url(../images/icons/chechmark.svg)
}

.purchase-form .item .full-select-style {
	border-bottom: 1px solid #d5d5d5;
	width: 100%;
	margin: 0;
	font-size: 17px;
	color: #2c2c2c;
	line-height: 17px;
	padding: 12px 0;
	display: flex;
	justify-content: space-between
}

.purchase-form .item .full-select-style span {
	font-size: 17px;
	color: #2c2c2c;
	line-height: 17px;
	display: block
}

.purchase-form .item .button {
	width: 240px;
	height: 46px;
	border-radius: 4px;
	background: #be9e56;
	font-size: 15px;
	color: #fff;
	justify-self: end;
	text-transform: uppercase;
	cursor: pointer;
	display: table;
	border: 0;
	position: relative;
	bottom: -30px
}

@media (max-width:768px) {
	.purchase-form .item .button {
		margin: 25px auto 0;
		bottom: 0
	}
}

.product-sales-modal,
.gizlilik-bildirimi-modal,
.mesaj-bildirimi-modal
 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	z-index: 999;
	display: none
}

.mesaj-bildirimi-modal2
 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	z-index: 999;
	display: none
}

.product-sales-modal .product-modal{
	width: 100%;
	height: 100%;
	padding: 15px
}
.gizlilik-bildirimi-modal .gizlilik-modal {
	width: 100%;

	padding: 15px
}
.mesaj-bildirimi-modal .mesaj-modal {
	width: 100%;
	padding: 15px
}

.mesaj-bildirimi-modal2 .mesaj-modal2 {
	width: 50%;
	/* padding: 15px; */
	padding-top: 15%;
	margin:auto;

}

.product-sales-modal .product-modal .modal-container,
.gizlilik-bildirimi-modal .gizlilik-modal .modal-container,
.mesaj-bildirimi-modal .mesaj-modal .modal-container
 {
	background: #fff;
	max-width: 650px;
	width: 100%;
	border-radius: 10px;
	padding: 60px 15px;
	box-shadow: 0 0 85.5px 4.5px rgba(0, 0, 0, .25);
	position: relative
}
.mesaj-bildirimi-modal2 .mesaj-modal2 .modal-container
 {
	background: #fff;
	max-width: 650px;
	width: 100%;
	border-radius: 10px;
	padding: 60px 15px;
	box-shadow: 0 0 85.5px 4.5px rgba(0, 0, 0, .25);
	position: relative
}

.product-sales-modal .product-modal .modal-container.wrap-cont,
.gizlilik-bildirimi-modal .gizlilik-modal .modal-container.wrap-cont,
.mesaj-bildirimi-modal .mesaj-modal .modal-container.wrap-cont,
.mesaj-bildirimi-modal2 .mesaj-modal2 .modal-container.wrap-cont
 {
	flex-direction: column
}

.product-sales-modal .product-modal .modal-container.wrap-cont p,
.gizlilik-bildirimi-modal .gizlilik-modal .modal-container.wrap-cont p,
.mesaj-bildirimi-modal .mesaj-modal .modal-container.wrap-cont p
 {
	font-size: 22px;
	color: #2c2c2c;
	margin: 20px;
	text-align: center;
	font-weight: 600
}

.mesaj-bildirimi-modal2 .mesaj-modal2 .modal-container.wrap-cont p
 {
	font-size: 14px;
	color: #2c2c2c;
	margin: 20px;
	text-align: center;
	font-weight: 600
}

@media (max-width:768px) {
	.product-sales-modal .product-modal .modal-container,
	.gizlilik-bildirimi-modal .gizlilik-modal .modal-container,
	.mesaj-bildirimi-modal .mesaj-modal .modal-container
	 {
		padding: 50px 15px 25px
	}
	.mesaj-bildirimi-modal2 .mesaj-modal2 .modal-container
	 {
		padding: 50px 15px 25px
	}
}

.product-sales-modal .product-modal .modal-container .close,
.gizlilik-bildirimi-modal .gizlilik-modal .modal-container .close,
.mesaj-bildirimi-modal .mesaj-modal .modal-container .close {
	position: absolute;
	top: 15px;
	right: 20px
}
.mesaj-bildirimi-modal2 .mesaj-modal2 .modal-container .close {
	position: absolute;
	top: 15px;
	right: 20px
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 430px;
	width: 100%
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner .quantity {
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	height: 45px;
	max-width: 220px;
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between
}

@media (max-width:992px) {
	.product-sales-modal .product-modal .modal-container .product-flex-conteiner .quantity {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex .quantity span,
.product-sales-modal .product-modal .modal-container .product-flex-conteiner .quantity span {
	font-size: 20px;
	color: #1a3d6f;
	opacity: .3
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner .button {
	width: 260px;
	height: 45px;
	border-radius: 4px;
	background: #be9e56;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	margin: 20px auto 0;
	display: table;
	border: 0
}

@media (max-width:768px) {
	.product-sales-modal .product-modal .modal-container .product-flex-conteiner .button {
		margin: 25px auto 0
	}
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner img {
	width: 100%;
	max-height: 150px;
	margin-bottom: 5px;
	-o-object-fit: contain;
	object-fit: contain
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner h3 {
	font-size: 25px;
	color: #2c2c2c;
	font-weight: 600;
	margin-bottom: 10px
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner p,
.product-sales-modal .product-modal .modal-container .product-flex-conteiner ul li {
	font-size: 16px;
	color: #2c2c2c;
	font-weight: 400
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner span {
	font-size: 18px;
	color: #2c2c2c;
	font-weight: 600
}

.product-sales-modal .product-modal .modal-container .product-flex-conteiner ul {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 10px 0
}

@media (max-width:768px) {
	.product-sales-modal .product-modal .modal-container .product-flex-conteiner ul {
		flex-direction: column;
		justify-content: center
	}
}

.past-exchange .table tr {
	border-bottom: 1px solid #d5d5d5
}

.past-exchange .table tr:hover td:first-child span {
	color: #be9e56
}

.past-exchange .table tr th {
	font-size: 14px;
	color: #8a8a8a;
	font-weight: 400;
	text-align: center;
	border: 0
}

.past-exchange .table tr td:first-child,
.past-exchange .table tr th:first-child {
	text-align: left
}

.past-exchange .table tr td {
	text-align: center;
	border: 0;
	padding: 18px .75rem
}

.past-exchange .table tr td .text {
	font-size: 18px;
	color: #2c2c2c
}

@media (max-width:768px) {
	.past-exchange .table tr td .text {
		font-size: 14px
	}
}

.past-exchange .table tr td .history {
	font-size: 14px;
	color: #8a8a8a
}

.winner-loser {
	border-top: 5px solid #e3c077;
	position: relative
}

.winner-loser:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 95px;
	background: #f8f8f8;
	z-index: -1
}

@media (max-width:992px) {
	.winner-loser:before {
		display: none
	}
}

.winner-loser .container,
.winner-loser .container .item .head {
	display: flex;
	justify-content: space-between
}

@media (max-width:992px) {
	.winner-loser .container {
		flex-wrap: wrap;
		padding: 0
	}
}

.winner-loser .container .item {
	max-width: 480px;
	width: 100%
}

@media (max-width:992px) {
	.winner-loser .container .item {
		max-width: 100%
	}
}

.winner-loser .container .item .head {
	align-items: center;
	height: 95px;
	font-size: 20px;
	line-height: 20px
}

@media (max-width:992px) {
	.winner-loser .container .item .head {
		background: #f8f8f8;
		padding: 10px
	}
}

.winner-loser .container .item .head select {
	height: 42px;
	width: 105px;
	font-size: 15px;
	line-height: 15px;
	color: #2c2c2c;
	cursor: pointer;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 1px solid #b7b7b7;
	padding: 10px;
	background: url(../images/material/down.svg) no-repeat 83px center
}

.winner-loser .container .item .table,
.winner-loser .full-table .table-content,
.winner-loser .full-table .table-full tbody,
.winner-loser .full-table .table-full tr {
	width: 100%
}

.winner-loser .container .item .table tr {
	border-bottom: 1px solid #d5d5d5;
	margin: 10px
}

.winner-loser .container .item .table tr:hover td .item {
	background: #f7f5ef
}

.winner-loser .container .item .table tr:hover td:first-child .item {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.winner-loser .container .item .table tr:hover td:last-child .item {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.winner-loser .container .item .table tr td {
	padding: 8px 0;
	border: 0
}

.winner-loser .container .item .table tr td:first-child .item {
	padding-left: 10px
}

.winner-loser .container .item .table tr td:last-child span {
	justify-content: flex-end;
	padding-right: 20px
}

.winner-loser .container .item .table tr td .item {
	display: flex;
	align-items: center;
	height: 50px;
	color: #2c2c2c;
	font-size: 18px
}

@media (max-width:768px) {
	.winner-loser .container .item .table tr td .item {
		font-size: 14px;
		height: 40px
	}
}

.winner-loser .container .item .table tr td .item.center {
	justify-content: center
}

.winner-loser .container .item .table tr td .item.hour {
	font-size: 12px;
	color: #8a8a8a
}

@media (max-width:768px) {
	.winner-loser .container .item .table tr td .item.hour {
		font-size: 10px
	}
}

.winner-loser .container .item .table tr td .item.rise,
.winner-loser .full-table .table-full tr td span.rise {
	color: #3a9d37
}

.winner-loser .container .item .table tr td .item.drop,
.winner-loser .full-table .table-full tr td span.drop {
	color: #ff3838
}

.winner-loser .container .item .table tr td .item .box-drop {
/*	border: 1px solid #ff3838; */
	color: #ff3838;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.winner-loser .container .item .table tr td .item .box-drop {
		padding: 0 8px;
		height: 30px
	}
}

.winner-loser .container .item .table tr td .item .box-rise {
	border: 1px solid #3a9d37;
	color: #3a9d37;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.winner-loser .container .item .table tr td .item .box-rise {
		padding: 0 8px;
		height: 30px
	}
}

.winner-loser .container .item .table tr td .item img {
	width: 37px;
	height: 37px
}

@media (max-width:768px) {
	.winner-loser .container .item .table tr td .item img {
		width: 25px;
		height: 25px
	}
}

.winner-loser .container .item .table tr td .item .rightIcon {
	width: 37px;
	height: 37px;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(91, 91, 91, .27);
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center
}

@media (max-width:768px) {
	.winner-loser .container .item .table tr td .item .rightIcon {
		width: 25px;
		height: 25px
	}
}

.winner-loser .full-table {
	padding: 0 40px 40px;
	border: 1px solid #b7b7b7;
	margin-bottom: 50px;
	flex-wrap: wrap
}

@media (max-width:768px) {
	.winner-loser .full-table {
		padding: 0 5px
	}
}

.winner-loser .full-table .table-tab {
	display: flex;
	width: 100%;
	height: 70px;
	align-items: center;
	background: #fafafa;
	position: relative;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.winner-loser .full-table .table-tab {
		margin-bottom: 20px
	}
}

.winner-loser .full-table .table-tab:before {
	content: "";
	position: absolute;
	left: -40px;
	top: 0;
	width: calc(100% + 80px);
	height: 70px;
	background: #f8f8f8;
	z-index: -1
}

@media (max-width:992px) {
	.winner-loser .full-table .table-tab:before {
		display: none
	}
}

.winner-loser .full-table .table-tab li {
	width: 100px;
	height: 42px;
	margin-right: 30px;
	cursor: pointer
}

@media (max-width:768px) {
	.winner-loser .full-table .table-tab li {
		width: auto;
		padding: 0 12px;
		margin-right: 8px;
		font-size: 14px
	}
}

.winner-loser .full-table .table-tab li.active {
	border: 1px solid #b7b7b7;
	color: #be9e56;
	border-radius: 4px
}

.winner-loser .full-table .table-full {
	width: 100%;
	display: none
}

.winner-loser .full-table .table-full tr th {
	color: #a2a2a2;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 15px
}

@media (max-width:768px) {
	.winner-loser .full-table .table-full tr th {
		padding: 0 5px 15px;
		font-size: 12px
	}
}

.winner-loser .full-table .table-full tr th:not(:first-child) {
	text-align: center
}

.winner-loser .full-table .table-full tr td {
	font-size: 18px;
	color: #2c2c2c;
	font-weight: 400;
	padding: 4px 0
}

.winner-loser .full-table .table-full tr td:not(:first-child) {
	text-align: center;
	font-size: 16px
}

@media (max-width:768px) {
	.winner-loser .full-table .table-full tr td {
		padding: 0 2px;
		font-size: 12px
	}
	.winner-loser .full-table .table-full tr td span {
		font-size: 12px
	}
}

.currency-detail .currency-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #b7b7b7;
	padding-bottom: 15px;
	margin-bottom: 15px
}

@media (max-width:768px) {
	.currency-detail .currency-head {
		flex-wrap: wrap
	}
}

.currency-detail .currency-head h2 {
	font-size: 30px;
	color: #2c2c2c;
	line-height: 30px;
	font-weight: 400
}

@media (max-width:768px) {
	.currency-detail .currency-head h2 {
		text-align: center;
		margin-bottom: 10px;
		font-size: 23px
	}
}

.currency-detail .currency-head ul li a {
	margin-left: 10px;
	width: 180px;
	height: 35px;
	border: 2px solid #be9e56;
	color: #be9e56;
	border-radius: 4px
}

.currency-detail .currency-head ul li a.follow {
	border-color: #1a3d6f;
	color: #1a3d6f
}

.currency-detail .chart-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.currency-detail .chart-info {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center
	}
}

.currency-detail .chart-info ul li {
	margin-right: 70px
}

@media (max-width:768px) {
	.currency-detail .chart-info ul li {
		margin-right: 30px
	}
}

.currency-detail .chart-info ul li h5 {
	color: #878787;
	font-size: 15px
}

@media (max-width:768px) {
	.currency-detail .chart-info ul li h5 {
		font-size: 12px
	}
}

.currency-detail .chart-info ul li span {
	font-size: 30px;
	color: #2c2c2c;
	font-weight: 600
}

@media (max-width:768px) {
	.currency-detail .chart-info ul li span {
		font-size: 18px
	}
}

.currency-detail .chart-info .dropdown {
	margin-left: 10px
}

@media (max-width:768px) {
	.currency-detail .chart-info .dropdown {
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: 10px
	}
}

.currency-detail .chart-info .dropdown button {
	border: 1px solid #b9b9b9;
	outline: 0;
	background: 0 0;
	text-decoration: none
}

@media (max-width:768px) {
	.currency-detail .chart-info .dropdown button {
		font-size: 12px
	}
}

.chart-line .dropdown button:after,
.currency-detail .chart-info .dropdown button:after {
	border-color: #737373 transparent;
	color: #2c2c2c;
	font-size: 14px
}

.currency-detail .chart-info .dropdown .dropdown-menu {
	min-width: 100%;
	width: 100%
}

.currency-detail .chart-info .dropdown .dropdown-menu a,
.market-summary-table .head .dropdown .dropdown-menu a {
	padding: 0 5px
}

.currency-detail .chart-info .new-tab {
	display: flex;
	height: 32px;
	justify-content: flex-end;
	margin-right: 30px
}

@media (max-width:768px) {
	.currency-detail .chart-info .new-tab {
		margin-right: 0;
		margin-bottom: 15px
	}
}

.currency-detail .chart-info .new-tab li,
.personal-account-menu .bottom a svg {
	margin-right: 20px
}

.currency-detail .chart-info .new-tab li.active a {
	font-weight: 700
}

.currency-detail .chart-info .new-tab li a {
	line-height: 34px;
	display: block;
	color: #2c2c2c;
	font-size: 14px
}

@media (max-width:768px) {
	.currency-detail .chart-info .new-tab li a {
		font-size: 12px
	}
}

.currency-detail .chart-container {
	width: 100%
}

.currency-detail .chart-container .chart-tab {
	display: flex;
	margin: 35px 0
}

@media (max-width:992px) {
	.currency-detail .chart-container .chart-tab {
		margin: 20px 0;
		flex-wrap: wrap
	}
}

.currency-detail .chart-container .chart-tab li {
	flex: 1;
	margin: 0 3px;
	border: 1px solid #b7b7b7;
	border-radius: 4px;
	height: 36px;
	cursor: pointer
}

@media (max-width:768px) {
	.currency-detail .chart-container .chart-tab li {
		font-size: 12px;
		margin: 3px;
		min-width: 20%
	}
}

.currency-detail .chart-container .chart-tab li.active {
	border-color: #be9e56;
	color: #be9e56
}

.currency-detail .chart-container .chart {
	border: 1px solid #b7b7b7;
	padding-top: 15px
}

.currency-detail .chart-container .tabTranslate {
	margin-top: 15px;
	background: #fff;
	box-shadow: 0 0 18px 0 rgba(91, 91, 91, .27);
	display: flex
}

@media (max-width:992px) {
	.currency-detail .chart-container .tabTranslate {
		flex-direction: column;
		margin-bottom: 25px
	}
	.currency-detail .chart-container .tabTranslate .tabTranslateHead {
		display: flex
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateHead li {
	width: 290px;
	height: 85px;
	background: #f2f2f2;
	cursor: pointer
}

@media (max-width:992px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateHead li {
		width: auto;
		height: 65px;
		flex: 1;
		font-size: 12px
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent {
	width: 100%;
	padding: 30px
}

@media (max-width:992px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateContent {
		width: 100%;
		padding: 10px 20px
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateContent {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between
}

@media (max-width:992px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateContent {
		flex-direction: column
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex {
	justify-content: space-between;
	display: flex;
	width: 100%
}

@media (max-width:768px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex {
		flex-direction: column
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex .quantity {
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	height: 45px;
	max-width: 40%;
	display: flex;
	margin: 0 15px;
	justify-content: space-between
}

@media (max-width:768px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex .quantity {
		max-width: 100%;
		margin-bottom: 20px
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex .translate {
	max-width: 40%;
	height: 45px;
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media (max-width:768px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateContent .translateFlex .translate {
		max-width: 100%;
		margin-bottom: 20px
	}
}

@media (max-width:992px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateContent .output {
		width: 100%
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .output.span-color {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .output.span-color span {
	color: #9c9c9c
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .output span {
	font-size: 20px;
	color: #2c2c2c;
	margin-left: 30px
}

@media (max-width:992px) {
	.currency-detail .chart-container .tabTranslate .tabTranslateContent .output span {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center
	}
}

.currency-detail .chart-container .tabTranslate .tabTranslateContent .output span:first-child {
	margin-left: 0
}

.currency-detail .chart-container .tabTranslate .aText {
	font-size: 17px;
	display: block;
	margin: 0 15px;
	white-space: nowrap;
	line-height: 45px;
	color: #9c9c9c
}

@media (max-width:768px) {
	.currency-detail .chart-container .tabTranslate .aText {
		width: 100%;
		text-align: center
	}
}

.currency-detail .chart-container .tabTranslate .calendar {
	display: flex;
	align-items: center
}

@media (max-width:768px) {
	.currency-detail .chart-container .tabTranslate .calendar {
		flex-wrap: wrap
	}
}

.currency-detail .chart-container .tabTranslate .select {
	width: 50%;
	min-width: 80px;
	margin-right: 10px;
	height: 45px;
	font-size: 17px;
	color: #2c2c2c;
	padding: 0 30px 0 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #e7e7e7;
	background: url(../images/material/down.svg) no-repeat calc(100% - 10px) center
}

.currency-detail .chart-container .tabTranslate .select.maxWidth {
	max-width: 100px
}

@media (max-width:768px) {
	.currency-detail .chart-container .tabTranslate .select.maxWidth {
		max-width: 100%
	}
	.currency-detail .chart-container .tabTranslate .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
}

.currency-detail .text {
	font-size: 18px;
	color: #232532
}

@media (max-width:768px) {
	.currency-detail .text {
		font-size: 14px
	}
}

.personal-account-menu {
	margin-bottom: 30px;
	border-top: 5px solid #e3c077
}

.personal-account-menu .top {
	background: #f8f8f8
}

.personal-account-menu .top .container {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 20px 15px 52px
}

@media (max-width:768px) {
	.personal-account-menu .top .container {
		flex-wrap: wrap;
		padding: 15px
	}
}

.personal-account-menu .top .item {
	text-align: center;
	flex: 1;
	height: 60px;
	border-right: 1px solid #c0e7f7;
	font-size: 20px;
	color: #2c2c2c;
	text-transform: uppercase
}

@media (max-width:992px) {
	.personal-account-menu .top .item {
		font-size: 16px;
		line-height: 20px
	}
}

.personal-account-menu .top .item span {
	margin-left: 18px;
	font-size: 25px
}

@media (max-width:992px) {
	.personal-account-menu .top .item span {
		font-size: 20px;
		line-height: 20px;
		margin-left: 10px
	}
}

.personal-account-menu .bottom a,
.personal-account-menu .top .icon-menu {
	flex: 1;
	height: 60px;
	display: flex;
	justify-content: space-evenly;
	align-items: center
}

@media (min-width:768px) and (max-width:992px) {
	.personal-account-menu .top .icon-menu svg {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}

.personal-account-menu .top .icon-menu a.active svg,
.personal-account-menu .top .icon-menu a.active svg path {
	fill: #af8d45!important
}

@media (max-width:768px) {
	.personal-account-menu .top .icon-menu {
		max-width: 100%;
		width: 100%;
		margin-top: 10px;
		flex: auto
	}
}

.personal-account-menu .bottom {
	padding: 0 8px;
	background: #fff;
	height: 64px;
	margin-top: -32px;
	position: relative;
	box-shadow: 0 0 18px 0 rgba(91, 91, 91, .27);
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media (max-width:768px) {
	.personal-account-menu .bottom {
		flex-wrap: wrap;
		height: auto;
		margin-top: 0
	}
}

@media (min-width:768px) and (max-width:992px) {
	.personal-account-menu .bottom {
		flex-wrap: wrap;
		height: auto
	}
}

.personal-account-menu .bottom a {
	font-size: 16px;
	color: #2c2c2c;
	padding: 0 20px;
	justify-content: center;
	height: 48px
}

@media (max-width:992px) {
	.personal-account-menu .bottom a {
		width: 50%;
		flex: auto;
		font-size: 13px
	}
}

.personal-account-menu .bottom a.active {
	background: #1a3d6f;
	color: #fff;
	text-align: center;
	justify-content: center;
	border-radius: 5px
}

.personal-account-menu .bottom a.active svg {
	position: relative;
	left: -20px
}

@media (max-width:768px) {
	.personal-account-menu .bottom a.active svg {
		left: 0
	}
}

.personal-account-menu .bottom a.active svg path {
	fill: #fff
}

.personal-account-menu .bottom .market-summary {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px
}

@media (max-width:768px) {
	.personal-account-menu .bottom .market-summary {
		padding: 15px;
		flex-wrap: wrap;
		flex-direction: column
	}
}

@media (min-width:768px) and (max-width:992px) {
	.personal-account-menu .bottom .market-summary {
		padding: 10px
	}
}

.personal-account-menu .bottom .market-summary .title {
	font-size: 20px;
	color: #2c2c2c;
	line-height: 25px;
	display: flex;
	align-items: center
}

@media (max-width:768px) {
	.personal-account-menu .bottom .market-summary .title {
		margin-bottom: 15px
	}
}

@media (max-width:768px) {
	.personal-account-menu .bottom .market-summary ul {
		width: 100%;
		justify-content: space-around
	}
	.personal-account-menu .bottom .market-summary ul li {
		flex: 1
	}
}

.personal-account-menu .bottom .market-summary ul li.active a {
	border: 2px solid #1a3d6f;
	color: #1a3d6f
}

.personal-account-menu .bottom .market-summary ul li a {
	width: 180px;
	height: 36px;
	font-size: 15px;
	border: 2px solid transparent;
	color: #484848;
	border-radius: 4px
}

@media (max-width:768px) {
	.personal-account-menu .bottom .market-summary ul li a {
		width: 100%;
		font-size: 13px
	}
}

.my-personal-table {
	padding: 0;
	margin-bottom: 50px;
}

@media (max-width:768px) {
	.my-personal-table {
		padding: 0 15px
	}
}

.my-personal-table .table {
	width: 100%;
	border: 0
}

.lightbox a img,
.my-personal-table .table tr {
	border: 0
}

.my-personal-table .table tr th {
	font-size: 13px;
	background: #f2f2f2;
	border: 0;
	padding: 10px 30px
}

@media (max-width:768px) {
	.my-personal-table .table tr th {
		padding: 8px
	}
}

.my-personal-table .table tr th:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.my-personal-table .table tr th:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.my-personal-table .table tr td {
	border: 0;
	border-bottom: 1px solid #d4d4d4;
	padding: 15px 30px
}

@media (max-width:992px) {
	.my-personal-table .table tr td {
		padding: 8px
	}
}

.my-personal-table .table tr td .item {
	height: 62px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #2c2c2c
}

@media (max-width:768px) {
	.my-personal-table .table tr td .item {
		height: 50px
	}
}

.my-personal-table .table tr td .item .title {
	font-size: 16px
}

@media (max-width:768px) {
	.my-personal-table .table tr td .item .title {
		font-size: 14px
	}
}

.my-personal-table .table tr td .item .up {
	width: 23px;
	height: 20px;
	background: url(../images/icons/chartUp.jpg) no-repeat;
	background-size: contain;
	display: table
}

.my-personal-table .table tr td .item .down {
	width: 23px;
	height: 20px;
	background: url(../images/icons/chartDown.jpg) no-repeat;
	background-size: contain;
	display: table
}

.my-personal-table .table tr td .item .t1 {
	font-size: 23px
}

@media (max-width:992px) {
	.my-personal-table .table tr td .item .t1 {
		font-size: 16px
	}
}

.my-personal-table .table tr td .item .t2 {
	font-size: 16px
}

@media (max-width:992px) {
	.my-personal-table .table tr td .item .t2 {
		font-size: 12px
	}
}

.my-personal-table .table tr td .item .t3 {
	font-size: 16px;
	color: #9f9f9f
}

@media (max-width:992px) {
	.my-personal-table .table tr td .item .t3 {
		font-size: 12px
	}
}

.market-summary-table .head {
	display: flex;
	align-items: center
}

.market-summary-table .head .dropdown {
	margin-right: 30px
}

.market-summary-table .head .dropdown button {
	outline: 0;
	text-decoration: none;
	background: 0 0;
	box-shadow: none;
	min-width: 170px;
	text-align: left;
	font-size: 18px
}

.market-summary-table .head .dropdown button:after {
	content: "\f107";
	font-family: FontAwesome;
	border: 0;
	color: #2c2c2c;
	font-size: 18px;
	position: absolute;
	top: 14px;
	right: 5px;
	line-height: 12px
}

.market-summary-table .head .dropdown .dropdown-menu {
	min-width: 100%;
	width: 100%
}

.market-summary-table .head .button {
	border: 1px solid #d7d7d7;
	height: 36px;
	width: 120px;
	border-radius: 4px;
	color: #be9e56
}

.asset-pano ul,
.market-summary-table .table {
	width: 100%
}

.market-summary-table .table tr td .item {
	display: flex;
	align-items: center;
	line-height: 40px
}

.market-summary-table .table tr td .item .v1 {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #c5c5c5
}

.market-summary-table .table tr td .item .v1 span {
	padding: 0 20px;
	min-width: 90px;
	background: #f8f8f8;
	height: 40px;
	margin: 0 15px;
	color: #2c2c2c;
	font-size: 18px
}

.market-summary-table .buttonSave {
	width: 210px;
	height: 46px;
	background: #1a3d6f;
	border-radius: 5px;
	font-size: 17px;
	color: #fff;
	border: 0
}

.preview-pano {
	margin-bottom: 70px;
	padding: 0
}

@media (max-width:768px) {
	.preview-pano {
		padding: 0 15px
	}
}

.preview-pano .table {
	border: 1px solid #d5d5d5
}

@media (max-width:992px) {
	.preview-pano .table {
		margin-bottom: 30px
	}
}

.preview-pano .table tr {
	border-bottom: 1px solid #d5d5d5;
	margin: 10px
}

.preview-pano .table tr:last-child {
	border: 0
}

.preview-pano .table tr:hover td .item {
	background: #f7f5ef
}

.chart-line ul,
.preview-pano .table tr:hover td .item .rightIcon {
	display: flex
}

.preview-pano .table tr:hover td:first-child .item {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.preview-pano .table tr:hover td:last-child .item {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.preview-pano .table tr td {
	padding: 10px 0;
	border: 0
}

.preview-pano .table tr td:first-child .item {
	padding-left: 10px
}

@media (max-width:768px) {
	.preview-pano .table tr td:first-child .item {
		padding-left: 5px
	}
	.preview-pano .table tr td:last-child {
		width: 25px!important
	}
}

.preview-pano .table tr td:last-child .item {
	padding-right: 10px;
	justify-content: flex-end;
}

@media (max-width:768px) {
	.preview-pano .table tr td:last-child .item {
		padding-right: 5px
	}
}

.preview-pano .table tr td .item {
	display: flex;
	align-items: center;
	height: 50px;
	color: #2c2c2c;
	font-size: 18px
}

@media (max-width:768px) {
	.preview-pano .table tr td .item {
		font-size: 14px;
		height: 40px
	}
}

.preview-pano .table tr td .item.center {
	justify-content: center
}

.preview-pano .table tr td .item.hour {
	font-size: 12px;
	color: #8a8a8a
}

@media (max-width:768px) {
	.preview-pano .table tr td .item.hour {
		font-size: 10px
	}
}

.preview-pano .table tr td .item.rise {
	color: #3a9d37
}

.preview-pano .table tr td .item.drop svg,
.preview-pano .table tr td .item.rise svg {
	margin-right: 5px
}

.preview-pano .table tr td .item.drop {
	color: #ff3838
}

.preview-pano .table tr td .item .box-drop {
/*	border: 1px solid #ff3838; */
	color: #ff3838;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.preview-pano .table tr td .item .box-drop {
		padding: 0 8px;
		height: 30px
	}
}

.preview-pano .table tr td .item .box-rise {
	border: 1px solid #3a9d37;
	color: #3a9d37;
	height: 35px;
	padding: 0 12px;
	border-radius: 12px
}

@media (max-width:768px) {
	.preview-pano .table tr td .item .box-rise {
		padding: 0 8px;
		height: 30px
	}
}

.preview-pano .table tr td .item img {
	width: 34px;
	height: 34px;
	margin-right: 10px
}

@media (max-width:768px) {
	.preview-pano .table tr td .item img {
		width: 25px;
		height: 25px
	}
}

.preview-pano .table tr td .item .rightIcon {
	width: 37px;
	height: 37px;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(91, 91, 91, .27);
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center
}

@media (max-width:768px) {
	.preview-pano .table tr td .item .rightIcon {
		width: 25px;
		height: 25px
	}
}

.preview-pano .button-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px
}

.preview-pano .button-group li {
	width: calc(50% - 10px)
}

.preview-pano .button-group li a {
	width: 100%;
	height: 45px;
	border: 1px solid #1a3d6f;
	color: #1a3d6f;
	border-radius: 4px
}

.preview-pano .pano .color-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px
}

.preview-pano .pano .color-list li {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #2c2c2c
}

.preview-pano .pano .color-list li input {
	width: 35px;
	height: 35px;
	border: 0;
	color: transparent!important;
	border-radius: 8px;
	margin-right: 10px;
	cursor: pointer
}

.preview-pano .pano .item {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.preview-pano .pano .item label {
	width: 50%;
	font-size: 16px;
	color: #ababab;
	margin: 0 0 0 30px
}

.preview-pano .pano .item .select {
	width: 50%;
	height: 48px;
	font-size: 17px;
	color: #2c2c2c;
	padding: 0 30px 0 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #e7e7e7;
	background: url(../images/material/down.svg) no-repeat calc(100% - 10px) center
}

@media (max-width:768px) {
	.preview-pano .pano .item .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
}

.preview-pano .pano .item .group {
	width: 50%;
	display: flex;
	justify-content: space-between
}

.preview-pano .pano .item .group input {
	width: calc(50% - 10px);
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #e7e7e7;
	text-align: center;
	font-size: 16px;
	height: 45px
}

.preview-pano .pano .button {
	width: 215px;
	height: 46px;
	background: #1a3d6f;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	border: 0;
	margin-top: 40px
}

.preview-pano .pano .checkbox {
	margin-top: 20px
}

.preview-pano .pano .checkbox label {
	display: flex;
	align-items: center;
	margin: 0;
	position: relative;
	font-size: 15px;
	line-height: 20px;
	color: #2c2c2c;
	cursor: pointer;
	padding-left: 35px
}

.preview-pano .pano .checkbox label::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #2c2c2c;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0
}

.preview-pano .pano .checkbox label::after {
	content: "";
	border: 1px solid;
	border-color: transparent transparent #2c2c2c #2c2c2c;
	width: 13px;
	height: 7px;
	display: block;
	position: absolute;
	left: 3.5px;
	top: 4.5px;
	z-index: 9;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	visibility: hidden;
	opacity: 0;
	transition: all .2s linear
}

.preview-pano .pano .checkbox input:checked+label:after {
	visibility: visible;
	opacity: 1
}

.preview-pano .codeText {
	background: #f8f8f8;
	padding: 15px;
	font-size: 14px;
	color: #2c2c2c;
	width: 100%;
	min-height: 250px
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
	left: 15px;
	z-index: 9;
}
.slick-prev:before
{
	content: url('/assets/images/icons/left.png');
	
}

.slick-next
{
	right: 35px;
	z-index: 9;
}
.slick-next:before
{
	content: url('/assets/images/icons/right.png');
	
}

.slick-dots {
	display: table;
	margin: 0 auto;
	bottom: 20px;
	position: relative
}

.slick-dots li {
	float: left
}

.slick-dots li div {
	width: 12px;
	height: 12px;
	padding: 0;
	background: #9e9ea1;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer
}

.slick-dots .slick-active div {
	border: 0;
	width: 12px;
	height: 12px;
	background: #fff
}

.add-new {
	width: 100%;
	box-shadow: 0 0 32.9px 2.1px rgba(91, 91, 91, .35);
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	margin-bottom: 60px
}

.add-new .input-group-append,
.slick-slide.slick-loading img {
	display: none
}

.add-new .head {
	border-bottom: 1px solid #c2c2c2;
	font-size: 18px;
	line-height: 18px;
	padding: 25px 30px;
	color: #2c2c2c
}

@media (max-width:768px) {
	.add-new .head {
		text-align: center
	}
}

.add-new .tab {
	margin-top: 15px;
	padding: 0 30px;
	display: flex;
	justify-content: flex-end
}

@media (max-width:768px) {
	.add-new .tab {
		justify-content: center
	}
}

.add-new .tab li {
	height: 40px;
	min-width: 100px;
	color: #2c2c2c;
	margin-left: 15px;
	transition: all .2s linear;
	border-radius: 5px;
	cursor: pointer;
	border: 3px solid transparent
}

.add-new .tab li.active {
	color: #be9e56
}

.add-new .tab li.active,
.add-new .tab li.active:hover {
	border: 3px solid #be9e56
}

.add-new .tab li:hover {
	border-color: #2c2c2c
}

.add-new .content {
	padding: 30px
}

.add-new .content .select {
	width: 100%;
	height: 40px;
	font-size: 15px;
	color: #2c2c2c;
	padding: 0 40px 0 5px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	background: url(/assets/images/material/down.svg) no-repeat calc(100% - 15px) center
}

@media (max-width:768px) {
	.add-new .content .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px
	}
}


.add-new .content label {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	border-bottom: 1px solid #b7b7b7
}

.add-new .content label span {
	padding-right: 15px;
	
	font-size: 15px;
	white-space: nowrap
}

.add-new .content .form-control {
	height: 40px;
	border-radius: 0;
	text-decoration: none;
	outline: 0;
	border: 0
}

.add-new .content .form-control:focus {
	outline: 0;
	border: 0;
	box-shadow: none
}

.add-new .content .button {
	width: 100%;
	height: 46px;
	background: #1a3d6f;
	color: #fff;
	border-radius: 5px;
	border: 0;
	font-size: 15px;
	cursor: pointer
}

.asset-pano {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	padding-top: 20px
}

.asset-pano .back {
	width: 200px;
	height: 42px;
	border: 1px solid #b7b7b7;
	border-radius: 6px;
	color: #2c2c2c;
	font-size: 15px;
	line-height: 20px
}

.asset-pano .back i {
	line-height: 20px;
	font-size: 20px;
	margin-right: 10px
}

.asset-pano .title,
.asset-pano ul li {
	width: 100%;
	font-size: 20px;
	color: #2c2c2c
}

.asset-pano .title {
	text-align: left;
	font-weight: 600;
	margin: 50px 0
}

.asset-pano ul li {
	text-transform: uppercase
}

.chart-dia,
.chart-line {
	background: #f8f8f8;
	padding: 75px
}

.chart-line {
	padding: 15px
}

.asset-pano ul li,
.chart-line .head {
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between
}

.chart-line ul {
	display: flex;
	flex-wrap: wrap;
}

.chart-line ul li {
	display: flex;
	align-items: center;
	margin-right: 20px;
	cursor: pointer;
	border-radius: 3px;
	padding: 3px 5px;
}

.chart-line ul li.active {
	/*background-color: #dddddd;*/
	color: #be9e56;
}

.chart-line ul li span {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: table;
	margin-right: 10px
}

.chart-line .dropdown {
	margin-left: 10px
}

.chart-line .dropdown button {
	border: 1px solid #b9b9b9;
	outline: 0;
	text-decoration: none;
	background: 0 0
}

@media (max-width:768px) {
	.chart-line .dropdown button {
		font-size: 12px
	}
}

.chart-line .dropdown button:focus {
	outline: 0
}

.chart-line .dropdown .dropdown-menu {
	min-width: 100%;
	width: 100%
}

.chart-line .dropdown .dropdown-menu a {
	padding: 0 5px
}

.table-hour-mobil {
	width: 100%;
	background: #f9f9f9;
	color: #8a8a8a;
	font-size: 12px;
	text-align: center;
	padding: 5px 0 5px 12px;
	display: none
}

@media (max-width:768px) {
	.table-hour-mobil {
		display: block
	}
	.mobil-hide {
		display: none
	}
}

.hover01,
.hover02 {
	transition: all ease-in-out 300ms
}

.hover01:hover {
	box-shadow: 0 37px 20px -20px rgba(0, 0, 0, .2);
	-webkit-transform: translate(0, -4px) scale(1.01);
	transform: translate(0, -4px) scale(1.01)
}

.hover02:hover {
	box-shadow: 0 17px 30px -8px rgba(0, 0, 0, .2);
	-webkit-transform: translate(0, -1px) scale(1.02);
	transform: translate(0, -1px) scale(1.02)
}

.slick-list,
.slick-slider {
	position: relative;
	display: block
}

.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-initialized .slick-slide,
.slick-slide img {
	display: block
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden,
body:after {
	display: none
}

.lb-loader,
.lightbox {
	text-align: center;
	line-height: 0
}

body:after {
	content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png)
}

.lb-dataContainer:after,
.lb-outerContainer:after {
	content: "";
	clear: both;
	display: table
}

body.lb-disable-scrolling {
	overflow: hidden
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #000;
	filter: alpha(Opacity=80);
	opacity: .8;
	display: none
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	font-weight: 400
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
	border-radius: 3px;
	border: 4px solid #fff
}

.lb-outerContainer {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;
	background-color: #fff
}

.lb-loader,
.lb-nav {
	position: absolute;
	left: 0
}

.lb-loader {
	top: 43%;
	height: 25%;
	width: 100%
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/loading.gif) no-repeat
}

.lb-nav {
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

.lb-container>.nav {
	left: 0
}

.lb-nav a {
	outline: 0;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
	height: 100%;
	cursor: pointer;
	display: block
}

.lb-nav a.lb-next,
.lb-nav a.lb-prev {
	filter: alpha(Opacity=0);
	opacity: 0;
	transition: opacity .6s
}

.lb-nav a.lb-prev {
	left: 0;
	background: url(../images/prev.png) left 48% no-repeat;
	width: 34%;
	float: left
}

.lb-data .lb-close:hover,
.lb-nav a.lb-next:hover,
.lb-nav a.lb-prev:hover {
	filter: alpha(Opacity=100);
	opacity: 1
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(../images/next.png) right 48% no-repeat
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	width: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.lb-data {
	padding: 0 4px;
	color: #ccc
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: 700;
	line-height: 1em
}

.lb-data .lb-caption a {
	color: #4ae
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) top right no-repeat;
	text-align: right;
	outline: 0;
	filter: alpha(Opacity=70);
	opacity: .7;
	transition: opacity .2s
}

.lb-data .lb-close:hover {
	cursor: pointer
}



.loading,
[v-cloak] {
	min-height: 200px;
	background-image:url('../images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

.loading *,
[v-cloak] * {
	visibility: hidden;
}

.tableFixedHead {
	overflow-y: auto;
	/*height: 100px;*/
}

.tableFixedHead thead {
	position: sticky;
	top: 0;
}

.library {
	color: #2c2c2c;
	margin-bottom: 30px;
}

.library h1 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}

.library h2 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 20px;
}

.library p {
	margin-bottom: 15px;
}

.library-letters ul {
	background-color: #f2f2f2;
	display:flex;
	justify-content: space-between;
	align-items: space-between;
	padding: 5px 20px;
	margin-bottom: 10px;
}

.library-letters ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: 3.846%; /* 1/26 */
	padding: 5px 0;
}

.library-letters ul li a {
	font-size: 15px;
	font-weight: 600;
	color: #2c2c2c;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.library-letters ul li.active a {
	background-color: #be9e56;
	color: #ffffff;
}

.library-search {
	background-color: #f2f2f2;
	border-radius: 5px;
	margin-bottom: 7px;
}

.library-search input {
	border-radius: 5px;
	border:0;
	width: 100%;
	height: 60px;
	padding-left: 50px;
	box-shadow: 0 0 6px rgba(91, 91, 91, .27);
}

.library-search input::-webkit-input-placeholder,
.library-search input:-ms-input-placeholder,
.library-search input::placeholder {
	color: #2c2c2c;
}

.library-search::after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	left: 25px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYuOTY2IDU2Ljk2NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuOTY2IDU2Ljk2NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNNTUuMTQ2LDUxLjg4N0w0MS41ODgsMzcuNzg2YzMuNDg2LTQuMTQ0LDUuMzk2LTkuMzU4LDUuMzk2LTE0Ljc4NmMwLTEyLjY4Mi0xMC4zMTgtMjMtMjMtMjNzLTIzLDEwLjMxOC0yMywyMyBzMTAuMzE4LDIzLDIzLDIzYzQuNzYxLDAsOS4yOTgtMS40MzYsMTMuMTc3LTQuMTYybDEzLjY2MSwxNC4yMDhjMC41NzEsMC41OTMsMS4zMzksMC45MiwyLjE2MiwwLjkyIGMwLjc3OSwwLDEuNTE4LTAuMjk3LDIuMDc5LTAuODM3QzU2LjI1NSw1NC45ODIsNTYuMjkzLDUzLjA4LDU1LjE0Niw1MS44ODd6IE0yMy45ODQsNmM5LjM3NCwwLDE3LDcuNjI2LDE3LDE3cy03LjYyNiwxNy0xNywxNyBzLTE3LTcuNjI2LTE3LTE3UzE0LjYxLDYsMjMuOTg0LDZ6Ii8+Cjwvc3ZnPg==");
	background-size: 20px 20px;
}

.library-search ul {
    padding: 10px 30px;
}

.library-search ul li {
	padding: 5px 0;
}

.library-search ul li a {
	font-weight: 600;
	color: #2c2c2c;
}

@media (max-width:768px) {
	.library-letters ul {
		flex-wrap: wrap;
	}

	.library-letters ul li {
		flex-basis: 7.692%; /* 1/13 */
	}

	.library-search ul {
		height: 154px;
		-ms-overflow-y: auto;
		overflow-y: auto;
	}
}

@media (max-width:992px) {
	.library-search ul {
		height: 154px;
		-ms-overflow-y: auto;
		overflow-y: auto;
	}
}



.product-sales-modal form .button {
	width: 170px;
	height: 50px;
	border-radius: 4px;
	background: #2c2c2c;
	font-size: 15px;
	color: #fff;
	border: 0;
	text-transform: uppercase;
	cursor: pointer;
	margin: 50px 0 75px
}

@media (max-width:768px) {
	.product-sales-modal form .button {
		margin: 25px 0
	}
}

/*
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    width: 100px!important;

}

#altin_calc_kod1{
	width: 100%!important;

}
*/


.fa, .fas {
    font-weight: 900;
}
.far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	line-height: 1;
}
@media (min-width: 992px) {
    .mt--60 {
        margin-top: -60px;
    }
}

.bg-BA9655 {
    background-color: #BA9655;
}

.h-5 {
    height: 5px;
}

.bg-black {
    background-color: black;
}

.color-707070 {
    color: #707070;
}

.bg-707070 {
    background-color: #dedede;
}

.form-control:focus {
    border-color: #BA9655;
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(186, 150, 85, 0.6);*/
    box-shadow: none;
}

.form-control {
    border: none;
    border-radius: 0px !important;
    border-bottom: 1px solid #707070 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.border-bottom-707070 {
    border-bottom: 1px solid #707070;
}

.color-495057 {
    color: #495057;
}

.border-radius-10 {
    border-radius: 30px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #BA9655;
    background-color: #BA9655;
}

.fs-13 {
    font-size: 13px;
}

#gender input {
    display: none;
}

#bht input {
    display: none;
}

#bht_ge input {
    display: none;
}

#file_uploads input {
    display: none;
}

.border-rd {
    border-radius: 20px !important;
}

.border-rd-50 {
    border-radius: 50px !important;
}

.btn-707070:not(:disabled):not(.disabled).active, .btn-707070:not(:disabled):not(.disabled):active, .show > .btn-707070.dropdown-toggle {
    color: #fff;
    background-color: #333333;
    border-color: #707070;
}

#kyc_form .file-upload i {
    color: #BA9655;
}

#kyc_form .file-upload {
    border-radius: 25px;
    padding: 20px;
}

#kyc_form .file-upload hr {
    background-color: white !important;
}

.fs-13 {
    font-size: 12.5px;
}

.height-75 {
    height: 45px;
}

.profile-FF7F00 {
    border: 1px solid #FF7F00;
    color: #FF7F00;
}

.profile-FF7F00:hover {
    border: 1px solid #FF7F00;
    color: #FF7F00;
}


.profile-success {
    border: 1px solid #43C922;
    color: #43C922;
}

.profile-success:hover {
    border: 1px solid #43C922;
    color: #43C922;
}


.form-control {
    color: #66707a !important;
}

input[disabled] {
    background-color: #fff !important;
}

#bht_ge .file {
    height: 50px;
}

@media (max-width: 992px) {
    .fs-15 {
        font-size: 14px;
    }

}

@media (max-width: 992px) {
    .dp-992 {
        display: none;
    }

}

@media (max-width: 992px) {
    #bht_ge span {
        font-size: 14px;
    }

}

@media (min-width: 992px) {
    .text-right-992 {
        text-align: right;
    }

}

#blog_detail p {
    font-size: 13px;
}

#blog_detail_right h5 {
    color: #BA9655;
    margin-top: 10px;
}

.text-black {
    color: #000;
}

.dp-search {
    color: #BA9655;
    background-color: transparent !important;
    border: none !important;
}

#exchange_table tr td {
    font-size: 20px;
}

.color-BABABA {
    color: #BABABA;
}

#exchange_table th {
    font-weight: 600;
}

.fs-12 {
    font-size: 12px;
}


.col-15 {
    width: 19%;
    float: left;
}

#exchange_table_v2 p {
    font-size: 18px;
}

.line-height-13 {
    line-height: 1.1;
}

.table_show_hover:hover {
    color: #BA9655;
}

.table_show_data {
    display: none;
    position: absolute;
    margin-left: -55px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.62);
    padding: 10px 20px;
    border-radius: 15px
}

.table_show_hover:hover .table_show_data {
    display: block !important;
}

.mb--5 {
    margin-top: -6px;
    margin-bottom: 1px;
}
#tcmb_k table{
    font-size: 12px;
}
#bk_t table{
    font-size: 12px;
}
.fs-11{
    font-size: 10px!important;
}
.lh-11{
    line-height: 1.1;
}
.fw-400{
    font-weight: 400;
}
#tcmb_k .table{
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);
}
#bk_t .table{
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);
}
.border-none-top{
    border-top: none!important;
    padding-top: 2px!important;
    padding-bottom: 2px!important;
}
.boder-none-bottom{
    border: none!important;
    padding-top: 2px!important;
    padding-bottom: 2px!important;
}
.bg-707070{
    background-color: #707070;
}
#ceviri input[type=number] {
    text-align:center
}
.exchange_form {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.47);
}
.navbar-toggler{
    /*background-color: #BA9655;*/
    border: 1px solid #BA9655;
}
.navbar-toggler i{
    color: #BA9655;
}
/* Evrim 14 Ekim 2020 */
.currency-gold .tab-currency-gold .tableContent .table tr td:first-child .item{
	font-weight: bold;
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
    	/*max-width: 1177px;*/
    	max-width: 1277px;
	}	
}
/* Blog */
.card {
	border:0;
	border-bottom: 1px solid #707070;
	border-radius: 0;
}
.card-body {
	padding: 0;
	padding-top: 30px;
	padding-bottom: 5px;
}
.card .card-text {
	font-size: 12px;
	color: #040406;
}
.card .card-title {
	color:#BA9655;
	font-size: 15px;
}
.card a {
	color: #040406;
	font-size: 11px;
	font-weight: bold;
}
.borderBotom-0 {
	border-bottom: 0;
	
}
.borderBotom-0 a.float-right {
	margin-bottom: 10px;
}
/* END Blog */
.evo-tab{
	display: flex;
	justify-content: space-around;

}
.evo-tab a.tab.active {
	color: #BA9655;
}
.evo-tab a.tab{
	color:#040406;
	display: flex;
	text-align: center;
	font-size: 12px;
}
.evo-borderTop {
	width: 100%;
	border-top: 5px solid #e3c077;
}
.evo-mainTable tr td:first-child {
	font-weight: bold;
}
.table tr td .item.rise {
	color:#3a9d37;
}
.table tr td .item.drop {
	color:#ff3838;
}

.evo-post {}
.evo-post p{
	font-size: 14px;
	font-family: Muli,Helvetica Neue,sans-serif;
	margin-bottom: 10px;
	color:#040406;
}
.color-black {
	color:#040406;
}
.priceHead-bankalar th {
	text-align: center !important;
}
table.bankalar tr:first-child td {
	border-top: 0;
}
table.bankalar tr td:first-child {
	white-space: nowrap;
}

table.bankalar tr td:first-child a {
	font-weight: bold;
	width: 44px;
    overflow: hidden;
    display: inline-block;
}
table.bankalar td, table.bankalar th{
	padding: 0.9rem .36rem !important;
}
table.bankalar td {
	font-size: 14px;
	text-align: left !important;
}

#doviz-kurlari span.item.center, #capraz-kurlar span.item.center, #cripto span.item.center{
	font-size: 14px;
}

.evo-cevirici .table td, .evo-cevirici .table th {
	padding: 0.6rem .36rem;
	text-align: center;
}
.evo-cevirici span.priceHead.isim { font-size: 11px !important;}
.evo-cevirici .priceHead th { border-top: 0; padding: 0.6rem .36rem; }
.evo-cevirici .home-container-th { font-size: 12px; }
.evo-cevirici .item.title{
	font-size: 12px;
	color:#040406;
	font-weight: bold;
}
.sub-title {
	color:#040406;
	font-size: 12px;
	font-weight: bold;
}
.evo-cevirici {
	display: block;
	/*padding-bottom: 0 10px 10px 10px;*/
	border:1px solid #C1C1C1;
}
.evo-output {
	justify-content: space-between;
    display: flex;
    width: 100%;
}
.evo-output div .output-title {
	display: block;
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: 400;
}
.evo-output div span{
	display: block;
	color:#040406;
	
}
.evo-output div.evo-row {
	display: flex;
	flex-direction: column;
}
.evo-translateFlex {
	justify-content: space-between;
    display: flex;
    width: 100%;
	margin-bottom:5px;
}
.evo-translateFlex label span {
	font-size: 18px;
    color: #1a3d6f;
    opacity: .3;
}
.evo-translateFlex input {
	border: 0;
    font-size: 20px;
    color: #2c2c2c;
    width: 100%;
    text-align: center;
}
.evo-translateFlex label {
	border-bottom: 1px solid #c2c2c2;
	width: 100%;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}
.evo-tabTranslateContent {
	padding: 30px 15px 15px 15px;
}
.evo-cevirici h3 {
	display: block;
	width: 100%;
	background-color: #F8F8F8;
	font-size: 13px;
	padding: 12px 0; 
	text-align: center;
	font-weight: bold;
	color:#BA9655;
}
.evo-title {
	font-size: 22px;
	font-weight: bold;
	color:black;
	margin-bottom: 20px;
}
h3.evo-title {
	font-size: 16px;
	font-weight: bold;
	color:black;
	margin-top: 20px;
	margin-bottom: 20px;
}
.tab-currency-gold.evo-tab-currency-gold{
	box-shadow: 0 0 black; 
}
.tableContent.evo-tableContent {
	padding: 0 !important;
}
.tumunu-goster {
	font-size: 12px;
	color:#000;
}