header { font-family: sans-serif; margin-bottom:30px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope, .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope h3 { font-family: sans-serif; font-size: 13.8px; font-weight: 400; color: #fff; line-height: 100%; } @media only screen and (max-width: 768px) { .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope, .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope h3 { font-size: 14px; } } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input { font-size: 12px; font-weight: 400; color: #333; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input { width: 100%; position: relative; float: left; height: 24px; padding-left: 10px; padding-right: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: solid 1px #f2f2f2; outline: 0; color: #575757; background: url(/mstatic/assets/img/search-icon.svg) #fefefe no-repeat right 6px center; background-size: 12px 12px; } .hbHeader.generalHeader.Head1 { width: 100%; position: absolute; background-color: #f4f4f4; z-index: 1002; } .hbHeader.generalHeader.Head2 { width: 100%; position: relative; background-color: #f4f4f4; z-index: 1001; margin-top: 52px; height: 36px; } .hbHeader.generalHeader .hbHeaderInBottom { width: 100%; position: relative; float: left; background-color: #000; } .hbHeader.generalHeader .hbHeaderInBottomChild { width: 100%; position: relative; float: left; height: 36px; background-color: #780000; } .hbhNavMiddle li a { font-weight: 600; font-size: 16px; letter-spacing: 0.2px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdLogo { position: absolute; left: 0; top: 0; z-index: 1; width: auto; padding: 0; height: auto; display: block; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdLogo a img { display: block; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope { float: left; position: relative; height: 52px; display: flex; width: 90%; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope .hbhNavMiddle { display: flex; vertical-align: middle; max-width: 594px; font-size:15px; width: 100%; align-items: center; justify-content: space-between; height: 100%; margin: 0 150px 0 258px; padding: 0 10px; overflow: hidden; white-space: nowrap; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a { position: relative; display: inline-block; white-space: nowrap; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope a:hover:after { content: ""; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbHeader.generalHeader .hbHeaderInBottom .hbhNavMenuScope .hbhNavMiddle h3 { display: inline-block; font-size: 13.8px; font-weight: 400; margin-right: 1px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch { position: absolute; right: 100px; width: 130px; top: 0; height: 52px; display: table; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle { vertical-align: middle; display: table-cell; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .bgReda { width: 24px; height: 24px; border-radius: 12px; position: absolute; right: 0; z-index: 9; background: url(/mstatic/assets/img/searchbar-icon.png) #fe0000 no-repeat center center; background-size: 12px 12px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen { position: absolute; width: 100%; top: 25px; left: 0; height: auto; padding-top: 10px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #fff; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li { font-size: 12px; display: block; padding: 6px 10px; color: #202020; border-bottom: 1px solid #f3f3f3; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:first-child { padding-top: 10px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:last-child { border-bottom: 0; padding-bottom: 5px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input { z-index: 2; background: #fff; border-radius: 31px; border: 0; padding-right: 25px; width: 125px; margin-right: -15px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-cancel-button, .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-decoration, .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-results-button, .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch input[type="search"]::-webkit-search-results-decoration { display: none; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdKul { position: absolute; right: 0; top: 0; width: 90px; height: 52px; display: table; padding-top: 12px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdKul .prDKulIcon { color: #fff; padding: 5px 25px 5px 10px; border: 2px #4e4e4e solid; border-radius: 20px; font-size: 11px; display: table; cursor: pointer; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdLogo { position: absolute; left: 0; top: 0; z-index: 1; width: auto; padding: 0; height: auto; display: block; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdLogo a img { display: block; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope { float: left; position: relative; height: 36px; display: flex; width: 100%; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope .hbhNavMiddle { display: flex; vertical-align: middle; width: 100%; align-items: center; justify-content: space-between; height: 100%; color: white; font-size: 14px; margin: 0; padding: 0 18px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope a { position: relative; display: inline-block; white-space: nowrap; } .criptoNew { background-color: #FFD600; color: #000; padding: 5px 10px; display: flex; justify-content: center; align-items: center; border-radius: 5px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope a img { margin-right: 4px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope a:hover:after { content: ""; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhNavMenuScope .hbhNavMiddle h3 { display: inline-block; font-size: 13.8px; font-weight: 400; margin-right: 1px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch { position: absolute; right: 100px; width: 130px; top: 0; height: 52px; display: table; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle { vertical-align: middle; display: table-cell; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .bgReda { width: 24px; height: 24px; border-radius: 12px; position: absolute; right: 0; z-index: 9; background: url(/mstatic/assets/img/searchbar-icon.png) #fe0000 no-repeat center center; background-size: 12px 12px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen { position: absolute; width: 100%; top: 25px; left: 0; height: auto; padding-top: 10px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #fff; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li { font-size: 12px; display: block; padding: 6px 10px; color: #202020; border-bottom: 1px solid #f3f3f3; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:first-child { padding-top: 10px; } .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch .hbhdSearchMiddle .hbhdSearchOpen ul li:last-child { border-bottom: 0; padding-bottom: 5px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input { z-index: 2; background: #fff; border-radius: 31px; border: 0; padding-right: 25px; width: 125px; margin-right: -15px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-cancel-button, .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-decoration, .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-results-button, .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdSearch input[type="search"]::-webkit-search-results-decoration { display: none; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdKul { position: absolute; right: 0; top: 0; width: 90px; height: 52px; display: table; padding-top: 12px; } .hbHeader.generalHeader .hbHeaderInBottomChild .hbhdKul .prDKulIcon { color: #fff; padding: 5px 25px 5px 10px; border: 2px #4e4e4e solid; border-radius: 20px; font-size: 11px; display: table; cursor: pointer; } /*.prDKulIcon:after { content: ""; width: 12px; height: 14px; top: 20px; right: 12px; position: absolute; display: block; }*/ /*.prDKulLogin:after { background-image: url(/mstatic/assets/img/icon-login.svg); background-size: cover; background-position: center; background-repeat: no-repeat; }*/ .hbHeader.generalHeader.active .hbHeaderInBottom { position: fixed; top: 0; } .hbHeader.generalHeader.active .hbHeaderInBottomChild { position: fixed; top: 1; } .hbHeaderInBottomChild ul li a { font-weight: 600; font-size: 13px; } @media only screen and (max-width: 767px) { header{ margin-top:30px !important; } } @media only screen and (max-width: 1024px) { /*header { margin-bottom: 16px; }*/ .hbHeader.generalHeader.active .hbHeaderInBottomChild { display: none; } /*.hbHeader { top: 48px; }*/ .hbHeader.generalHeader.Head1 { display: none; } } @media only screen and (max-width: 991px) { /*.hbHeader { top: 149px; }*/ /*.hbHeader.generalHeader.Head2 { margin-top: 180px !important; }*/ /*header { height: 150px; }*/ } @media only screen and (max-width: 850px) { .hbHeader.generalHeader .hbHeaderInBottom .hbhdSearch { display: none; } } @media only screen and (min-width: 768px) { #searchform .hbhdSearchOpen.autocomplete { width: 100%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px -2px #000; visibility: hidden; overflow: auto !important; } #searchform .hbhdSearchOpen.autocomplete ul { padding: 15px; } #searchform .hbhdSearchOpen.autocomplete ul li { padding: 8px 0; font-size: 13px; border-bottom: 1px solid #f2f2f2; } } @media only screen and (max-width: 1025px) { .hbHeader.generalHeader.Head2 { display: none; } } /* Kaynak Dosya: header.css */ /* Kaynak Dosya: home-header.css */