#logo a p, #logo a span {
left : 150px;
position : absolute;
}
#header, #logo, #menu {
height : 100px;
}
#logo, #mega li {
position : relative;
}
#top {
line-height : 40px;
}
#mega li{
line-height : 50px;
}
#logo a p{
text-transform : uppercase;
}
#logo a p, #logo a span, #mega div {
position : absolute;
}
#header, #top, .center, body, html {
width : 100%;
}
#logo, #mega div a {
box-sizing : border-box;
}
#mega li:hover div a, #top a.tel:hover, #top a:hover {
color : #fff;
}
::selection {
color : #fff;
background : #00AEEF;
}
::-moz-selection {
color : #fff;
background : #00AEEF;
}
* {
font-family: "Poppins", sans-serif;
}
b, h1, h2, h3, strong {
font-weight : 500;
}
body, html {
margin : 0;
padding : 0;
min-height : 100%;
background : #fafafa;
font-weight : 400;
}
img {
border : 0;
}
body {
font-size : 13px;
}
.left {
float : left;
}
#mega, #menu, #top a.tel, .right {
float : right;
}
.clear {
clear : both;
}
.center {
margin : 0 auto;
max-width : 1000px;
}
.footer {
min-height : 180px;
}
#top {
height : 40px;
background : #eee;
background : #00AEEF;
position : relative;
z-index : 5;
}
#top a {
color : #fff;
text-decoration : none;
transition : all 0.2s linear;
}
#top a.go {
background : url(../img/go.png) left center no-repeat;
padding-left : 20px;
margin-left : 5px;
}
#top a.tel {
font-weight : 500;
font-size : 14px;
}
#top a.tel i {
float : left;
display : inline-block;
font-size : 20px;
color : #fff;
height : 40px;
line-height : 40px;
padding-right : 10px;
}
#top a.tel b {
float : left;
display : inline-block;
}
#logo a p, #mega {
margin : 0;
padding : 0;
}
#mega a, #mega div a {
padding : 0 15px;
display : block;
text-decoration : none;
}
#logo a p b, #mega li:hover a {
color : #00AEEF;
}
#header {
border-bottom : 1px solid #ddd;
z-index : 4;
position :relative;
background : #fff;
box-shadow : 0 0 12px 3px rgb(0, 0, 0, 0.05);
}
#logo {
float : left;
width : 300px;
padding : 25px 0px;
}
#logo a p {
top : 27px;
font-size : 20px;
color : #444;
font-family: 'Trebuchet MS', sans-serif !Important;
}
#logo a img {
animation: flipInY; 
animation-duration: 1s;
}
#logo a p b{
font-family: 'Trebuchet MS', sans-serif !Important;
}
#logo a span {
top : 54px;
font-size : 13px;
color : #444;
}
#mega {
list-style : none;
}
#mega li {
float : left;
padding-top : 25px;
padding-bottom : 25px;
}
#mega li a.sahibinden {
color: #000;
background: #F8ED00;
font-weight: 500;
text-transform : lowercase;
border-radius : 10px;
margin-left : 10px;
}
#mega li:first-child {
border-left : 0;
}
#mega a {
font-size : 15px;
color : #444;
}
#mega div, .iform b, input.giris {
font-weight : 400;
}
#mega li.sec {
background : url(../img/ok.png) bottom center no-repeat;
}
#mega div {
left : -999em;
border : 0;
text-align : left;
background : #00AEEF;
min-width : 150px;
z-index : 3;
}
#mega li:hover div {
left : 0;
top : 100px;
}
#mega div a {
float : left;
width : 100%;
line-height : 35px;
white-space : nowrap;
text-transform : capitalize;
border-bottom : 1px solid rgb(0, 0, 0, 0.1);
}
#mega div a:active, #mega div a:focus, #mega div a:hover {
text-decoration : none;
background : #c00;
color : #fff;
}
.baslik, .baslik2 {
margin : 0 auto;
color : #00AEEF;
line-height : 40px;
box-sizing : border-box;
}
.baslik {
border-bottom : 2px solid #eee;
width : 1000px;
padding : 10px 0;
}
#page{
width : 1000px;
}
.baslik2 {
width : 100%;
padding : 0;
background : #eee;
background : linear-gradient(#e3e3e3, #eee);
color : #333;
padding : 5px 0;
margin-bottom : 25px;
}
.baslik b, .baslik h1, .baslik2 h1 {
margin : 0;
padding : 0;
font-size : 15px;
}
h3 {
display : block;
font-size : 15px;
color : #00AEEF;
}
#page {
margin : 0 auto;
}
.y30, .y50 {
float : left;
height : auto;
box-sizing : border-box;
padding : 0 5px;
}
.y50 {
width : 50%;
}
.y30 {
width : 33.3%;
}
.iform, input.ifo, textarea.ifo {
box-sizing : border-box;
padding : 10px;
width : 100%;
}
.iform {
float : right;
background : #00AEEF;
height : 362px;
}
.iform b {
display : block;
color : #fff;
font-size : 15px;
margin-top : 5px;
}
input.giris, input.ifo, textarea.ifo {
margin-top : 12.5px;
outline : 0;
transition : all 0.2s linear;
}
input.ifo, textarea.ifo {
height : 38px;
line-height : 18px;
background : #fff;
border : rgb(0, 0, 0, 0.1) solid 1px;
color : #333;
}
textarea.ifo {
height : 80px;
line-height : 20px;
}
input.ifo:focus, textarea.ifo:focus {
background : #eee;
}
input.giris {
float : right;
cursor : pointer;
height : 45px;
line-height : 22px;
padding : 10px 15px 6px;
background : 0 0;
color : #fff;
border : 0;
text-transform : uppercase;
font-size : 14px;
}
input.giris:hover {
background : rgb(0, 15, 25, 0.9);
}
.kresimo, .zoom-small-image {
border : #ccc solid 1px;
background : #fff;
}
.zoom-small-image {
float : right;
width : 100%;
height : auto;
overflow : hidden;
text-align : center;
box-sizing : border-box;
margin : 10px 0;
}
.kresimo, .resim {
float : left;
box-sizing : border-box;
text-align : center;
}
.kresim {
width : 100%;
box-sizing : border-box;
}
.kresimo {
width : 25%;
height : 90px;
overflow : hidden;
border-right : 0;
margin-bottom : 10px;
}
.flexslider{
box-shadow : 0 0 12px 3px rgb(0, 0, 0, 0.05);
margin-bottom : 20px;
}
.flexslider, .flexslider .flexresim {
width : 100%;
height : 400px;
overflow : hidden;
}
.kresimo:last-child {
border-right : 1px solid #ccc;
}
.flexslider {
position : relative;
margin-top : 25px;
border-radius : 10px;
}
.flexslider .slides > li {
display : none;
}
.flexslider .flexresim {
margin : 0 auto;
display : block;
box-shadow : 0 0 50px rgb(0, 0, 0, 0.05) inset;
}
.flexslider .flex-caption {
text-align : center;
margin-top : -13px;
}
.flexslider .flex-caption h2 {
margin : 0 auto;
padding : 13px 0 0;
color : #fff;
font-size : 15px;
line-height : 50px;
display : inline-block;
}
.flex-control-nav, .flex-direction-nav, .flexslider .slides {
margin : 0;
padding : 0;
list-style : none;
}
.page, .page .tabile {
width : 100%;
}
a.imm,
a.imm i{
display : block;
width : 20px;
height : 20px;
line-height : 20px;
font-size : 20px;
color : #777;
text-decoration : none;
}
.vitrin {
width : calc(100% + 22px);
margin-left : -10px;
}
.flexslider .flex-direction-nav {
width : 100%;
display : block;
position : absolute;
z-index : 2;
}
.flexslider .flex-direction-nav li a {
width : 38px;
height : 80px;
display : block;
text-indent : -9999px;
overflow : hidden;
top : 156px;
transition : all 0.2s linear;
opacity : 0.20000000298023223876953125;
}
.flexslider:hover .flex-direction-nav li a {
opacity : 1;
}
.flexslider .flex-direction-nav li a.next {
position : absolute;
right : 0;
background : url(../img/right.png);
}
.flexslider .flex-direction-nav li a.prev {
position : absolute;
left : 0;
background : url(../img/left.png);
}
.flexslider .flex-direction-nav li a.next:hover, .flexslider .flex-direction-nav li a.prev:hover {
opacity : 0.800000011920928955078125;
}
.flexslider .flex-direction-nav li a.disabled {
opacity : 0.300000011920928955078125;
cursor : default;
}
.flexslider .flex-control-nav {
display : none;
}
.page {
box-sizing : border-box;
position : relative;
}
.page .tabile {
overflow-x : auto;
}
.kod, .resim, .resim a.ub {
padding : 10px;
}
#load {
width : 100%;
height : 100%;
position : absolute;
background : url(../img/load.svg) center center no-repeat #fafafa;
background-size : 100px 100px;
top : 0;
left : 0;
z-index : 3;}
.page a {
color : #00AEEF;
}
.resim {
width : 33.3%;
height : auto;
overflow : hidden;
position : relative;
}
.resim.mini {
width : 15%;
}
.footertop, .resim a.resim_ic {
width : 100%;
box-sizing : border-box;
}
.kod {
font-weight : 500;
color : #444;
position : absolute;
left : 12px;
top : 12px;
}
.resim a.ub {
display : block;
height : 40px;
line-height : 40px;
overflow : hidden;
background : #eee;
text-decoration : none;
transition : all 0.2s linear;
border : #ddd solid 2px;
border-top : 0;
color : #333;
border-bottom-left-radius : 10px;
border-bottom-right-radius : 10px;
}
.resim a.resim_ic {
display : block;
height : auto;
border : #ddd solid 2px;
border-bottom : 0;
padding : 10px;
overflow : hidden;
transition : all 0.2s linear;
background : #fff;
border-top-left-radius : 10px;
border-top-right-radius : 10px;
}
.resim:hover a.resim_ic {
border : #00AEEF solid 2px;
border-bottom : 0;
}
.resim:hover a.ub {
background : #00AEEF;
color : #fff;
border : #00AEEF solid 2px;
border-top : 0;
overflow : hidden;
}
#footertop {
width : 100%;
height : 70px;
background : #00AEEF;
position: relative;
z-index : 3;
margin-top : 25px;
overflow : hidden;
}
#footertop a.icon {
float : right;
display : inline-block;
line-height : 70px;
color : #fff;
text-decoration : none;
font-size : 14px;
}
#footertop a.icon.ad {
float : left;
}
#footertop a.icon b{
float : left;
color : #fff;
}
#footertop a.icon i{
float : left;
display : inline-block;
font-size : 20px;
color : #fff;
margin : 0 10px;
}
#footertop a.icon.ad i{
margin : 0 10px 0 0px;
}
#footer {
width : 100%;
background : url(../images/footer.jpg) bottom center no-repeat;
background-size : cover;
margin-top : 25px;
height : auto;
}
.sosyal {
float : right;
width : 100%;
height : 40px;
clear: both;
}
.sosyal a {
float : right;
width : 40px;
height : 40px;
display : block;
border-radius : 20px;
text-decoration : none;
margin-top : 10px;
margin-left : 10px;
background : #aaa;
}
.sosyal a:hover {
background : #00AEEF;
}
.sosyal a img {
margin : 0 auto;
width : 20px;
height : 20px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
#footer .footer .alan {
float : left;
width : 20%;
padding-right : 20px;
box-sizing : border-box;
}
#footer .footer .alan input.mail {
border : #ddd solid 1px;
border-right : 0;
height : 40px;
line-height : 40px;
padding : 0 10px;
background : #fefefe;
float : right;
outline : 0;
}
#footer .footer .alan span {
float : right;
margin : 0;
height : 40px;
line-height : 40px;
width : 40px;
text-align : center;
background : #e2c97f;
}
#footer .footer .alan span:hover {
background : #d3bb72;
}
#footer .footer .alan.kurumsal {
width : 30%;
}
#footer .footer .alan.bulten {
width : 30%;
text-align : right;
padding-right : 0;
}
#footer .footer .alan b {
display : block;
font-size : 16px;
color : #00AEEF;
padding : 3px 0;
margin-bottom : 20px;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : #666;
line-height : 25px;
cursor : pointer;
}
#footer .footer .alan a:hover {
color : #111;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #666;
line-height : 25px;
}
a.filnet {
float : right;
display : block;
width : 22px;
height : 22px;
background : url(../img/filnet.png) top left no-repeat;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 90px;
}

#left, #mlogo, #slclose, #slopen {
display : none;
}
#copyright {
padding : 15px 0;
border-top : 1px solid #ddd;
margin-top : 15px;
}
@media screen and (max-width: 480px) {
#header, .flexslider {
margin-bottom : 0;
}
#page, #slide, .alan, .baslik, .baslik2, .center {
width : 100%;
}
.center {
padding : 0 15px;
box-sizing : border-box;
}
.page {
padding : 0 10px;
box-sizing : border-box;
}
.vitrin {
width : 100%;
margin-left : 0px;
}
#footer .footer .alan {
width : 50%;
}

#footer .footer .alan.kurumsal {
width : 100%;
border-bottom : 1px solid #ddd;
padding-bottom : 10px;
margin-bottom : 10px;
}#footertop a.icon {
    float:  left
}#header, #logo, #menu {
    height: 80px;
}#logo {
    width: auto;
    padding: 15px 0px;
}#logo a p {
    top: 17px;
}
#footer .footer .alan.bulten {
border-top : 1px solid #ddd;
padding-top : 10px;
margin-top : 10px;
width: 100%;
text-align: left;
}
.sosyal a {
float : left;
margin-left : 0px;
margin-right : 10px;
}
#left, .alan {
box-sizing : border-box;
}
.resim, .zoom-small-image {
overflow : hidden;
text-align : center;
}
#top a {
display : none;
}
#top a.tel {
display : block;
float : left;
}
#home, #menu, #slide .flexslider .slides > li, .mgizle {
display : none;
}
#slide {
float : left;
height : auto;
margin : 0;
background : #fff;
box-shadow : 0 0 5px 0 rgb(0, 0, 0, 0.2);
}
.flexslider {
position : relative;
overflow : hidden;
}
#slide .flexslider .flexresim {
margin : 0 auto;
width : 100%;
height : auto;
display : block;
}
.flex-caption {
display : none;
}
#slide .flexslider .flex-direction-nav li a {
top : 60px;
}
#top a.tel, .duyuru {
margin-left : 0;
}
.alan {
margin : 0;
}
.alan.kr {
min-height : 270px;
background : #fff;
padding-right : 0;
margin-top : 15px;
}
.footerlogo {
margin-left : -10px;
}
#slclose, #slopen {
display : block;
float : right;
width : 55px;
height : 55px;
line-height : 55px;
cursor : pointer;
color : #eee;
margin : 10px 15px;
right : 5px;
background : url(../img/menu.png) right center no-repeat;
background-size : 35px auto;
position : absolute;
}
#slclose, .mbn {
display : none;
}
#cssmenu ul ul a, #cssmenu > ul > li > a > span, #left {
display : block;
}
.footeralan, .footerlogo {
float : left;
width : 50%;
height : 185px;
padding-right : 15px;
margin-right : 15px;
box-sizing : border-box;
}
#left {
width : 100%;
min-height : 100%;
background : #00AEEF;
z-index : 999;
position : absolute;
left : -1500px;
top : 120px;
}
.zoom-small-image {
float : right;
width : 100%;
height : 300px;
border : #ddd solid 1px;
background : #fff;
box-sizing : border-box;
margin : 10px 0;
}
.resim, .y30, .y50 {
float : left;
height : auto;
box-sizing : border-box;
width : 100%;
}
.y30, .y50 {
padding : 0 5px;
}
.flexslider {
margin-top : 0px;
border-radius : 0px;
margin-bottom : 15px;
}
#cssmenu, #cssmenu a, #cssmenu li, #cssmenu ul {
margin : 0;
padding : 0;
border : 0;
list-style : none;
font-weight : 400;
text-decoration : none;
position : relative;
}
#cssmenu a {
outline : 0;
line-height : 45px;
padding-left : 15px;
font-size : 15px;
box-sizing : border-box;
color : #fff;
}
#cssmenu, .dataTables_wrapper .dataTables_filter {
width : 100%;
}
#cssmenu > ul > li > a {
display : block;
border : rgb(255, 255, 255, 0.3) solid 1px;
}
#cssmenu > ul > li > a:hover {
text-decoration : none;
}
#cssmenu > ul > li.active {
border-bottom : none;
}
#cssmenu ul ul {
display : none;
}
#cssmenu ul ul a {
background : #444;
padding-left : 20px;
box-sizing : border-box;
text-transform : capitalize;
}
.flexslider .flex-direction-nav li a, .flexslider .slides > li {
display : none;
}
.resim {
padding : 5px;
}
.resim a.ub {
height : 40px;
line-height : 20px;
}
.flexslider {
width : 100%;
height : auto;
}
.flexslider .flexresim {
margin : 0 auto;
width : 100%;
height : auto;
}
.flexslider .flexresim img {
width : 100%;
height : auto;
}
.resim a.resim_ic {
min-height : 133px;
height : auto;
}
#logo {
width : auto;
}
}
@media screen and (max-width: 380px) {
#logo a img {
height :35px;
margin-top : 7px;
}
#logo a p, #logo a span {
left: 110px;
}
}