@font-face {
  font-family: Nexa Light;
  src: url(../font/NexaLight.otf);
}
@font-face {
  font-family: Nexa Bold;
  src: url(../font/NexaBold.otf);
}
@font-face {
  font-family: UTM Bebas;
  src: url(../font/UTMBebas.ttf);
}
@font-face {
  font-family: UTM Dax;
  src: url(../font/UTMDax.ttf);
}
@font-face {
  font-family: UTM DaxBold;
  src: url(../font/UTMDaxBold.ttf);
}
@font-face {
  font-family: UTM DaxMedium;
  src: url(../font/UTMDaxMedium.ttf);
}
@font-face {
  font-family: UTM Swiss Condensed;
  src: url(../font/UTMSwissCondensed.ttf);
}


body {background:url(../image/bg.png);font-family: "Nexa Light", sans-serif!important;color:#fff!important;display:flex;flex-direction:column;min-height:100vh;font-size:16px}
main {flex:1}
.menu {list-style: none}.menu li {float:left}.menu li:last-child:after{clear:both}.menu li a {color:#c1c1c1}
h1,h2,h3,h4 {font-family: "Nexa Bold", sans-serif}

.checkmail{width:100%;height:100%}
.space .input-group, .button{padding:10px 0}
footer {background:#17a2b8}
footer .container{padding:20px}
.intro {margin-top:30px}
.space input,.space select, button.btn,.space span,select.timezone {border:0px;border-radius:0px;background-clip:unset}
.space span{background:#fff;width:50px;padding:17px}
.space input,.space select {height:50px}
.space button {height:50px;width:50px;font-family:'UTM Bebas', sans-serif}
button.btn {height:50px;text-transform:uppercase;font-weight:bold}
.rightimg{width: 422px;max-width: 100%;margin: 0 auto;display: block;}
.timezone {margin-bottom:4px}
footer a{color:white;text-decoration:underline}
.change-lang input {position:absolute;z-index:-1}
.change-lang input:checked+label,.change-lang:hover label{-webkit-filter: grayscale(0%);filter: grayscale(0%)}
.change-lang label {margin-bottom:0;-webkit-filter: grayscale(100%);filter: grayscale(100%)}
.lang-us{background:url(../image/country/us.png);width:25px;height:16px;background-size:25px}
.lang-de{background:url(../image/country/de.png);width:25px;height:16px;background-size:25px}
.lang-fr{background:url(../image/country/fr.png);width:25px;height:16px;background-size:25px}
.lang-es{background:url(../image/country/es.png);width:25px;height:16px;background-size:25px}
.lang-cz{background:url(../image/country/cz.png);width:25px;height:16px;background-size:25px}
.lang-br{background:url(../image/country/br.png);width:25px;height:16px;background-size:25px}
.lang-ru{background:url(../image/country/ru.png);width:25px;height:16px;background-size:25px}
.lang-jp{background:url(../image/country/jp.png);width:25px;height:16px;background-size:25px}
.lang-cn{background:url(../image/country/cn.png);width:25px;height:16px;background-size:25px}
.sections-about {margin-top:20px}
.navbar li.active a,.navbar li:hover a {text-decoration:underline}
#about {display:none}
.sidebar-box {max-height:120px;position:relative;overflow:hidden;}
.sidebar-box .read-more {position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(to bottom, transparent, black)}
.sidebar-box b {font-size:18px;font-family:"Nexa Bold", sans-serif}
.sidebar-box b:before{content:">> "}
.sidebar-box button {margin:auto;display:block}
.sections-about {margin-bottom:50px}
.first{background:#4e4e4e}
.second{background:#2e2e2e}
.checkemail .logo{display:block;margin:auto;padding:25px 0}
.checkemail {display:flex}
.checkemail .container-fluid{display:inline-grid}
.textinbox{background:#17a2b8;padding:20px;width:100%;font-weight:bold;padding-left:45px}
.nopad {margin:0!important;padding:0!important}
.item {background:#fff0;border: 1px solid rgba(0, 0, 0, 0.4)!important;border-right:0px!important;border-left:0px!important;border-radius:0px!important;}
.item:last-child {border-bottom:0px!important}
.item.active:before {content:"|";background:white;width:7px;height:74px;float:left}
.mailadd{padding: 25px 18px 25px 25px}
.item.active{background:#333}
.emailheader{line-height:134px;height:134px}
.emailaddress{font-size:25px;font-weight:bold;margin-left:5%;line-height:1.5;display:inline-block;vertical-align:middle}
.timer {margin-right:5%}
.table thead th {border:0px!important;border-top:1px solid rgb(52, 58, 64)!important}
.table td, .table th {padding: .73rem!important;border-top:2px solid rgba(0, 0, 0, 0.4)!important}



.table {color:#fff!important}
.table td p {margin-bottom:0;font-weight:bold;font-size:18px}
.rtime span,.ractions span {line-height:2.5}
.table-hover tbody tr:hover {color:#fff!important;background-color:rgba(173, 173, 173, 0.1)!important}
.ltop {height:182px}
.llogo{height:117px;line-height: 117px}
.img-fluid{padding:30px;max-height:117px;display:block;margin:auto;line-height:1.5;display:inline;vertical-align: middle;}
.rsubject {max-width:500px}
.rsubject span {display:block;width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.table tbody td,li.item{height:76px}




@media (min-width: 1280px) {
.navbar {margin-top:30px;margin-bottom:40px}  
.menu{font-size:23px}
.logo{width:300px}
.container {max-width:1000px!important}
}

@media  (max-width: 1279px) and (min-width: 768px) {
.navbar {margin-top:24px;margin-bottom:30px}  
.menu{font-size:18px}
.logo{width:260px}
.container {max-width:900px!important}
.emailadd{width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}

@media (max-width: 767px) and (min-width: 576px)  {
.navbar {margin-top:18px;margin-bottom:24px}  
.menu{font-size:16px}
.logo{width:220px;display: block; margin:auto}
.rfrom .d-block{display:inline!important}
}

@media (max-width: 575px) {
h1{font-size:30px!important}
.navbar {margin-top:18px;margin-bottom:24px;padding:0!important}  
.menu{font-size:14px}
.logo{width:60%;display: block; margin:auto}
.nav-link{padding: 5px 10px!important}
footer .col-sm-4:before {content:"====================================";margin:20px;display:block;text-align: center}
.emailaddress{font-size:18px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.emailheader {line-height:80px;height:80px;}
}

@media (max-width: 361px) {
.nav-link{padding:5px!important}
}

@media (max-width: 860px) {
.rshow{display:inline!important}
.rhide{display:none!important}
}
@media (min-width: 861px) {
.rshow{display:none!important}
.rhide{display:inline!important}
.table .rhide {display: table-cell!important}
}



.geri-say, .kopyala-buton {
    display: inline-block;
    position: relative
}

.geri-say {
    float: right;
    height: 30px;
    top: 45px;
}

.geri-say svg {
    width: 30px !important
}

.geri-say .bilgi {
    position: absolute;
    right: 40px;
    top: 0;
    white-space: nowrap;
    padding: 5px 10px;
    border-radius: 5px;
	line-height: 20px !important;
}

.geri-say .ok {
    position: absolute;
    bottom: 9px;
    left: -10px;
    border-width: 6px 0 6px 6px;
    border-color: transparent #eee;
    border-style: solid
}

.mail-oku-menu {
	background: #4e4e4e;
    padding: 20px;
    width: 100%;
    font-weight: bold;
	border-left:7px solid #fff;
	border-bottom: 2px solid rgba(234, 234, 234, 0.4)!important;
}
.mail-oku-gonderen{
	padding: 20px;
    width: 100%;
}
.mail-oku-panel{
	padding: 20px;
    width: 100%;
}
.mail-alani-section table td a.read-mail{
	color:#ffffff !important;
	text-decoration:none !important;
	cursor:pointer !important;
}
a.del_mail{
	color:#ffffff !important;
	text-decoration:none !important;
	cursor:pointer !important;
}
a.switch_email{
	display:block;
	color:#ffffff !important;
	text-decoration:none !important;
	cursor:pointer !important;
}
.loading-overlay-content{
	text-align:center;
}
.titleq{font-size:16px;color:#bfd3ff}