/* KÜREKOD İBRAHİM ASLAN // 07 ŞUBAT 2017 // KUREKOD.COM */ @import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700&subset=latin-ext'); @import url('../font/stylesheet.css'); body {font-family: 'Dosis', sans-serif; } .beyaz-bg { background:#fff !important } .padding-bottom0 {padding-bottom:0 !important;} .padding-right0 {padding-right:0 !important;} .padding-top0 {padding-top:0 !important;} .padding-left0 {padding-left:0 !important;} .margin-bottom0 {margin-bottom:0 !important;} .margin-top0 {margin-top:0 !important;} .margin-left0 {margin-left:0 !important;} .margin-right0 {margin-right:0 !important;} @media(min-width: 1200px) { .container {width: 992px} } a {color:#333;text-decoration: none !important} a:hover {color:#000;text-decoration:none} b {font-weight:600} p {font-size:15px;line-height:25px;font-weight: 300} h1,h2,h3,h4,h5,h6 {font-weight: 700} h1 small ,h2 small,h3 small,h4 small ,h5 small ,h6 small{font-weight: 700} /* Preloader */ #preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; /* sayfa yüklenirken österilen arkaplan rengimiz */ z-index:999999; /* efektin arkada kalmadığından emin oluyoruz */} #status { width:150px; height:150px; position:absolute; left:50%; top:50%; background-image:url(loading.svg) ; background-size:cover; /* burası yazının ilk başında bahsettiğimiz animasyonu çağırır */ background-repeat:no-repeat; background-position:center;margin:-100px 0 0 -100px;} /* Preloader */ .logo {float:left} .logo img {width: 210px} .menu {float: right} .menu .ul {float: left;margin-top:47px} .menu .ul li {float: left;margin-left:-7px;} .menu .ul li:before {display:block;content:'';width:1px;height:20px;background: #2bc2e6;float:right;margin-left:0px} .menu .ul li:last-child:before {display:none} .menu .ul li a { font-family: 'Boogaloo';font-size:18px;padding:3px 11px;color:#332e8e;border:2px solid transparent;} .menu .ul li a:hover { color:#2bc2e6 !important} .menu .ul li .menu_aktif:after {content: '';display: block;height: 4px ;background: #d71d4f;margin-top:4px;border-radius:10px;width:60%;margin-left:10px} .menu_aktif {color:#d71d4f !important} .menu .ul li:last-child a:after {display: none} .menu .ul li .a {width: 180px; display: block; z-index: 999; margin-right: -30px; padding-left: 10px; margin-top: -5px;} .menu .ul li .a:hover {background: #fff} .dropdown-content:hover {background: #fff} .xdropdown { position: relative; display: inline-block; } .xdropdown:hover .a { border: 2px solid #332e8e; border-bottom: 0;} .menu:hover .ul li:nth-child(3):before { background: transparent;} .menu:hover .ul li:nth-child(2):before { background: transparent;} .dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 340px; padding: 12px 0; z-index: 999; border:2px solid #332e8e; border-top:0; margin-top: 0 !important; } .menu .dropdown-content li {clear: both;display: block;width: 100%;margin-top: 10px;} .menu .dropdown-content li:before {display: none !important} .menu .dropdown-content li a {font-size: 18px;color:#2bc2e6 !important;border:0 ; padding-left: 0; margin-left:15px} .menu .dropdown-content li a:hover {color:#d71d4f !important;border-bottom: 2px solid #d71d4f;} .xdropdown:hover .dropdown-content , .dropdown-content:hover { display: block; } .menu ul li .search {background:#2cc3e8; color: #fff; height: 35px; display: block; width: 35px; text-align: center;margin-top: -9px;margin-right: -20px;margin-left: 6px} .menu ul li .search i { position: relative; right: 3px; top: 3px;} .menu ul li .search:hover {color:#fff !important;background:#332e8e !important} /*BAYİ GİRİŞİ*/ /*.menu ul li:last-child a {background:#ffb621;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;color:#fff} .menu ul li:last-child a:hover {color:#fff !important;background:#332e8e !important} */ .fancybox-skin {background: none !important;box-shadow: none !important;z-index: 99999} .fancybox-close {right: -38px;top:25px !important} .fancybox-image {background: #fff;border-radius: 10px;} #bayigiris {width: 543px;height: 389px;background: url(../../images/bayigiris.png) center 35px no-repeat; display:none } #bayigiris h1 {color:#fff;font-size: 28px} #bayigiris table { width: 434px;margin: 80px auto 0 auto; color: #fff;position: relative;top:11px} #bayigiris table tr td {padding-top:20px;font-weight: bold;font-size:19px;text-align: right} #bayigiris table tr td .tinput {width: 308px;border-radius:11px;color:#333;border: 0;padding:10px;height: 41px; outline: none;} #bayigiris table tr td .buton {border:0;color:#fff;background: #2bc2e6;padding:14px 24px;font-weight: bold; float: right;border-radius:11px;} #egitim_talep {width: 600px;height: 750px;background: url(../../images/egitimtalep.png) center 35px no-repeat; display:none } #egitim_talep h1 {color:#fff;font-size: 28px} #egitim_talep table { width: 95%; margin: 0px auto 0 auto; color: #fff; position: relative; top: 0; left: 14px;} #egitim_talep table tr td {padding-top:25px;font-weight: 600;font-size:15px;text-align: left} #egitim_talep table tr td .tinput { width: 90%;color:#333;border: 0;padding:10px;height: 41px; outline: none;} #egitim_talep table tr td .buton { border: 0; color: #fff; background: #2bc2e6; padding: 14px 24px; font-weight: bold; float: right; margin-right: 25px; /* border-radius: 11px; */ margin-top: 21px;} #egitim_talep textarea {width: 95%;height: 100px;border: 0;outline: none;padding: 10px;} .input-okul{width: 95%;} .slider {position: relative} .slider .slide-bg {background: url("../../images/slide-bg.png") center center no-repeat;background-size:95%;height: 571px; width: 100%;position:relative;z-index:99} .slide_ic {position: absolute;top:16px;z-index: 919;left:17%;} .slide_ana {background: none;width: 780px} .slide_ana img {width: 394px !important;margin-left:212px;z-index:99;position:relative;top:90px} .slide_ana .tab {position: relative;margin-top:-100px} .slide_ana .tab ul {border:none !important} .slide_ana .tab ul li a {font-weight: bold !important;border:none;} .slide_ana .tab ul li:first-child a {background: url(../../images/tab1.png) no-repeat !important;width: 222px;height: 214px;display: block;background-size:90% !important;margin-top:-132px;margin-left:160px} .tab ul li:nth-child(2) a {background: url(../../images/tab2.png) bottom center no-repeat !important;width:346px;height: 214px;display: block;background-size:90% !important;margin-top:-108.5px;margin-left:-100px; } .slide_ana .tab ul li:last-child a {background: url(../../images/tab3.png) no-repeat !important;width: 222px;height: 214px;display: block;background-size:94% !important;margin-top:-132px;margin-left:-79px} .slide_ana .tab ul li.active a{border:none !important} .slide_ana .tab ul li:first-child.active a:after{ font-family: FontAwesome; color:#d71d4f;font-style: normal;font-weight: normal; text-decoration: inherit;content: '\f0de';font-size: 55px;-moz-transform: rotate(40deg);display:block;position:relative;top:92px;left:61px; -webkit-transform: rotate(49deg);-o-transform: rotate(49deg);-ms-transform: rotate(49deg);transform: rotate(49deg);} .slide_ana .tab ul li:nth-child(2).active a:after{ font-family: FontAwesome; color: #333090; font-style: normal; font-weight: normal; text-decoration: inherit; content: '\f0de'; font-size: 62px; -moz-transform: rotate(40deg); display: block; position: relative; top: -7px; left: 140px; -webkit-transform: rotate(8deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);} .slide_ana .tab ul li:last-child.active a:after{font-family: FontAwesome; color: #ffb621; font-style: normal; font-weight: normal; text-decoration: inherit; content: '\f0de'; font-size: 65px; -moz-transform: rotate(40deg); display: block; position: relative; top: -53px; left: 40px; -webkit-transform: rotate(-52deg); -o-transform: rotate(5deg); -ms-transform: rotate(-52deg); transform: rotate(-52deg);z-index: 999} .no_after::after {display: none !important} .slider .bg1 {height: 561px;background: url("../../images/bg1.png");width: 100%;position: relative;margin-top:-213px} .slide_text {position: absolute;top:105px;z-index: 99;width: 380px;left:300px;font-size: 31px; color:#d71d4f;} .slide_text small {color: #333090;font-size: 31px} .seperator {background: url("../../images/seperator.png") no-repeat;background-size:100%;z-index: 99;position: absolute;top:680px;width: 992px;height:130px;left:15.2%} .urunler {height: 275px;background: #333090;width:100%; } .urunler .container {position: relative} .urunler1 {position: relative;z-index:999;margin-top:-100px} .urunler1 img{width: 480px;z-index: 99;position:relative;} .urunler1 h1 {margin-top:150px;color:#ffb621;font-size:43px;margin-left:45px} .urunler1 p {color:#fff;font-size:20px;margin-top:20px;width:300px ;margin-left:45px} .new {width: 114px;height: 110px;background: url("../../images/yeni.png") center center no-repeat;float:right;position: absolute;right: 25px;margin-top:-55px;z-index: 990} .urunler1 .owl-pagination {margin-top:10px;margin-bottom:20px;} .urunler1 .owl-pagination .owl-page span {width: 10px !important;height: 10px !important;margin:5px 4px !important} .ic2 {background: #2bc2e6;padding:100px 20px 180px 20px} .ic2 h1 {font-size:44px;color:#333090; } .ic2 h2 {font-size:44px;color:#fff;} .ic2 p {font-size:20px;color:#fff;line-height: 30px;margin-top:4px} .urun_iconlar div { width: 77px; color: #fff; float: left; line-height: 30px; text-align: center;font-size: 18px} .bg2 {width: 290px;height: 600px;background: url("../../images/bg2.png") center center no-repeat;background-size: 95%;float:right;position:absolute;right:0px;margin-top:370px} .bg3 {width: 500px;height: 240px;background: url("../../images/bg3.png") center center no-repeat;background-size: 95%;float:left;position:absolute;left:0px;margin-top:370px;margin-left:-230px} .tirtik {width: 100%;height: 67px;background: url(../../images/tirtik.png) top center repeat-x;position: relative;top:-40px;bottom:0} .ic3 {background: url(../../images/ic3.png);padding:100px 20px 130px 20px;margin-top:-71px} .ic3 h1 {font-size: 38.3px; color:#ffb621} .ic3 h1 small {font-size:38.3px;color:#fff;display: block} .ic3 p {color:#fff;font-size:20px;margin-top:5px} .akilli_oyuncu { position: relative;padding-top: 20px;top: 20px;padding-bottom: 15px;background: #d50d4b;} .akilli_oyuncu p {margin-top:15px;font-weight: 200;font-size:19px} .akilli_oyuncu .col-md-3 {width: 27%} .akilli_oyuncu .col-md-9 {width: 73%} .videos {position: relative} .videos .play::before {content: "\f04b"; font-family: FontAwesome;color:#fff;text-align: center;border-radius:4px; width:44px;height: 30px;padding-top:6px;background: #333090;display:block;position: absolute;z-index:99;bottom:25px;left:30px} .videos:hover .play::before {background: #ffb621} .bg4 {width: 351px;height: 300px;background: url("../../images/bg4.png") center center no-repeat;background-size: 95%;float:left;position:absolute;left:0px; margin-top:-197px } .banner { background:#2bc2e6 url("../../images/bg5.png") no-repeat;background-size:100%; margin-top:20px;position: relative;} .banner .tirtik {position: absolute;bottom:-31px ;top:inherit;background: url("../../images/tirtik_b.png")} .gunes { width: 130px;height: 100px; background: url(../../images/gunes.png) bottom; position: relative;} .banner img {width: 280px;margin-top:-17px;} .banner .banner-text {width:390px;float:right;margin-right: 176px;margin-top:50px; } .banner h1 {color:#333090; font-size: 43px;line-height: 40px;} .banner p { line-height: 22px;padding-top: 4px;color: #fff;font-size: 18.5px;font-weight: 100;} .kurumsal_banner {position: relative;left:100px} .banner-urunler {background: url("../../images/c2.png") #d71d4f;height:190px; } .banner-urunler img {margin-left:190px;margin-top:-40px} .c1 {background: url(../../images/c1.png)} .kc1 {background: url(../../images/kc1.png) 5px top repeat-x} .pgk { width: 660px; float: left;margin-top:40px} .igk {margin-top:-67px;position: relative;right: -60px;margin-right: -60px} .page-content {background: #fff;padding-top: 20px} .page-content h1 {font-size:32px;font-weight: bold;color:#2bc2e6} .page-content p {color:#343434;line-height: 24px;font-size:18px} .divide {display:block;width:100%;height:80px;} .liste li:before { content: '';width: 16px; height: 15px; display: block; background: url(../../images/star.png); float: left; margin-top: 2px; margin-right: 7px;} .liste li {font-size:17px;color:#343434;margin-top:20px} .tirtik-c2 {width: 100%;height:20px; background: url("../../images/urunler-bg.png");background-size: cover;margin-top:-11px;position: relative;z-index: 99} .tirtik-c3 {width: 100%;height:21px; background: url("../../images/urunler-bg3.png");background-size: cover;margin-top:-11px;position: relative;z-index: 99} .bg-c2 {width: 100%;background: url("../../images/urunler-bg2.png");background-size: 100%;padding-top:20px} .sidebar h2{font-size:36.5px;color:#2bc2e6; border-bottom:1px dashed #fff;display: inline-block;margin-bottom:20px;margin-top:32px} .sidebar ul li a {color:#fff;border-bottom:1px dashed #fff;display: block;width:160px;font-size:23px;font-weight: bold;margin-bottom:10px;padding-bottom: 10px;} .sidebar ul li a:hover, .sidebar ul li .active {color:#ffb621} .sidebar .tm {color:#ffb621;font-size:23px;font-weight: bold} .banner-urunler .tirtik {background: url("../../images/tirtik_u.png")} .oyunlar {float:left;width: 100%;margin-top:20px} .oyunlar li {width: 100%; color:#fff;clear:both;border-bottom: 1px dashed #fff;font-size:18px;line-height: 20px} .oyunlar li h1 {margin-top:15px; color:#ffb621;font-size:22px;} .oyunlar li p {font-size:19px;margin-bottom:5px} .oyunlar img {width: 187px;min-height: 215px} .ovalbuton { color:#fff;background:#2bc2e6;font-weight: bold;font-size:18px;display: inline-block;border-radius: 15px;padding:3px 9px ;margin-top:15px} .ovalbuton:hover { background:#d71d4f;color:#fff} .paging {margin-bottom: 30px;border-top:1px dashed #fff;padding-top:10px} .paging li {float: left;margin-right: 10px} .paging li a{color:#fff;font-size:20px;opacity: 0.4} .paging li a.active , .paging li a:hover{opacity: 1} .oyunlar .col-md-8 {padding-left:50px} .oyunlar img {margin-left: -24px} .adet {font-size:19px;font-weight: bold;color:#fff;margin-bottom: 10px;display: block;position:relative;top:42px} .list-option {float:right;position: relative;top:-30px} .list-option li {float:left;margin-left:13px} .list-option li:first-child:before {display: none} .list-option li:before {content: '';border:1px solid #2bc2e6;margin-right:13px} .list-option li a {font-size:19px;font-weight: bold;color:#fff} .list-option li a:hover {color:#d71d4f} .urunleric {margin-top:35px;width:220px !important;text-align: center} .urunleric img {width: 100%; } .urunleric h1 {width: 215px;margin-top:3px;font-size:18.5px;font-weight: 700;margin-left:0} .urunleric p {margin-top:5px;width: 100%;font-weight: 300;font-size:18.5px;margin-left:0 } .urunleric i {font-size:20px !important} .urunleric .owl-prev {margin-left:-30px;margin-top:-150px !important} .urunleric .owl-next {margin-right:-15px;margin-top:-150px !important} .urun_detayr {width: 530px;float: right} .urun_detayl {widows: 44.5%} .urun_detay {height:605px;padding-top:40px;background: #333090;margin-top:20px} .urun_detay .urunresim {width:300px;float:right;position: relative;left:-30px;max-height: 400px} .urun_detay h1 {color:#ffb621;font-weight: bold;font-size:32px ;margin-top:35px} .urun_detay p {color:#fff;font-weight: 200;font-size:18px; display: block; height: 116px; } .c3 .tirtik { background: url(../../images/tirtik_urund.png) center -1px repeat-x;height: 59px;margin-bottom: -70px; /* border: 1px solid red; */ top: -112px;} .urun_detay .slide {float:right;width: 338px;} .urun_detay .hide-bullets {float:left; } #flag_detay {display: block} #flag_detay {width: 496px;height: 759px;background: url(../../images/flag_detay.png) center 35px no-repeat; display:none; } #flag_detay h1 {color:#fff;font-size: 28px} .flag { width: 340px;float: right;background: url(../../images/flag.png);height: 315px;background-size: 99%;position: absolute;bottom: -235px;right: -150px;color:#fff;font-weight: bold;font-size:18px} .flag #ozellik { -ms-transform: rotate(8deg); /* IE 9 */ -webkit-transform: rotate(8deg); /* Safari */ transform: rotate(8deg); margin-top: 36px; margin-left: 34px;} .flag #ozellik tr td{padding-bottom:15px;color:#fff} .buttons {margin-top:60px} .buttons ul li {float: left} .buttons ul li a{color: #fff; display: block; width: 187px; padding-top: 15px; height: 65px; font-size: 16px; font-weight: bold; margin-right: 15px; text-align: left; background-size: 25% !important; background-position: 15px center !important; padding-left: 55px;} .buttons ul li a img {float: left;width:40px;margin-left:10px;margin-right: 10px;margin-top:-5px} .buttons ul li:first-child a {border:2px solid #2bc2e6;background: url("../../images/icon1.png") no-repeat;background-position: 28px center !important; padding-left: 82px;} .buttons ul li:first-child a:hover { background: url("../../images/icon1_h.png") no-repeat #2bc2e6;} .buttons ul li:nth-child(2) a {border:2px solid #d72051;background: url("../../images/icon3.png") no-repeat;background-position: 7px center !important;padding-left: 54px;} .buttons ul li:nth-child(2) a:hover {background: url("../../images/icon3_h.png") no-repeat #d72051;;} .buttons ul li:last-child a {border:2px solid #ffb621;background: url("../../images/icon2.png") no-repeat;background-position: 28px center !important;padding-left: 82px;} .buttons ul li:last-child a:hover {background: url("../../images/icon2_h.png") no-repeat #ffb621;;} .s1 {width: 49px;height: 51px;background: url("../../images/s1.png");position: absolute;left: -20px;top:-20px;} .s2 {width: 49px;height: 51px;background: url("../../images/s2.png");position: absolute;right: -20px;top:-20px;} .c3 {background: url("../../images/bg1.png");padding:75px 0 ;position: relative} .c3 h1 {font-size:33px;font-weight: bold;color:#333090;margin-bottom:30px} .c3 h1 small {font-size:33px;font-weight: bold;color:#fff;display: block} .c3 p {font-size:18px;color:#fff;margin-top:10px;margin-bottom: 20px} .other_img {float:left ;margin-top:50px} .other_img li {width:60px;height:60px;text-align: center; background: #fff;border-radius: 100px;margin-bottom:10px;overflow: hidden} .other_img li img {width:45px} .testimonials {background: url("../../images/testimonials.png");} .testimonials .container {background:#ffb621 ;} .testimonials h1 {font-size:32px;color:#333090;font-weight: bold;margin-top:84px} .testimonials h1 small {font-size:32px;color:#d72051;font-weight: bold;display: block} #testimonial {text-align: center} #testimonial h1 {font-size:25px;margin-top:0 !important} #testimonial h3 {font-size:20px;color:#d72051} #testimonial p {font-size:20px;color:#343434;width: 600px;margin: 10px auto;margin-bottom:90px} .testimonials .tirtik {background: url("../../images/tirtik_sales.png");top:50px} .ignore {width:310px !important;height: 40px !important;line-height: 25px !important;border-radius: 10px !important} .nice-select.open .list {width: 100%;margin-top:0px} .sales {background: url("../../images/sales-bg1.png") center top;padding:75px 0} .salesbg {background: url("../../images/sales-bg.png") center top !important;} .sales h1 {font-size:32px;font-weight: bold;color:#fff;margin-top:23px} .sales .shop {margin-left:125px;min-height: 480px} .sales .shop li {margin-top:30px;color:#fff;font-size: 18px;} .sales .shop li h2 {font-size: 18px;font-weight: bold} .sales .shop li img {float:left;margin-left:-20px} .sales .rightarrow { width: 136px;height: 196px;background: url(../../images/rightarrow.png);position: absolute; right: -87px;} .select {width: 315px;margin-top:60px} .select .form-control {margin-top:10px;} .other-product h1 {font-size: 32px;color:#333090;font-weight: bold;margin-top:30px;margin-bottom:30px} .other-product h1 small{display: block; font-size: 32px;color:#2bc2e6;font-weight: bold} #other-product img {width: 140px;float:left;margin-right:10px } #other-product h2 {color: #ffb621; font-weight: bold; position: relative; font-size: 22px; top: 10px; margin-bottom: 10px;} #other-product p {color:#303030;font-size: 20px;} .egitimbanner {height: 440px;width: 100%;background: #d50d4b} .egitimbanner img {width: 100%} .egitimbanner .tirtik {background: url(../../images/tirtik4.png) top center repeat-x;margin-top:-17px;top:0;height: 27px} .referansbanner {position: relative;background: url('../../images/referanslar.png') no-repeat ;background-size:100%;height: 390px} .eg1 {background: url("../../images/ic3.png") #d50d4b;margin-top:0px;color:#fff} .eg1 .container {background: #d50d4b;padding-bottom:75px;padding:0} .eg1 h1 , .sm1 h1 {font-size: 33.3px; color:#ffb621;line-height: 40px;margin-bottom: 20px;margin-top:20px;} .eg1 h1 small , .sm1 h1 small {font-size:33.3px;color:#fff;display: block} .eg1 p , .sm1 p {font-size:20px;margin-bottom: 20px;color:#fff } .eg1 .egitim_liste {padding:0px} .eg1 .egitim_liste li {float: left;font-size: 19px;margin-bottom: 25px;padding: 0;margin-top: -36px;list-style-type: none;margin-left: 0;margin-right: 0;} .eg1 .egitim_liste li:before { font-family: FontAwesome;font-style: normal;content: "\f111";font-size: 10px;margin-right: 10px;position: relative;top: 5px;display: block;/* border: 1px solid red; */float: left;height: 41px;} .sm1 {background: url("../../images/bg6.png")} .sm1 .tirtik {background: url(../../images/tirtik5.png) top center repeat-x;top:-7px;height: 29px;z-index: 999} .sm1 img {position: relative;top:-33px;width: 559px;margin-bottom: -35px} .sm1 .sm1h1 {margin-top:35px} .ea1 {background: #ffb621;padding-bottom:40px} .ea1 .tirtik {background: url(../../images/tirtik6.png) top center repeat-x;top:-27px;height: 29px;z-index: 999;margin-bottom:50px} .ea1 h1 {font-size: 33.3px; color:#333090;line-height: 40px;margin-bottom: 20px;margin-top:0px;} .ea1 h1 small {font-size:33.3px;color:#d71d4f;display: block} .ea1 p {color:#343434;margin-bottom:10px;font-size:20px} .ea_bg3 {background: url("../../images/bg3.png");width: 480px;height: 220px;background-size: 100%;margin-left:-210px;margin-top:-20px} .ea_bg4 {background: url("../../images/bg4_ea.png");width: 220px;height: 516px;background-size: 100%;float:right;margin-top:-550px;margin-right: -80px} .mbanner {background: url("../../images/bg7.png")#343091; } .mbanner .container {background: #343091;padding-bottom:100px} .mtext { width: 100%; float: right; text-align: left; margin-top: 20px; } .mtext h3 {color: #fff;font-size: 24px; font-weight: 500; line-height: 30px; margin-bottom: 19px;} .mg1 h1{color:#2bc2e6;font-size: 32px;font-weight: bold;margin-bottom: 30px} .magazalar li {width: 441px;margin-right:50px;float: left;margin-bottom: 40px} .magazalar li:nth-child(even){margin-right: 0 !important } .magazalar li h2 {color:#343434;font-size:19px;font-weight: bold;margin-left:20px} .magazalar li h2::before {content: '';display: block;width: 16px;height: 15px;background: url("../../images/star.png");float:left;margin-left:-20px;} .magazalar li p {color:#343434;font-size:19px;width: 350px;margin-left:20px} .ibanner {background: #2bc2e6 url("../../images/bg8.png") !important} .iletisim_banner {width: 771px !important; margin-top: 0px !important; } .il1 {padding-top:60px;background: #fff} .il1 h1 {font-size: 40px;font-weight: bold;margin-bottom: 40px; color: #333090} .il1 table {font-weight: 600;color:#343434;width: 363px;font-size: 15px;} .il1 table tr td{padding-bottom: 20px} .il1 table tr td img {position: relative;top:10px;margin-right: 20px} .harita {position: relative;margin-top:40px} .harita div {display: none;} .harita:hover div {background: rgba(51, 48, 144, 0.7);opacity:1;position: relative;z-index:99;width: 100%;height: 345px;overflow: hidden;display: block } .harita div a {display: inline-block;border: 2px solid #ffb620;color:#fff;border-radius:20px;position: absolute;padding:10px;font-weight:bold;font-size:20px;top:40%;left:45%;} .harita:hover div {position: absolute;top:0px;height: 345px !important} .footer {padding:10px 0} .footer p {color:#333090;margin-top:7px;font-size:13px} .footer p span {color:#d50d4b} .sosyal {margin-top:-14px} .sosyal li {float:left;margin-top:10px;margin-left:7px;border:2px solid #fff;padding:2px;border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;} .sosyal li:hover {border:2px solid #d50d4b;} .sosyal li a{font-size:19px;display:block; width: 35px;height:35px;text-align:center;padding-top:8px ;border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;color:#fff; } .sosyal li a i {position:relative;top:-1px;margin-left:1px} .sosyal li a:hover {color:#fff;} .sosyal li a.fb {background:#3b5998} .sosyal li a.tw {background:#1da1f2} .sosyal li a.ins {background:#2079a6} .harita1 {background: url('../../images/harita.png');width: 950px;margin-top:40px;height:395px;background-size: cover;position: relative} .harita1 a {display: block; width: 15px; height: 15px;position: absolute; background: #fff; border-radius: 18px; -o-border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; } .harita1 .tooltip {font-size: 16px} .harita1 .tooltip .tooltip-arrow {border-top-color: #2bc2e6 !important} .harita1 .tooltip .tooltip-inner {background: #2bc2e6;color:#fff;font-weight: bold} .zonguldak { left: 335px;top: 20px;} /*menü*/ select { /* styling */ background-color: white; border: thin solid blue; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } /* arrows */ select.classic { outline: none;border:none; border-radius: 10px; height: 41px; background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #2bc2e6, #2bc2e6); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 6px 9px, 5px 9px, 2.5em 3.5em; background-repeat: no-repeat; } .katalog {position: fixed;top: 200px; right:-125px;z-index:999;font-size: 20px;background: url("../../images/e-bg.png") no-repeat 99%;padding:25px 20px;width:216px;height:77px;-webkit-transition: all 0.4s; font-weight: bold;font-size:22px;color:#fff; } .katalog a {color:#fff;} .katalog:hover {right: 0} .katalog i { margin-left:41px;font-size:24px;margin-right: 5px} #search-btn:hover{background-color: rgba(0,0,0,0.5);cursor: pointer;} #search-overlay{display:none;} .block {position: fixed;top: 0;right: 0;bottom:0 ;left: 0;overflow: auto;text-align: center;background: #14117be0;border: #a0a0a0 solid 1px;margin: 0;z-index: 9999} .block:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: 0;/* Adjusts for spacing */ /* For visualization background: #808080; width: 5px; */} .centered { display: inline-block; vertical-align: middle; width: 50%; padding: 10px 15px; color: #FFF; border: none; background: transparent;} #search-box { position: relative; width: 100%; margin: 0;} #search-form {font-family: 'Boogaloo'; color:#000; height: 75px; border: 4px solid #2cc3e8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; overflow: hidden;border-radius: 70px;-moz-border-radius: 70px;-o-border-radius: 70px;-webkit-border-radius: 70px;} #search-text { font-size: 14px; color: #000; border-width: 0; background: transparent;} #search-box input[type="text"] { width: 100%; padding: 20px; color: #000; outline: none; font-size: 1.4em;} #search-button { position: absolute; top: 0; right: 0; height: 130px; width: 130px; font-size: 60px; color: #fff; text-align: center; line-height: 42px; border-width: 0; background-color: #2cc3e8; -webkit-border-radius: 130px; -moz-border-radius: 130px; border-radius: 130px; cursor: pointer;margin-top: -32px; } #close-btn{ position: fixed; top: 1em; right: 1em;} #close-btn:hover{ color: #777; cursor: pointer;} .egitim_talep {width: 100%;height: 365px;background: url("../../images/egitim_talep.png") no-repeat;color:#fff;} .egitim_talep h1 {color:#fff ;font-size: 44px;margin-top: 130px;} .egitim_talep p {font-size: 24px; margin-top: 8px;} .egitim_talep a { display: inline-block;border: 2px solid #fff; padding: 15px 48px; margin-top: 30px; color: #fff; font-size: 18px;} .egitim_talep a:hover {background: #fff;color:#000;} .sinifresim .item img {width: 100%} .btnt {background: #d71d4f;color:#fff;font-size: 18px;font-weight: bold;padding:5px 15px;border-radius: 6px;margin-top: 20px} .btnt:hover {color:#fff;}