/* Include Open Sans font from Google Web Fonts */ @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,latin-ext); @import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,700,700i&subset=latin-ext'); /*@import url('main.css');*/ body{background:#f5f5f5 /*url('../../images/bg.jpg') repeat 50% 0px */!important; margin: 0 0 60px; color:#666; font-family: 'Poppins', sans-serif; font-size:14px; line-height: 24px; overflow-x:hidden;} /* --------------- sticky footer ------------------ */ html{position: relative; min-height: 100%;} .footer{position: absolute; left: 0; bottom: 0; height: 60px; width: 100%;} /* --------------- sticky footer ------------------ */ .header, .diller {font-family: 'Poppins', sans-serif;} .header{ background:#fff !important; z-index:10; margin:0px !important; padding:10px; -webkit-transition: all 300ms; border-bottom:solid #e3000f 3px; box-shadow: 0 2px 5px rgba(0,0,0,.2)} .header .navbar-nav{margin:23px 0; display:block; float:right; z-index:100 !important; direction:ltr;} .header .navbar-nav li{display:block;} .header .navbar-nav li > a{ margin:0 2px; border-bottom:none; text-shadow:none; border-radius: 15px; padding:5px 10px; font-size:16px; background:none !important; color:#353535; font-weight:bold; transition: all .50s ease; } .header .navbar-nav li:hover > a, .header .navbar-nav li.active:hover > a{background:#9ba1a8 !important; color:#fff; border-bottom:none; transition: all .50s ease; } .header .navbar-nav li.active a{ background:#353535 !important; color:#fff !important; box-shadow:none; border-bottom:none;transition: all .50s ease;} .header .navbar-nav li.active a:focus{ background:none !important; color:#fff !important; border-bottom:none;} .header .navbar-nav li a:focus{ background:#ddd !important; color:#999; border-bottom:none;} .header .navbar-nav li li a{ color:#666 !important; border-bottom:none;} .header .navbar-nav li li a:hover{ color:#fff !important; border-bottom:none;} .header .navbar-brand{position:relative; margin:0px !important; padding:0px 0 !important; height:70px; text-align:center;} .header .navbar-brand img{position:relative; display:inline-block; height:100%;} .navbar-brand span{ z-index:-1; top: 80px; border: solid transparent; height: 0; width: 0; position: absolute; border-top-color: #333333; border-width: 135px; margin-left:-75px; } .navbar-brand span:before { top: -140px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index:-1; border-top-color: #fff; border-width: 135px; margin-left: -135px; } .navbar-collapse.in{margin:0 !important; padding:0 !important; overflow: hidden !important;} nav{z-index:10 !important;} table tbody tr th{background:#353535; color:#fff;} .carousel-control.left, .carousel-control.right{background-image:none !important;} /* diller */ .diller{position:relative; padding:0px; margin:30px;} .diller li{display:inline; margin:5px;} .diller li a{color:#00a1de; border:solid #00a1de 1px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:5px 7px; font-size:13px; font-weight:700;transition: all .50s ease;} .diller li:hover a{color:#353535; border:solid #333333 1px; border-radius:0%; -moz-border-radius:0%; -webkit-border-radius:0%; transition: all .50s ease;} .diller li.active a{color:#fff; border:solid #00a1de 1px; background:#00a1de;transition: all .50s ease;} .firmalar{position:relative; display:block; margin:0px; padding: 10px 0; width:100%; height:130px; background:#fff; list-style:none;} .firmalar li{position:relative; display:inline-block; } #foo1 {margin:0; padding:0px 0;} #foo1 li{ width:270px; text-align:center;} .mainbody{margin:125px auto 20px auto; z-index:10 !important;} .carousel-indicators{text-align:center; bottom:0;} /* SLAYTLAR */ .anasayfaSlide{position:relative; display:block; margin:55px 0 0px 0; z-index:1 !important;} .anasayfaSlide .carousel-inner .item{ height:600px; } .carousel-caption{background:#353535; color:#fff; font-size:24px; display:inline-block !important; width:auto !important; right:auto; bottom:10%; margin-left:15px; padding:10px 20px; border-radius:5px; box-shadow:0 2px 5px 0px #333;} .anasayfabloklar > div{margin:30px 0 20px 0;} .breadcrumb{position:relative; display:block; background:#f5f5f5; font-weight:bold; border-bottom:solid #ccc 1px;} .breadcrumb li a{color:#999;} .breadcrumb li.active {color:#353535;} .iceriklistesi div{margin-bottom:15px;} .iceriklistesi > div > .wrap {height:300px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.3); border-radius: 5px; overflow: hidden; } .iceriklistesi a {position:relative; display:block; text-decoration:none; } .iceriklistesi a .resimler{width:100%; height:250px; position:relative; transition: all .3s linear; border-bottom:solid #333333 2px;} .iceriklistesi a:hover .resimler{ transition: all .3s linear; } .iceriklistesi a .resimler .overlay{position:absolute; opacity:0; filter: alpha(opacity=0); } .iceriklistesi a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#353535; z-index:2; opacity:.6; text-align:center; line-height:250px; transition: all .4s ease; } .iceriklistesi a:hover .resimler .overlay .gi{color:#fff;} .iceriklistesi .icerikBaslik{ position:relative; font-size:16px; font-weight:bold; color:#353535; margin-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 28px; /* fallback */ -webkit-line-clamp: 1; /* number of lines to show */ -webkit-box-orient: vertical; padding:0 10px;} .iceriklistesi > div > .wrap:hover .icerikBaslik{ position:relative; font-size:16px; font-weight:bold; color:#9ba1a8; margin-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 30px; /* fallback */ -webkit-line-clamp: 1; /* number of lines to show */ -webkit-box-orient: vertical; padding:0 10px;} .digermodeller .row{ position:relative; display:block; border-bottom:solid #eee 1px; margin-bottom:5px; padding-bottom:5px; } .digermodeller a{color:#666;} .digermodeller a .modeller2{width:100%; height:50px; position:relative;} .digermodeller a .modeller2 img{display:none;} .digermodeller a .modeller2 .overlay{position:absolute; opacity:0; filter: alpha(opacity=0); } .digermodeller a:hover .modeller2 .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#353535; z-index:2; opacity:.4; filter: alpha(opacity=80); text-align:center; line-height:50px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;} .digermodeller a:hover .modeller2 .overlay .gi{color:#fff;} .teklifal{} .teklifal a{background: #333333; text-align:center; display: block; color: #fff; padding: 20px 0; font-size: 24px; font-weight: bold;} .teklifal a:hover{background: #9ba1a8; text-align:center; display: block; color: #333333; padding: 20px 0; font-size: 24px; font-weight: bold;} .linkler{margin: 0; padding:0; list-style: none; background: #fff; padding: 5px; border-radius: 5px; } .linkler li:last-child a{border: none;} .linkler li a{display: block; color: #333; padding: 7px; border-bottom: solid #eee 1px; } .linkler li a:hover{background:#9ba1a8; display: block; color: #fff; padding: 7px; border-bottom: solid #eee 1px; border-radius: 3px; } .linkler li a:hover i{ color: #fff; margin-right: 5px;} .linkler li a i{ color: #333333; margin-right: 5px;} .soltarafkategoriler{background:#fff; padding:10px 0; margin:0px 0 20px 0; border-radius:5px; box-shadow: 0 1px 2px rgba(0,0,0,0.2)} .soltarafkategoriler ul{margin:0; padding:0; list-style:none;} .soltarafkategoriler li{position:relative; display:block; } .soltarafkategoriler li:last-child{border-bottom:none;} .soltarafkategoriler li>a{position:relative; display:block; padding:10px !important; color:#000; text-decoration:none; border-bottom:solid #eee 1px;} .soltarafkategoriler li a.current, .soltarafkategoriler li a:hover{background:#9ba1a8; color:#fff; text-decoration:none;} .soltarafkategoriler li .submenu{display:none; } .soltarafkategoriler li .submenu a{position:relative; display:block; background:#ddd; color:#9ba1a8; padding-left:25px !important; text-decoration:none; } .soltarafkategoriler li li .submenu a{position:relative; display:block; background:#ccc; color:#9ba1a8; padding-left:40px !important; text-decoration:none; } .soltarafkategoriler li .submenu a:hover{background:#9ba1a8; color:#fff; text-decoration:none;} /* galeriler */ .galeriler{position:relative; display:block; margin:30px 0;} .galeriler .fotogaleri a, .galeriler .videogaleri a{position:relative; display:block; text-decoration:none; } .galeriler a .overlay { background-color:#fff; opacity:0.5;} .galeriler a:hover .overlay { display:block; height:100%; opacity:0.4; position:absolute; transition:all 0.5s ease-in-out; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; width:100%; z-index:4; background-color:#3399cc;} .galerilist a .thumbnail{margin:0 0 10px 0;} .galerilist a .resimler{width:100%; height:150px; position:relative;} .galerilist a .resimler img{display:none;} .galerilist a .resimler .overlay{position:absolute; opacity:0; filter: alpha(opacity=0); } .galerilist a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;} .galerilist a:hover .resimler .overlay .gi{color:#fff;} /* kategorilist */ .kategorilist{ background:url('../../images/videolar_golge.png') no-repeat 50% 160px; margin-bottom:10px;} .kategorilist .vbaslik{ position:relative; margin:0px; padding:0px;} .kategorilist a{position:relative; display:block; font-size:16px; color:#666; text-decoration:none;} .kategorilist a:hover {color:#343434;} .kategorilist a .thumbnail{margin:0 0 10px 0;} .kategorilist a .kategori{width:100%; height:200px; position:relative;} .kategorilist a .kategori img{display:none;} .kategorilist a .kategori .overlay{position:absolute; opacity:0; filter: alpha(opacity=0); } .kategorilist a:hover .kategori .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:190px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;} .kategorilist a:hover .kategori .overlay .gi{color:#fff;} .fotorama{background:#fff; border:solid #eee 1px; margin-bottom:10px; } .harita{position:relative; display:block; background:#fff; border:none; border-bottom:solid #9ba1a8 3px; margin-top:100px; margin-bottom:-90px; } .image_carousel {} #foo1 {margin:20px 0; padding:0; } #foo1 li{text-align:center; height:100px; padding:0 20px; margin:0 5px; overflow:auto;} /* baslik */ .baslik{position: relative; display: block; font-size: 22px; font-weight:bold; padding:0px 0px 10px 0px; margin:0px 0 10px 0; color:#353535; } .baslik:before{content:''; position:absolute; width:100px; height:3px; background:#e3000f; bottom:0px;} /* geri */ .img-responsive {margin: 0 auto;} /*.listMenu*/ .baslik4{margin-top:10px; padding:0px; font-size:22px; font-weight:700; } .listMenu{margin:0;padding:0; list-style:none;} .listMenu li{ padding:0px 0; margin-bottom:1px;} .listMenu li a{display:block; padding:0px 5px 0px 0px; color:#999; font-size:17px; text-decoration:none; background:#fff; box-shadow:0px 2px 2px rgba(0,0,0,0.3);} .listMenu li a span{display:inline-block; background:#353535; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px; padding:8px; width:50px; height:50px; text-decoration:none; text-align:center; vertical-align:middle; float:left;} .listMenu li a:hover span{display:inline-block; background:#ccc; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px; padding:8px; width:50px; height:50px; text-decoration:none; text-align:center; vertical-align:middle; } .listMenu li a span b{display:block; font-size:24px; margin:0; padding:0;} .listMenu li a:hover{ color:#666 !important; } .listMenu li a.active{ color:#000; background:#ddd; border-bottom:solid #ccc 1px;} .listMenu li a span{margin-right:5px;} .listMenu li a.active span{margin-right:5px; color:#000;} .listMenu li a.turuncu{display:block; padding:3px 10px; color:#fff !important; background:#f39c12 !important;} .listMenu li a.turuncu span{color:#fff;} .tumu{position:relative; display:inline-block; top:7px; float:right; font-size:13px; font-weight:700; color:#999;} .tumu:hover{color:#353535;} .formErrorContent{padding:5px !important;} .sidebar{max-width:165px;} #to-top:hover{background:#343434 !important; } .panel{border:solid #dbe1e8 1px;} .glyphicon.bosluk{margin-right:5px;} /*.scrollpage{height:250px;}*/ ul.pagination{padding:0; margin:0;} .table td {vertical-align: middle !important; padding:10px !important;} .table td h5{margin-top:0;} /* Incık Cıncık */ .input-group-addon{background:#f9f9f9;} .chosen-choices{ border-radius:0 3px 3px 0 !important;} .popover-content{padding:0px;} .well-teklifon{background:#f9f9f9 !important; display:block;} .well-table{margin:0px;} a{outline:none !important;} .paylasimiconlar{font-size:16px; color:#999;} .altbosluk{position:relative; display:block;margin-bottom:5px;} .nav-tabs{border-bottom:solid #333333 2px; margin-bottom:10px;} .nav-tabs li a{color:#666;} .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li a:focus{background:#353535; color:#fff; outline:none !important; bottom:0px;} /* Gallery */ a.gallery-link { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor:zoom-in;} .gallery a:hover img, .gallery-image:hover .resimler{opacity: 0.75; filter: alpha(opacity=75);} .gallery-image {position: relative;} .gallery-image-options { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; padding: 10px;} .gallery-image:hover .gallery-image-options { display: block;} .gallery > .row > div { margin-bottom: 15px; } .gallery.gallery-widget > .row > div { margin-bottom: 0; padding-top: 7px; padding-bottom: 7px;} .resimler{width:100%; height:100px;} /* galerilist */ .galerilist{} .galerilist .vbaslik{ position:relative; margin:0px; padding:0px;} .galerilist a{position:relative; display:block; font-size:16px; color:#666; text-decoration:none;} .galerilist a:hover {color:#d1a439;} .galerilist a .thumbnail{margin:15px 0 10px 0;} .galerilist a .galerix{width:100%; height:162px ; position:relative; } .galerilist a .galerix img{display:none;} .galerilist a .galerix .overlay{position:absolute; opacity:0; filter: alpha(opacity=0); } .galerilist a:hover .galerix .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;} .galerilist a:hover .galerix .overlay .gi{color:#fff;} /* galerilistmenu */ .galerilistmenu a{background:#fff; border:solid #eee 1px;} .galerilistmenu a.active{background:#353535; color:#fff !important; border:solid #333333 1px;} .galerilistmenu a:hover, .galerilistmenu a:hover.active{background:#434343; color:#fff !important; border:solid #ccc 1px; text-shadow:none !important;} /* galeriBtns */ .galeriBtns{} .list-group-item .col-md-2{line-height:40px;} .galeriBtns .list-group-item, .galeriBtns .list-group-item h4, .galeriBtns .list-group-item p {background:#ba99bb; color:#fff; border:none;} .galeriBtns .list-group-item.active, .galeriBtns .list-group-item.active h4, .galeriBtns .list-group-item.active p {background:#343434; border:none;} .galeriBtns .list-group-item:hover, .galeriBtns .list-group-item:hover h4, .galeriBtns .list-group-item:hover p {background:#fff; color:#343434 !important; border:none;} .galeriBtns .list-group-item:hover.active, .galeriBtns .list-group-item:hover.active h4, .galeriBtns .list-group-item:hover.active p{background:#fff; color:#343434; border:none;} .btn-primary{background: #333333; color: #fff; font-weight: bold;} .btn-primary:hover{background: #9ba1a8; color: #fff; border: solid #9ba1a8 1px;} /* haberlermodul */ .haberlermodul{border-bottom:solid #eeeeee 1px; padding-bottom:5px; margin:5px 0 0 0;} .haberlermodul .resim{width:100%; height:110px ; position:relative; border:solid #eee 2px;} .haberlermodul b{position:relative; display:block; font-size:16px; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background:url('../../images/arrow.png') no-repeat 0 50%; padding-left:15px;} .haberlermodul p{position:relative; display:block; font-size:14px; width:100%; height:45px; overflow: hidden; text-overflow: ellipsis; margin:5px 0 0 0;} .haberlermodul .btn-haberler {display:inline-block; border:solid #013155 1px; font-weight:bold;} .haberlermodul .btn-haberler:hover{background:#013155; color:#fff; border:solid #013155 1px; font-weight:bold;} a:hover{ text-decoration:none;} .bizeulasin{background:#e3000f; color:#fff; font-size:26px; font-weight:bold; padding:20px 10px; text-align:center; transition: all 1s); border-radius: 0 0 5px 5px;} .bizeulasin:hover{background:#9ba1a8; color:#fff; font-size:26px; font-weight:bold; padding:20px 10px; text-align:center; transition: ease 1s; } /* Footer */ .footer{display:block; background:#353535; color:#999; overflow:hidden;}/* .footer .navbar-nav{position:relatie; margin-top:15px; right:10px; text-align:center;} .footer .navbar-nav a{color:#999; border:solid #333333 1px; padding:5px 6px;} .footer .navbar-nav a:hover, .footer .navbar-nav li.active a{ color:#999; }*/ .footer .row{ font-size:12px;} .footer .row.menuler{padding:10px 15px; color:#999;} .footer .row.menuler > div{margin-bottom:20px;} .footer .row.menuler ul{margin:0; padding:0; list-style:none;} .footer .row.menuler ul li a{position:relative; display:block; color:#ccc; padding:5px 10px;} .footer .row.menuler ul li a:hover{background:#6699cc; color:#fff; text-decoration:none;} .footer h4 {color:#999; font-size:14px; font-weight:bold;} .footer .row .copyright{ color:#999; font-size:12px; margin:20px 0 0 0;} .footer .row .okyazilim{display:inline; margin:20px 0 0 0;} .footer .row .turkey{position:relative; display:block; margin-top:15px;} /* SOSYAL ICON*/ .sosyalmedya{position:relative; margin-top:20px;} .icon {position:relative; display:inline-block; margin-right:3px;} .icon i{position:relative; display:inline-block; color:#999; font-size:18px; margin:0px; padding:0px;} .icon:hover i{color:#fff;} .icon:hover { bottom:0px;} ./*btn-default{background:#c6bfa7; color:#fff;} .shareSelector{margin-right:25px;} */ a { /* Animasyon */ -webkit-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); -moz-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); -ms-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); -o-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); transition: all 250ms cubic-bezier(0.23, 1.000, 0.20, 1.000); text-decoration: none;} .mapContainer{width:100%; height:250px;} /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { 0% {background-position: left;}} /* Standard syntax */ @keyframes mymove { 0% {background-position: left;}} @media (min-width: 768px) and (max-width: 991px) { .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } } @media (max-width: 1200px) { .anasayfaSlide{margin-top:90px;} .navbar-brand{height: 60px !important; } } @media (max-width: 990px) { .anasayfaSerit{position:relative; padding-bottom:20px !important; } .anasayfaSlide .carousel-inner .item{ height:500px; -webkit-animation: mymove 8s infinite; animation: mymove 8s infinite; background-attachment:cover; background-size: auto 100% !important;} .navbar-header { float: none; padding:5px 0px;} .header .container{ float: none;} .icon-bar{ background:#353535 !important;} .navbar-toggle {top:0px; display: block; background:transparent !important; border-color:#9ba1a8 !important; z-index:1 !important;} .navbar-toggle:hover { background:#9ba1a8 !important;} .navbar-toggle:hover .icon-bar{ background:#fff !important;} .navbar-collapse {border-top: 1px solid transparent; box-shadow: none !important; margin: 0 -15px; } .navbar-collapse.collapse { display: auto !important; } .navbar-nav { float: none !important;} .navbar-nav>li { float: none; border-bottom:solid #eee 1px;} .navbar-nav li li{ float: none; border-bottom:solid #eee 1px;} .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .dropdown-menu{position:relative !important; float:none !important; box-shadow:none; border:none; margin:5px 10px !important;} .haberlermodul{position: relative; display: block; margin-bottom:0px;} .faydaliLinkler{margin-bottom: 30px;} } @media (max-width: 767px){ .container>.navbar-header, .container>.navbar-collapse { margin-right: 0; margin-left: 0; } .navbar-toggle{margin-right:0px !important; z-index:1 !important;} .nav-tabs{padding:0; margin:0;} .anasayfaSlide{margin-top:55px;} .copyright{margin-top:10px !important; text-align:center;} .anasayfaSlide .carousel-inner .item{ height:300px; -webkit-animation: mymove 8s infinite; animation: mymove 8s infinite; background-attachment:cover; background-size: auto 100% !important;} .footer{height:80px;} .mainbody{margin:90px auto 150px auto;} } @media (max-width: 480px){ .anasayfaSlide{margin-top:90px;} .anasayfaSlide .carousel-inner .item{ height:200px; -webkit-animation: mymove 8s infinite; animation: mymove 8s infinite; background-attachment:cover; background-size: auto 100% !important;} .firmalar{position:relative; display:block; margin:0px; padding: 10px 0; width:100%; height:100px; background:#fff; list-style:none;} .mainbody{margin:120px auto 0px auto !important;} .carousel-caption{left:0; margin-left:0;} .footer{height:100px;} body{padding-bottom: 40px; font-size: 16px;} }