/* @import url("../v4/ust.css"); */
#headerBand
{
width: 100%;
height:   5px;
background:#003d73;
display:   table;
}
#TB-HeaderBox
{
width: 100%;
height:  155px;
display: table; /*
background:   #e9e9e9;
*/
margin-bottom:  5px;
}

.WebHeader .TB-HeaderCase
{
width: 100%;
height:  150px;
background: #ffffff;
position:   relative;
z-index: 10000000000;
box-sizing:   border-box;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}

.TB-Header
{
width:100%;
max-width:   1200px;
height:90px;
margin-left:   auto;
margin-right: auto;
display:   block;
/*
background:   #e9e9e9;
*/
box-sizing:   border-box;
}

.TB-Header .MobileMenuButton
{
display:  none;
}

.TB-Header .MobileButtonMenuCase
{
display:  none;
}

.TB-Header .TB-MobileLogo
{
display:  none;
}

.TB-Header .TB-WebLogo
{
width:20%; height:100%;
float:   left;
text-align:left; /*
background:   #33648f;
*/
box-sizing:   border-box;
padding:0.5% 0 0.2% 0;
}

.TB-Header .TB-WebLogo a
{
border:0 !important;
}

.TB-Header .TB-WebLogo img
{
width:  auto;
height:100%;
}

.TB-headerCenter
{
width:57%; height:100%;
float:   left;
box-sizing: border-box;
border:   0px solid #003d73;
}

.TB-headerCenter .TBheaderCenterTop
{
width:100%; height:50%;
display:   block;
box-sizing: border-box; padding-top:2%;
text-indent:  5px;
}

.TB-headerCenter .TBheaderCenterTop .TBheaderlink
{
width:  auto;
height: auto;
float:   left;
color:#213777; font-size:0.8vw;
display:  table;
padding:0 20px 0 0;
}

.TB-headerCenter .TBheaderCenterTop .TBheaderlink:hover
{
color:   #cd6306;
}

.TB-headerCenter .TBWebSearchingBox
{
width:90%; height:50%;
display:   block;
position: relative;
border:  0px solid #b6bdd2;
box-sizing:border-box;
}

.TBWebSearchingBox .WebSearchBox
{
width:100%; height:100%;
box-sizing:   border-box;
border:1px solid #b6bdd2;
border-radius:  7px;
}

.TBWebSearchingBox .TBsearchClosed
{
display:   none;
}

.TBWebSearchingBox #search
{
width:100%; height:100%;
float:   none;
}

.TBWebSearchingBox #FormAra
{
width:100%; height:100%; border:0 !important;
}

.TBWebSearchingBox #live-search
{
width:90%; height:100%; border:0 !important; transition:none !important;
border-radius:  7px;
color:#878eac;
}

.TBWebSearchingBox #live-search:focus
{
box-shadow:none !important;
}

.TBWebSearchingBox #live-search::-webkit-input-placeholder
{
color:  #878eac;
}

.TBWebSearchingBox #search-btn
{
width:10%; height:100%;
background:  #213777;
cursor: pointer;
color:  #ffffff;
text-align: center; border: 0 !important;
border-radius:  5px;
margin-right:-1px;
}

.TBWebSearchingBox #live-search-box
{
display: none !important;
}

.TBWebSearchingBox #live-search-box li
{
float:   left;
}

.popSearchBoxBackGround
{
width:100%; height:100%;
position:   fixed;
top: 0;
left:   0;
display: none;
z-index:  1000;
background:#464646; opacity:0.9;
}
@keyframes searchItemAnime
{
0%
{
-moz-transform: translate(0, 30px);
-ms-transform: translate(0, 30px);
-o-transform: translate(0, 30px);
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
opacity:  0;
}
100%
{
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity:  1;
}
}

.TB-headerCenter .popSearchBox
{
width:100%; height:100%;
display:   block;
position: fixed;
z-index:  10000;
top: 0;
left:   0;
border:0px solid #b6bdd2;
box-sizing:  border-box;
}

.popSearchBox .WebSearchBox
{
width:100%; height:100%;
animation-name:   searchItemAnime;
animation-duration:400ms;
animation-timing-function:  ease-in-out;
box-sizing: border-box;
border:  0px solid #b6bdd2;
border-radius:7px;
}

.popSearchBox .TBsearchClosed
{
display:   block;
width:auto;
animation-name:   searchItemAnime;
animation-duration:400ms;
animation-timing-function:  ease-in-out;
height:40px;
background:  #213777;
cursor: pointer;
padding:  0 10px 0 10px;
color:#ffffff;
display:   table;
margin:10px auto
}

.popSearchBox .TBsearchClosed:hover i
{
color:  #ff0000;
}

.popSearchBox .TBsearchClosed span
{
display:   table-cell;
vertical-align: middle;
text-align:   center;
}

.popSearchBox #search
{
width:80%; height:10%;
float:   none;
margin:0 auto;
background:   none;
}

.popSearchBox #FormAra
{
width:100%; height:100%; border:0 !important;
animation-name:   searchItemAnime;
animation-duration:400ms;
animation-timing-function:  ease-in-out;
}

.popSearchBox #live-search
{
width:90%; height:100%; border:0 !important;
transition:  all 100ms;
font-size:1.4vw;
border-radius:  0px;
border-bottom:1px solid #bebebe !important;
background:   none;
color:#ffffff;
font-weight:   bold;
}

.popSearchBox #live-search:focus
{
box-shadow:none !important;
}

.popSearchBox #live-search::-webkit-input-placeholder
{
color:  #cfcfcf;
}

.popSearchBox #search-btn
{
width:10%; height:100%;
background:  #213777;
cursor: pointer;
color:  #ffffff;
text-align: center; border: 0 !important;
border-radius:  5px;
margin-right:-1px;
}

.popSearchBox #live-search-box
{
width:100%; height:680% !important; display: table !important;
}

.popSearchBox #live-search-box ul
{
width:70%; /*Arama Sonuc Penceresi Geni li i*/ height:100%; display:flex !important;
flex-direction:   row;
flex-wrap: wrap;
justify-content:   flex-start;
align-content: flex-start;
box-sizing:   border-box;
overflow: auto;
margin-top:  10px;
}

.popSearchBox #live-search-box li
{
width:17%;
height:  220px;
max-height:250px;
animation-name:   searchItemAnime;
animation-duration:400ms;
animation-timing-function:  ease-in-out;
margin:1.5%; opacity:0.9;
text-align:  center;
color: #ffffff;
overflow:   hidden;
line-height:18px;
font-size:  12px;
float: left;
display:   table;
box-sizing: border-box;
border-bottom:  0px solid #e9e9e9;
}

.popSearchBox #live-search-box li img
{
width:100%;
max-height:  200px;
max-width:200px;
height:  auto;
box-sizing:border-box;
border-radius:  10px;
border:1px solid #885c17;
}

.popSearchBox #live-search-box li:hover
{
opacity:  1;
}

.TB-HeaderLeft
{
width:23%; height:100%;
float:   left;
box-sizing: border-box;
}

.TB-Header .TB-langButton
{
width:100%; height:40%;
display:   table;
}

.TB-HeaderLeft .TB-HeaderButtonlar
{
width:100%; height:60%;
display:  flex;
flex-direction:row;
align-items:  center;
justify-content: space-around;
position:   relative;
}

.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton
{
width:30%;
height:  auto;
text-align: center;
background:   #ffffff;
font-size:0.85vw;
float:   left;
box-sizing:border-box; padding:3% 0 0 0;
border:   0px solid #e9e9e9;
}

.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton:hover a
{
color:  #cd6306;
}

.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton a
{
width:100%; height:100%;
display:  inline-block;
border:0 !important;
color:  #213777;
}

.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnIcon
{
width:100%; height:65%;
text-align:   center;
font-size:1.4vw;
box-sizing:   border-box;
padding:0 0 10% 0;
}

.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti
{
width:  20px;
height:20px;
background:  #cd6306;
position: absolute;
top:  0px;
right:11px;
display:   table;
font-size:11px;
font-weight:   bold;
padding:2px; border-radius:50%;
color:  #ffffff;
}

.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti span
{
display:  table-cell;
vertical-align: middle;
text-align:   center;
}

.TBWebMenuBox
{
width:100%;
height:  40px;
display: table;
margin-top:  15px;
position: relative;
}

.TBWebMenuBox .TBWebMenuCase
{
width:100%;
height:  45px;
max-width:1200px;
margin:  0 auto;
}

.TBWebMenuBox .TBWebMenuCase > ul
{
width:100%; height:100%;
display:   flex;
justify-content: space-between;
}

.TBWebMenuBox .TBWebMenuCase > ul > li
{
width:  auto;
height:100%;
display:   table;
float: left;
font-size:  1vw;
font-weight:600;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > a
{
display:   table-cell;
vertical-align: middle;
text-align:   center;
color: #213777;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > a:hover
{
color:  #cd6306;
}

.TBWebMenuBox .TBWebMenuCase > ul > li:hover > .WebSubMenuCase
{
transform:translate(0px, 0px);
opacity:  1;
visibility: visible;
transition:   all 200ms ease-in-out;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1
{
width:100%;
height:  auto;
transform:translate(0px, 50px);
opacity:  0;
visibility: hidden;
transition:   all 200ms ease-in-out;
box-sizing: border-box;
border-top:   1px solid #f5f5f5;
/* background:url("../img/MenuBackGround.jpg") no-repeat center #ffffff; */
background:  #ffffff;
position: absolute;
display:   table;
left:0;
top:   40px;
-webkit-box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.46); box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.46);
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu
{
width:100%;
max-width:  1200px;
height:100%;
display:   table;
margin:0 auto;
position:   relative;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul
{
width:25%; height:100%;
background:   #f5f5f5;
box-sizing: border-box;
padding:  0px 0;
display:table;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li
{
width:100%;
height:  40px;
display: table;
float:   none;
margin:0;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a
{
width:100%; height: 100%;
display:   table;
color: #494949;
padding:  0px;
box-sizing: border-box;
text-indent:  20px;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li:hover > a
{
text-indent:  25px;
color:#ffffff;
background:  #ff6600;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuIcons
{
display:   none;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuIcons img
{
display:   none;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuText
{
width:100%; height:100%;
display:   table;
font-size:14px;
font-weight:  600;
font-style: italic;
word-wrap:   break-word;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuText span
{
display:   table-cell;
vertical-align: middle;
}

.TBWebMenuBox .WebMenuBannerCase
{
width:100%;
height:  160px;
display: table; margin:2% auto;
}

.TBWebMenuBox .WebMenuBannerCase a
{
display:   table-cell;
vertical-align: middle;
text-align:   center;
}

.TBWebMenuBox .WebMenuBannerCase img
{
width:   auto;
height:100%;
border:   0;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu
{
width:75%; height:100%;
display:   block;
left:25%;
top:   0;
position: absolute; transform:translate(0px, 50px);
opacity:  0;
visibility: hidden;
transition:   all 200ms ease-in-out;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul
{
width:100%;
height:  auto;
display: flex;
flex-direction:   row;
flex-wrap: wrap;
align-items:   flex-start;
justify-content:space-around;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li:hover > .SecondSubMenu
{
transform:translate(0px, 0px);
opacity:  1;
visibility: visible;
transition:   all 200ms ease-in-out;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul > li
{
width:  160px;
height:50px;
color:   #213777;
display: table;
margin:  12px 5px 5px 5px;
font-size:14px;
box-sizing:   border-box;
border-radius:5px;
border:  1px dashed #213777;
float: left; opacity: 0.7;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul > li > a
{
display:   table-cell;
vertical-align: middle;
text-align:   center;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul > li:hover
{
opacity:   1;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu
{
width:45%;
height:  150px;
float: left; margin:1%;
padding:   0;
color:#213777;
display:   flex;
flex-direction: row;
flex-wrap:   wrap;
align-items: flex-start;
justify-content:   space-between;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu span
{
width:100%;
height:  auto;
text-align: center;
display:   table;
padding:10px;
border-radius:  5px;
border:1px dashed #213777;
box-sizing:   border-box;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu li
{
margin:   0;
padding: 0;
border:   0;
width:30%;
height:   auto;
display: table;
padding:  11px;
font-size:12px;
border-radius:  5px;
border:1px dashed #213777;
margin:  5px 0;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu li a
{
width:100%; height:100%;
text-align:   center;
display: table;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2
{
width:100%;
height:  auto;
transform:translate(0px, 50px);
opacity:  0;
visibility: hidden;
transition:   all 200ms ease-in-out;
background:#ffffff;
position:   absolute;
display: table;
left:  0;
top: 40px; -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.46); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.46);
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu
{
width:100%;
max-width:  1200px;
height:100%;
display:   table;
margin:0 auto;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul
{
width:100%; height:100%;
box-sizing:   border-box;
padding:20px 0;
display:   flex;
flex-direction: row;
align-items:  center;
justify-content:space-around;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li
{
width:11.28%;
height:  150px;
display: table;
float:   left;
margin:1%; opacity:0.7;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li:hover
{
opacity:   1;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a
{
width:100%; height: 100%;
display:   table;
padding:0px;
box-sizing:   border-box;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuIcons
{
width:100%; height:70%;
display:   table;
text-align: center;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuIcons img
{
width:  120px;
height:120px;
box-sizing:   border-box;
border-radius:50%;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuText
{
width:100%; height:30%;
display:   table;
font-size:1vw;
font-weight:   normal;
line-height:22px;
word-wrap:   break-word;
}

.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuText span
{
display:   table-cell;
vertical-align: middle;
text-align:   center;
}
@media screen and (min-width: 640px) and (max-width: 1024px)
{
}
@media screen and (max-width: 640px)
{
#headerBand
{
display:   none;
}
#TB-HeaderBox
{
width: 100%;
height:  50px;
display: table;
background:   #ffffff;
}

.mobileHeaders .TB-HeaderCase
{
width: 100%;
height:  50px;
position: fixed;
top:  0;
z-index:10000000;
background:   #ffffff;
box-sizing: border-box; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}

.TB-Header
{
width:100%;
max-width:   1200px;
height:50px;
margin-left:   auto;
margin-right: auto;
display:   block;
padding:0 0 0 0;
box-sizing:   border-box;
background: #ffffff;
}

.TB-Header .MobileButtonMenuCase
{
width:25%; height:100%;
display:  table;
float: left;
}

.TB-Header .MobileMenuButton
{
width:40%; height:100%;
background:  none;
display:table;
float:   left;
border:0;
font-size:  6vw;
border:0 !important;
color:  #213777;
}

.TB-Header .MobileMenuButton:active
{
background:   #003d73;
color: #ffffff;
}

.TB-Header .TB-MobileLogo
{
width:50%; height:100%;
display:   block;
float: left;
text-align:   center;
box-sizing: border-box; padding:2%;
}

.TB-Header .TB-MobileLogo img
{
width:  auto;
height:100%;
display:  inline-block;
}

.TB-Header .TB-WebLogo
{
display:   none;
}

.TB-Header .TB-WebLogo a
{
border:0 !important;
}

.TB-Header .TB-WebLogo img
{
width:  auto;
height:100%;
}

.TB-headerCenter
{
width:  0;
height:0;
float:   left;
box-sizing: border-box;
border:   0px solid #003d73;
overflow: hidden;
}

.TB-headerCenter .TBheaderCenterTop
{
width:100%; height:50%;
display:   block;
box-sizing: border-box; padding-top:2%;
text-indent:  5px;
}

.TB-headerCenter .TBheaderCenterTop .TBheaderlink
{
width:  auto;
height: auto;
float:   left;
color:#213777; font-size:0.8vw;
display:  table;
padding:0 20px 0 0;
}

.TB-headerCenter .TBheaderCenterTop .TBheaderlink:hover
{
color:   #cd6306;
}

.TB-headerCenter .TBWebSearchingBox
{
width:  0;
height:0;
display:   block;
position: relative;
border:  0px solid #b6bdd2;
box-sizing:border-box;
overflow:   hidden;
}

.TBWebSearchingBox .WebSearchBox
{
width:100%; height:100%;
box-sizing:   border-box;
border:1px solid #b6bdd2;
border-radius:  7px;
}

.TBWebSearchingBox .TBsearchClosed
{
display:   none;
}

.TBWebSearchingBox #search
{
width:100%; height:100%;
float:   none;
}

.TBWebSearchingBox #FormAra
{
width:100%; height:100%; border:0 !important;
}

.TBWebSearchingBox #live-search
{
width:90%; height:100%; border:0 !important; transition:none !important;
border-radius:  7px;
color:#878eac;
}

.TBWebSearchingBox #live-search:focus
{
box-shadow:none !important;
}

.TBWebSearchingBox #live-search::-webkit-input-placeholder
{
color:  #878eac;
}

.TBWebSearchingBox #search-btn
{
width:10%; height:100%;
background:  #213777;
cursor: pointer;
color:  #ffffff;
text-align: center; border: 0 !important;
border-radius:  5px;
margin-right:-1px;
}

.TBWebSearchingBox #live-search-box
{
display: none !important;
}

.TBWebSearchingBox #live-search-box li
{
float:   left;
}

.popSearchBoxBackGround
{
width:100%; height:100%;
position:   fixed;
top: 0;
left:   0;
display: none;
background:  #ffffff;
opacity:0.95;
}

.TB-headerCenter .popSearchBox
{
width:100%; height:100%;
display:   block;
position: fixed;
top:   0;
left:0;
border:  0px solid #b6bdd2;
box-sizing:border-box;
}

.popSearchBox .WebSearchBox
{
width:100%; height:100%;
box-sizing:   border-box;
border:0px solid #b6bdd2;
border-radius:  7px;
margin-left: 10px;
}

.popSearchBox .TBsearchClosed
{
display:   block;
width:100%;
height:  50px;
background:#213777;
cursor:   pointer;
padding:0 10px 0 10px;
font-size:  4vw;
color:#ffffff;
display:   table;
margin:0px auto
}

.popSearchBox .TBsearchClosed:hover i
{
color:  #ff0000;
}

.popSearchBox .TBsearchClosed span
{
display:   table-cell;
vertical-align: middle;
text-align:   center;
}

.popSearchBox #search
{
width:100%;
height:  45px;
float: none;
margin:  0 auto;
background: none;
border-bottom:   0px solid #2e2e2e;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}

.popSearchBox #FormAra
{
width:100%; height:100%; border:0 !important;
}

.popSearchBox #live-search
{
width:90%; height:100%; border:0 !important;
transition:  all 100ms;
font-size:4vw;
border-radius:  0px;
border-bottom:0px solid #bebebe !important;
background:   none;
color:#252525;
font-weight:   bold;
}

.popSearchBox #live-search:focus
{
box-shadow:inherit !important;
}

.popSearchBox #live-search::-webkit-input-placeholder
{
color:  #7c7c7c;
font-size:3vw;
}

.popSearchBox #search-btn
{
width:10%; height:100%;
background:  none;
cursor: pointer;
font-size:  5vw;
color:#213777;
text-align:   center;
border: 0 !important;
border-radius:  0px;
margin-right:-1px;
}

.popSearchBox #live-search-box
{
width:100%; height:800% !important; display: table !important;
}

.popSearchBox #live-search-box ul
{
width:100%; /*Arama Sonuc Penceresi Geni li i*/ height:120%; display:block !important;
flex-direction:   row;
flex-wrap: wrap;
justify-content:   space-between;
align-content: flex-start;
box-sizing:   border-box;
overflow: auto;
margin-top:  10px;
}

.popSearchBox #live-search-box li
{
width:95%;
height:  60px;
max-height:250px; margin:2% auto; opacity:0.9;
text-align:  left;
color: #2e2e2e;
overflow:   hidden;
line-height: normal;
font-size:  13px;
float: none;
background:  none;
display:table;
box-sizing:   border-box;
padding:22px 0 0 0;
border-radius:  0px;
border-bottom:0px solid #e9e9e9;
}

.popSearchBox #live-search-box li a
{
width:100%; height:100%;
display:  table-cell;
vertical-align:middle;
}

.popSearchBox #live-search-box li img
{
width:  60px;
height:60px !important;
box-sizing:  border-box;
border-radius:50%;
border:  1px solid #acacac;
float: left;
margin-right:  10px;
margin-top: -22px;
}

.popSearchBox #live-search-box li:hover
{
opacity:  1;
}

.TB-HeaderLeft { width:25%; height:100%; float: left; box-sizing: border-box; }
    .TB-Header .TB-langButton { width:40%; height:100%; display: none; float: left; }
    .TB-HeaderLeft .TB-HeaderButtonlar { width:85%; height:100%; display:table; margin-left:15%; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton { width:50%; height:auto; display: none; text-align: center; background: #ffffff; font-size:1vw; float: left; box-sizing:border-box; padding:0% 0 0 0; border: 0px solid #e9e9e9; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton:first-child { display: none; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton { height:100%; display:block; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton a { width:100%; height:100%; display:inline-block; border:0 !important; color:#213777; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton a:hover { background: #003d73; color: #ffffff; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnIcon { width:100%; height:100%; display: table; font-size:6vw; box-sizing: border-box; padding:0 0 0 0; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnIcon span { display: table-cell; vertical-align: middle; text-align: center; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnText { display: none; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti { width:18px; height:18px; background:#ed4956; position: absolute; top:5px; right:5px; display: table; font-size:10px; font-weight: bold; padding:0px; border-radius:50%; color:#ffffff; }
    .TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti span { display:table-cell; vertical-align: middle; text-align: center; }

.TBWebMenuBox
{
display:   none;
}
}
/* OLD COD */
.MobileMenuback
{
display:    none;
}

.CategoryMenuBackgroundEfect
{
display:    none;
width: 100%; height: 100%; transform: translateZ(0);
position:    fixed;
z-index:1000000;
background:    #1f1f1f;
opacity: 0.4;
top:    0;
}

.MobileMenuCase
{
display:    none;
}

.tbMobileAppMenu
{
display:    none;
}
@media screen and (min-width: 640px) and (max-width: 1024px)
{
}
@media screen and (max-width: 640px)
{
.tbHeader .MobileMenuOpen
{
width:15%; height:100%;
float:    left;
display: table;
padding:    0;
margin: 0;
background:   none;
border: 0;
color:    #003d73;
}

.tbHeader .MobileMenuOpen:active
{
background:    #003d73;
color: #ffffff;
}

.tbHeader .MobileMenuOpen span i
{
display:    table-cell;
vertical-align:middle;
text-align:    center;
font-size: 28px;
}

.tbHeader .tbMobileLogo
{
display:    table;
float: left; width: 70%; height:80%;
color:    #ffffff;
font-size: 22px;
font-size:   5vw;
}

.tbHeader .tbMobileLogo
{
display:    table-cell;
vertical-align: middle;
text-align:    center;
}

.tbHeader .tbMobileLogo img
{
width:100%; height:85%; margin-top:2%;
}

.HeadercenterBox
{
display:    none;
width: 65%; height: 100%;
background:    #FF7A00;
float: left;
}

.userControlButtons
{
width: 5%; height: 100%;
float:    left;
}

.userControlButtons .siparislerButtons
{
display:    none;
}

.CategoryMenuCase
{
display:   none;
}

.MobileMenuCase
{
width: 80%; height: 110%;
position:   fixed;
display:block;
z-index:    10000000;
left:-85%;
transition:    all 200ms;
top: 0;
background:    #003d73;
overflow: auto;
}

.MobileMenuCaseOpen
{
left:    0;
transition: all 200ms;
}

.MobileMenuHeadercase
{
width: 100%;
height:    50px;
display: table;
}

.MobileMenuHeader
{
width: 80%;
height:    50px;
position: fixed;
display:    table;
top: 0px;
background:   #ffffff;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}

.MobileMenuHeader .backIcon
{
width:20%; height: 100%;
float:    left;
display: table;
color:    #003d73;
text-align: center;
font-size:   30px;
font-size: 8vw;
}

.MobileMenuHeader .backText
{
width:80%; height: 100%;
float:    left;
display: table;
color:    #003d73;
font-size:18px;
font-size:    3vw;
}

.MobileMenuHeader span
{
display:   table-cell;
vertical-align: middle;
}

.MobileMenuFooter
{
width: 100%;
height:    50px;
display: table;
}

.TBMobileMenu
{
width: 100%; height:100%;
position:    absolute;
top: 0px;
background:    #003d73;
}

.TBMobileMenu ul, .CategoryMenu li
{
margin:    0;
padding: 0;
list-style-type:    none;
}

.TBMobileMenu ul
{
width: 100%; height: 100%;
box-sizing:    border-box;
display: block;
}

.TBMobileMenu ul li
{
width:100%;
height:   50px;
display:table;
float:    none;
margin-left:0;
margin-right:   0;
border-bottom: 1px solid #00325e
}

.TBMobileMenu ul li a
{
width:100%; height:100%;
color:   #ffffff;
font-size:16px;
display:    table;
vertical-align: middle;
text-align:   left;
}

.TBMobileMenu ul li a:hover
{
color:    #FF7A00;
height:90%;
border-bottom:   5px solid #FF7A00;
}

.TBMobileMenu ul li a .CategoryMenuIcon
{
width:5%; height: 100%;
display:    table;
float: left;
}

.TBMobileMenu ul li a .CategoryMenuText
{
width:85%; height: 100%;
display:    table;
float: left;
text-align:   left;
}

.TBMobileMenu ul li a .CategoryMenuSubicon
{
width:10%; height: 100%;
display:    table;
float: left;
}

.TBMobileMenu ul li a div span.tt
{
display:    table-cell;
vertical-align: middle;
}

.TBMobileMenu .TBMobileMenu
{
left:-100%;
transition:    all 200ms;
}

.TBMobileMenu .subMenuOpen
{
left:   0;
transition: all 200ms;
}

.imagedsubMenu > ul > li
{
width:50%;
height:   50px;
display:table;
float:    left;
margin-left:0;
margin-right:   0;
border-bottom: 1px solid #00325e
}

.imagedsubMenu > ul > li > a > .CategoryMenuIcon
{
width:25%; height: 100%;
display:    table;
float: left;
}

.imagedsubMenu > ul > li > a > .CategoryMenuText
{
width:65%; height: 100%;
display:    table;
float: left;
text-align:   left;
}

.imagedsubMenu > ul > li > a > .CategoryMenuSubicon
{
width:10%; height: 100%;
display:    table;
float: left;
}

.imagedsubMenu > ul > li > a > div > span.tt
{
display:    table-cell;
vertical-align: middle;
}

.tbMobileAppMenuCase
{
width: 100%;
height:   50px;
display:table;
}

.tbMobileAppMenu
{
width: 100%;
height:   50px;
display: block;
position:    fixed;
bottom:0;
z-index:   10000000;
background: #ffffff;
box-sizing:    border-box;
-webkit-box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21);
}

.tbMobileAppMenu ul, .tbMobileAppMenu li
{
margin:    0;
padding: 0;
list-style-type:    none;
}

.tbMobileAppMenu ul
{
width: 100%; height: 100%;
display:   block;
}

.tbMobileAppMenu ul > li
{
width: 20%; height: 100%;
display:    table;
float: left;
}

.tbMobileAppMenu ul > li > a
{
width: 100%; height: 100%;
font-size:    28px;
padding-top: 5px; font-size:6.5vw;
color:    #003d73;
display: table-cell;
box-sizing:    border-box;
vertical-align: middle;
text-align:    center;
}

.tbMobileAppMenu ul > li > a > span
{
width: 100%; height: 30%;
display:    table;
font-size: 11px; font-size:2.5vw;
margin-top:    2px;
}
}