/* GENERAL EVENTS START */
* { margin: 0; padding: 0; } 
*,*:before,*:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { height: 100%; font-family: "Lucida Sans", sans-serif; font-weight: normal; cursor: default; }
body { background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-color: #f4f4f4; }
#container { width: 100%; height: 100%; } 
#inner { width: 100%; height: 100%; } 
#wrapper { width: 100%; height: 100%; } 
#header { height: 16%; background-color: #fff; } 
#center { height: 75%; } 
#footer { height: 9%; background-color: #486ba5; } 
/* GENERAL EVENTS END */
/* HEADER START */
.header_up { width: 100%; height: 55.56%; background-color: #fff; } 
.header_up-inner { position: relative; width: 100%; height: 80%; top: 10%; } 
.header_up-wrp { position: relative; width: 80%; height: 100%; left: 10%; } 
.logo { position: relative; width: 6.2475%; height: 100%; float: left; background: url(index_imgs/logo.png); background-size: 100% 100%; 
-webkit-transition-duration: 2s; transition-duration: 2s; }
.blnk { position: relative; width: 4.165%; height: 100%; float: left; }
.title { position: relative; width: 89.5875%; height: 100%; float: left; }
.title-left { position: relative; width: 40%; height: 50%; top: 25%; float: left; }
.logo:hover { cursor: pointer; background: url(index_imgs/ok.png); background-size: 100% 100%; }
.title-left_style { color: #348f5d; font-family: "Lucida"; font-size: 1.1em; -webkit-transition-duration: 2s; transition-duration: 2s; }
.title-left_style:hover { color: #111; cursor: pointer; }
.header_down { width: 100%; height: 44.44%; background-color: #486ba5; } 
.header_down-inner { position: relative; width: 83.34%; height: 74.998%; left: 8.33%; top: 12.501%; } 
.topmenu-left { position: relative; width: 36.68%; height: 100%; float: left; }
.topmenu-blnk { position: relative; width: 15%; height: 100%; float: left; }
.topmenu-right { position: relative; width: 48.32%; height: 100%; float: left; }
.topmenu-menu { position: relative; width: 30%; height: 100%; float: left; border-radius: 0.5em; -webkit-transition-duration: 1s; transition-duration: 1s; }
.topmenu-title { position: relative; width: 100%; height: 56%; top: 22%; bbackground-color: red; }
.topmenu-blank { position: relative; width: 5%; height: 100%; float: left; }
.topmenu-menu:hover { background-color: #272c3c; }
.topmenu-titlestyle { color: #ffffff; font-size: 1em; font-family: "Lucida"; text-align: center; }
.topmenu-titlestyle:hover { cursor: pointer; color: #f4f4f4; }
.tmr-left { position: relative; width: 74%; height: 100%; float: left; } 
.tmr-blnk { position: relative; width: 8%; height: 100%; float: left; } 
.tmr-right { position: relative; width: 18%; height: 100%; float: left; border-radius: 0.5em; background-color: #3d5785; } 
.tmr-left-inner { position: relative; width: 95%; height: 60%; left: 2.5%; top: 20%; }  
.tmr-right-inner { position: relative; width: 82%; height: 60%; left: 9%; top: 20%; } 
#tmrri_tr { width: 45%; height: 100%; float: left; cursor: pointer; border-radius: 0.3em; background: url(index_imgs/tr.png); background-size: 100% 100%; -webkit-transition-duration: 0.9s; transition-duration: 0.9s; }
#tmrri_blnk { width: 10%; height: 100%; float: left; }
#tmrri_en { width: 45%; height: 100%; float: left; cursor: pointer; border-radius: 0.3em; background: url(index_imgs/en.png); background-size: 100% 100%; -webkit-transition-duration: 0.9s; transition-duration: 0.9s; }
#tmrri_tr:hover, #tmrri_en:hover { opacity: 0.5; }
.topmenu-h2style { color: #ffffff; font-size: 1.3em; font-family: "Lucida"; text-align: center; padding-top: 6.4%; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; }
.topmenu-h2style:hover { cursor: pointer; color: #f4f4f4; }
/* HEADER END */
/* CENTER START */
#center-wrp { position: relative; width: 92%; height: 80%; left: 4%; top: 10%; }
#MainContent { position: relative; width: 100%; height: 100%; }
.MenuRow { position: relative; width: 100%; height: 25%; }
.MenuBox { position: relative; width: 22%; height: 60%; float: left; }
.MenuBoxMarginLeft { margin-left: 4%; }
.MenuBoxMarginTop1 { margin-top: 1%; }
.MenuBoxMarginTop2 { margin-top: 2%; }
.MenuBoxMarginTop3 { margin-top: 3%; }
.MenuBoxButton { width: 100%; height: 100%; color: #133a26; font-size: 1.5em; font-family: "Lucida"; background-color: #85c68e;
border: 2px solid #004935; border-radius: 0.7em; -webkit-transition-duration: 2s; transition-duration: 2s; }
.MenuBoxButton:hover { color: #fff; border-color: #000; background-color: #00865e; cursor: pointer; }
.MenuBoxButtonNow { width: 100%; height: 100%; color: #fff; font-size: 1.5em; font-family: "Lucida"; background-color: #348f5d;
border: 2px solid #004935; border-radius: 0.7em; -webkit-transition-duration: 2s; transition-duration: 2s; }
.MenuBoxButtonNow:hover { border-color: #000; background-color: #53ab7b; cursor: pointer; }
.MenuBoxButtonBottom { width: 100%; height: 100%; color: #133a26; font-size: 1.5em; font-family: "Lucida"; border-radius: 0.5em; 
-webkit-transition-duration: 0.9s; transition-duration: 0.9s; }
.MenuBoxButtonBottom:hover { color: #8e0c08; background-color: #c9c9c9; cursor: pointer; }
/* CENTER END */
/* FOOTER START */
.f1 { width: 8.33%; height: 100%; float: left; }
.f2 { width: 41.66%; height: 100%; float: left; }
.f3 { width: 16.66%; height: 100%; float: left; }
.f4 { width: 25%; height: 100%; float: left; }
.f5 { width: 8.33%; height: 100%; float: left; }
.f2-left { width: 35%; height: 100%; float: left; }
.f2left-content { position: relative; width: 100%; height: 30%; top: 35%; }
.f2leftcontent-title { position: relative; width: 52%; height: 100%; }
.f2left-content:hover { cursor: pointer; }
.f2leftcontenttitle-style { color: #f7f8f1; font-family: "Courier New"; font-size: 0.9em; }
.coder, .builder { position: relative; float: left; width: 48.314%; height: 60%; top: 20%; border-radius: 0.4em; background-color: #a5a5a5; 
-webkit-transition-duration: 3s; transition-duration: 3s; } 
.coder-cover, .builder-cover { position: relative; width: 98.79%; height: 94.45%; left: 0.605%; top: 2.77%; border-radius: 0.4em; background-color: #010131; } 
.coder-layer1, .builder-layer1 { position: relative;  width: 100%; height: 35.3%; top: 8.8%; color: #247674; font-size: 0.8em; font-family: system; 
text-align: center; -webkit-transition-duration: 2s; transition-duration: 2s; } 
.coder-layer2, .builder-layer2 { position: relative; width: 100%; height: 41.16%; top: 8.8%; color: #575757; font-size: 0.9em;font-family: system; 
text-align: center; -webkit-transition-duration: 2s; transition-duration: 2s; } 
.coder:hover, .builder:hover { background-color: #00f227; opacity: 0.9; }
.coder-layer1:hover, .builder-layer1:hover { color: #00f227; cursor: pointer; }
.coder-layer2:hover, .builder-layer2:hover { color: #00f227; cursor: pointer; }
.copy:hover { color: #272c3c; cursor: pointer; }
.builder { left: 3.511%; }
/* FOOTER END */
/* RESPONSIVE START */
@media only screen and (max-width: 599px) {
/* GENERAL EVENTS START */
/* GENERAL EVENTS END */
/* HEADER START */
.logo { width: 16.66%; }
.blnk { width: 8.33%; }
.title { width: 75%; }
.title-left { width: 90%; }
.title-h2style { font-size: 1.1em; padding-top: 5%; }
.topmenu-left { width: 98%; }
.topmenu-blnk { display: none; }
.topmenu-right { display: none; }
/* HEADER END */
/* CENTER START */
.MenuRow { padding-top: 0.9%; }
.MenuBoxButton, .MenuBoxButton:hover, .MenuBoxButtonBottom, .MenuBoxButtonBottom:hover, .MenuBoxButtonNow, .MenuBoxButtonNow:hover { font-size: 1em; }
/* CENTER END */
/* FOOTER START */
.f1 { width: 2%; height: 100%; }
.f2 { width: 35%; height: 100%; }
.f3 { display: none; }
.f4 { width: 61%; height: 100%; font-size: 0.9em; }
.f5 { width: 2%; height: 100%; }
.f2-left { width: 96%; }
.f2leftcontent-title { position: relative; width: 88%; height: 100%; }
.title-left_style { text-align: center; }
/* FOOTER END */
}
/* RESPONSIVE END */
/* *********************************************************************************************************************************************************************************************************************** */
/* *********************************************************************************************************************************************************************************************************************** */
/* OTHER PAGES START */
/* *********************************************************************************************************************************************************************************************************************** */
/* *********************************************************************************************************************************************************************************************************************** */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HAKKINDA START */
#hakkinda-1 { position: relative; width: 100%; height: 5%; }
#hakkinda-3 { position: relative; width: 100%; height: 15%;  }
#hakkinda-5 { position: relative; width: 100%; height: 22.5%; }
#hakkinda-7 { position: relative; width: 100%; height: 5%; }
#hakkinda-9 { position: relative; width: 100%; height: 7.5%; }
#hakkinda-11 { position: relative; width: 100%; height: 7.5%; }
#hakkinda-2, #hakkinda-4, #hakkinda-6, #hakkinda-8, #hakkinda-10 { position: relative; width: 100%; height: 7.5%; }
.hakkinda-hstyle { color: #ea4335; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
.hakkinda-hstyle_ { color: #111; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
/* HAKKINDA RESPONSIVE START */
@media only screen and (max-width: 599px) {
}
/* HAKKINDA RESPONSIVE END */
/* HAKKINDA END */
/* ILETISIM START */
#iletisim-1, #iletisim-3, #iletisim-5, #iletisim-7 { position: relative; width: 100%; height: 7.5%; }
#iletisim-2, #iletisim-4, #iletisim-6, #iletisim-8 { position: relative; width: 100%; height: 5%; }
#iletisim-9 { position: relative; width: 100%; height: 50%; }
.iletisim-hstyle { color: #ea4335; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
.iletisim-hstyle_ { color: #111; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
/* ILETISIM RESPONSIVE START */
@media only screen and (max-width: 599px) {
}
/* ILETISIM RESPONSIVE END */
/* ILETISIM END */
/* SITE HARITASI START */
#site-haritasi-1, #site-haritasi-3, #site-haritasi-5, #site-haritasi-7 { position: relative; width: 100%; height: 7.5%; }
#site-haritasi-2, #site-haritasi-4, #site-haritasi-6, #site-haritasi-8 { position: relative; width: 100%; height: 5%; }
#site-haritasi-9 { position: relative; width: 100%; height: 50%; }
.site-haritasi-hstyle { color: #ea4335; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
.site-haritasi-hstyle_ { color: #111; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
/* SITE HARITASI RESPONSIVE START */
@media only screen and (max-width: 599px) {
}
/* SITE HARITASI RESPONSIVE END */
/* SITE HARITASI END */
/* SITE KURALLARI START */
#site-kurallari-1 { position: relative; width: 100%; height: 5%; }
#site-kurallari-3 { position: relative; width: 100%; height: 20%; }
#site-kurallari-5 { position: relative; width: 100%; height: 10%; }
#site-kurallari-7 { position: relative; width: 100%; height: 20%; }
#site-kurallari-2, #site-kurallari-4, #site-kurallari-6, #site-kurallari-8 { position: relative; width: 100%; height: 5%; }
#site-kurallari-9 { position: relative; width: 100%; height: 25%; }
.site-kurallari-hstyle { color: #ea4335; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
.site-kurallari-hstyle_ { color: #111; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
/* SITE KURALLARI RESPONSIVE START */
@media only screen and (max-width: 599px) {
}
/* SITE KURALLARI RESPONSIVE END */
/* SITE KURALLARI END */
/* SITE STANDARTLARI START */
#site-standartlari-1, #site-standartlari-5, #site-standartlari-9 { position: relative; width: 100%; height: 5%; }
#site-standartlari-3, #site-standartlari-7, #site-standartlari-11 { position: relative; width: 100%; height: 5%; }
#site-standartlari-2, #site-standartlari-4, #site-standartlari-6, #site-standartlari-8, #site-standartlari-10 { position: relative; width: 100%; height: 5%; }
.site-standartlari-hstyle { color: #ea4335; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
.site-standartlari-hstyle_ { color: #111; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
/* SITE STANDARTLARI RESPONSIVE START */
@media only screen and (max-width: 599px) {
}
/* SITE STANDARTLARI RESPONSIVE END */
/* SITE STANDARTLARI END */
/* GIZLILIK POLITIKASI START */
#gizlilik-politikasi-1, #gizlilik-politikasi-3, #gizlilik-politikasi-5, #gizlilik-politikasi-7 { position: relative; width: 100%; height: 7.5%; }
#gizlilik-politikasi-2, #gizlilik-politikasi-4, #gizlilik-politikasi-6, #gizlilik-politikasi-8 { position: relative; width: 100%; height: 5%; }
#gizlilik-politikasi-9 { position: relative; width: 100%; height: 50%; }
.gizlilik-politikasi-hstyle { color: #ea4335; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
.gizlilik-politikasi-hstyle_ { color: #111; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
/* GIZLILIK POLITIKASI RESPONSIVE START */
@media only screen and (max-width: 599px) {
}
/* GIZLILIK POLITIKASI RESPONSIVE END */
/* GIZLILIK POLITIKASI END */
/* YASAL UYARI START */
#yasal-uyari-1 { position: relative; width: 100%; height: 7%; }
#yasal-uyari-3 { position: relative; width: 100%; height: 59%; }
#yasal-uyari-5 { position: relative; width: 100%; height: 14%; }
#yasal-uyari-7 { position: relative; width: 100%; height: 10%; }
#yasal-uyari-2, #yasal-uyari-4, #yasal-uyari-6, #yasal-uyari-8 { position: relative; width: 100%; height: 2.5%; }
#yyasal-uyari-9 { position: relative; width: 100%; height: 20%; background-color: red; }
.yasal-uyari-hstyle { color: #ea4335; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
.yasal-uyari-hstyle_ { color: #111; font-size: 0.7em; font-weight: bold; font-family: "Courier New"; }
/* YASAL UYARI RESPONSIVE START */
@media only screen and (max-width: 599px) {
}
/* YASAL UYARI RESPONSIVE END */
/* YASAL UYARI END */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* *********************************************************************************************************************************************************************************************************************** */
/* *********************************************************************************************************************************************************************************************************************** */
/* OTHER PAGES END */
/* *********************************************************************************************************************************************************************************************************************** */
/* *********************************************************************************************************************************************************************************************************************** */