@charset "UTF-8";
/* CSS Document */
body, div, span, applet, h1, h2, h3, h4, h5, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a{text-decoration:none; color:#666;}
input, textarea, button, select{outline:none;}
p{font-size:12px; color:#444;}
.clear { clear:both;}
li{list-style:none !important;}
html , body {width:100%; height: 100%; position: relative;}

.top-bg{position:absolute;width:100%; height:105px; background:rgba(255,255,255,0.9);-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); top:0; z-index:9;}
.wrapper{position:relative; width:1080px; margin:0 auto; z-index:9;}
.header{position:relative; z-index:9;}
.social{position:absolute; float:right; right:0; top:5px; z-index:999;}
.logo-bg{position:absolute; width:100%; margin:0 auto; text-align: center; z-index:99;}
.logo{position:absolute; width:100%; margin:0 auto; text-align: center; z-index:99;}
.logo img{text-align: center;}
.menu {position:relative; top:55px; width:100%;z-index:999;}
.menu .m-left{position:relative; left:-5px;}
.menu .m-right{position:relative; float:right; right:-5px;}
.menu ul li{float:left; margin:0; border-left:1px solid #ddd;}
.menu ul li a{color:#424242; font-size:13px; padding:14px 7px 20px 7px; }
.menu ul li a.active{color:#00a2db; }
.menubtn { display:block;}
.menu-close { display:none;}
.m-tel{display:none; z-index:999;}
.top-70 { padding-top:70px;}

.breadcrumbs {margin:0 0 35px 0; position: relative; width: 100%; border-bottom: 1px solid #eee; padding: 0 0 5px 0;}
.breadcrumbs ul li {display:inline-block;}
.breadcrumbs ul li a{font-size:15px;}
.breadcrumbs ul li strong{color:#333;}

.slogan{position:absolute; width:100%; margin:185px auto 0 auto; text-align:center; z-index:9; display:none;}
.main-bilgiformu{position:absolute; float:right; right:0; top:265px; z-index:10;}
.overlay {background: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;top: 0px;left: 0px;position: absolute;z-index: 21;display:none;}

#main-form {position:relative; display:none; width:700px; height:100%; z-index:9999; padding:0 15px;}
#main-form h3{ margin:10px 0 20px 0; font-size:25px; font-weight:200; color:#fff;}
#main-form .tel{ font-size:22px; font-weight:200; color:#eee; margin:5px 0;}
#main-form p {margin:20px 0 0 0; font-size:15px; font-weight:300; color:#777;}
#main-form input { float:left;width:44%; height:20px; border:none; background:none; border:1px solid #999; border-radius:5px; padding:15px; margin:5px; font-size:15px; font-weight:300; color:#ddd;font-family:Arial, Helvetica, sans-serif;}
#main-form textarea { width:94%; height:50px; border:none; background:none; border:1px solid #999; border-radius:5px; padding:15px; margin:5px; font-size:15px; font-weight:300; color:#ddd;font-family:Arial, Helvetica, sans-serif;}
#main-form .button { width:100%; height:50px; background:#00a2db !important; color:#fff; font-weight:500; margin:15px 0 0 0 ; background:none; font-size:15px; border:none !important; font-family:Arial, Helvetica, sans-serif;}
#main-form ::-webkit-input-placeholder { color:#ddd; }::-moz-placeholder { color:#ddd; } :-ms-input-placeholder { color:#ddd; } input:-moz-placeholder { color:#ddd; }
#main-form .form-check{float:left; margin:20px 0 0 0;}
#main-form .form-check input{float:left; width:20px;}
#main-form .form-check label{float:right; font-weight:300; color:#ddd; margin:3px 10px 0 0 }
#main-form p.form-p{font-size:12px; line-height:15px;}
#main-form .adress p{font-size:16px; font-weight:200; color:#eee; margin:5px 0;}

.footer-bg{position:absolute; width:100%; height:60px; background:#fff; border-top:1px solid #eee; bottom:0; z-index:20;}
.page-footer-bg{position:relative; width:100%; height:60px; background:#fff; border-top:1px solid #eee; z-index:99; margin:0 0 0 0; bottom:-35px;}
.footer { position:relative; width:1080px; margin:0 auto; z-index:99;}
.footer .sogut{ float:left; margin:12px 30px 0 0;}
.footer .adress{ float:left; margin:10px 50px 15px 0; padding:5px 0 5px 30px;}
.footer .adress p{ margin:5px 0 0 30px; font-size:14px; color:#999; font-weight:300;}
.footer span{ position:absolute; float:left;}
.footer .tel{ float:left; margin:16px 0; }
.footer .tel p{ float:left; margin:0 0 0 35px; top:-2px; position:relative; font-size:22px; font-weight:300;}
.footer .copyright p{ float:right; right:0;  top:20px; position:relative; color:#999; font-size:14px; font-weight:300;}
.m-footer{display:none;}

.page-footer-bg .tanitim-filmi{float: right;top:-40px;right: 0;position: absolute;z-index: 99;cursor:pointer;}
.tanitim-filmi {float: right;bottom: 5px;right: 0;position: absolute;z-index: 99;cursor:pointer;}
.mycanvas{display:none !important;}

.yasam-page ul.yasam-slider{height: 1080px;}
.yasam-page ul.yasam-slider li{height: 1080px;}
.yasam-page ul.yasam-slider li > img{ height: 100%; width:100%; z-index: -99; position: relative; position:absolute;}

.yasam-page { position:relative; z-index:8; top:-50px;}
.yasam-page .bx-wrapper .bx-prev { background:url(../img/textslider-prev.jpg) no-repeat; width:35px; height:35px; text-indent:-9999px; display:block; position:absolute; top:53%; z-index:99; float:left; left:60px;}
.yasam-page .bx-wrapper .bx-next { background:url(../img/textslider-next.jpg) no-repeat; width:35px; height:35px; text-indent:-9999px; display:block; position:absolute; top:53%; z-index:99; float:left; left:100px;}
.yasam-page .text {position:relative; float:left; left:0; top:30%;}

.m-text{width:600px; height:175px; position:relative; padding:25px; left:0; top:29%; }
.m-text .text-img{float:left; width:180px; }
.m-text .text-content{float:right; width:330px; height:140px; padding:0 0 0 30px; margin:20px 0; color:#fff;border-left:2px solid #fff;}
.m-text .text-content h1{font-size:28px; color:#fff; font-family: 'Ubuntu', sans-serif; font-weight:400; }
.m-text .text-content p{font-size:15px; color:#eee; line-height:22px; font-family: 'Ubuntu', sans-serif; font-style:italic; font-weight:400; }
.yasam1{background:#189fbc;}
.yasam2{background:#2bb673;}
.yasam3{background:#e73c06;}
.yasam4{background:#a22730;}
.yasam5{background:#217d6b;}
.yasam6{background:#083e66;}
.yasam7{background:#5b8944;}
.yasam8{background:#fdbe11;}
.yasam9{background:#E45B25;}

.konut1{background:#a97c5c;}
.konut2{background:#7FA157;}
.konut3{background:#00a2db;}
.konut4{background:#A15757;}
.konut5{background:#718C3F;}

.avm1{background:#189fbc;}
.ofis2{background:#D8AA00;}
.ofis1{background:#5b8944;}

.page-banner{height:160px !important; width:100%; position:relative; margin:105px 0 60px 0; overflow:hidden;}
.bg{background:#fff; width:100%; height:auto; position:absolute; margin:-40px auto 0  auto; z-index:9;}
.page-title{display: none;}

.metromall-p p{ font-size:15px; color:#666; line-height:27px; font-family: 'Ubuntu', sans-serif; font-style:italic; font-weight:400;}
.metromall-icon img{width:170px;}
/*.katplan-page-tab #tabs{background:#f7f7f7; width:1080px;}
.katplan-page-tab #tabs ul li{padding:20px 0 5px 0;}
.katplan-page-tab #tabs ul li img{width:1060px;}
*/ 
.kat-planlari .blok { display:none;}
.kat-planlari .b-blok{display:block; position:absolute; top:82px; left:598px; width:104px; height:242px; z-index:80;}
.kat-planlari .c-blok{display:block; position:absolute; top:137px; left:786px; width:139px; height:268px; z-index:80;}
.kat-planlari .d-blok{display:block; position:absolute; top:242px; left:653px; width:160px; height:285px; z-index:80;}
.kat-planlari .e-blok{display:block; position:absolute; top:197px; left:444px; width:106px; height:276px; z-index:80;}
.kat-planlari .f-blok{display:block; position:absolute; top:36px; left:225px; width:108px; height:187px; z-index:80;}
.kat-planlari .a-avm{display:block; position:absolute; top:186px; left:131px; width:357px; height:297px; z-index:80;}
.kat-overlay { background:rgba(0, 0, 0, 0.7); display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:99;}

.kat-blok .kat-planlari-blok{position:relative; float:left; width:650px;}
.kat-planlari-blok .b-blok{display:block; position:absolute; top:47px; left:358px; width:auto; height:180px; z-index:80;}
.kat-planlari-blok .b-blok img{width:auto; height:180px;}
.kat-planlari-blok .c-blok{display:block; position:absolute; top:81px; left:473px; width:auto; height:192px; z-index:80;}
.kat-planlari-blok .c-blok img{width:auto; height:192px;}
.kat-planlari-blok .d-blok{display:block; position:absolute; top:146px; left:393px; width:auto; height:200px; z-index:80;}
.kat-planlari-blok .d-blok img{width:auto; height:200px;}
.kat-planlari-blok .e-blok{display:block; position:absolute; top:118px; left:266px; width:auto; height:166px; z-index:80;}
.kat-planlari-blok .e-blok img{width:auto; height:200px;}
.kat-planlari-blok .f-blok{display:block; position:absolute; top:20px; left:135px; width:auto; height:115px; z-index:80;}
.kat-planlari-blok .f-blok img{width:auto; height:115px;}
.kat-planlari-blok .a-avm{display:block; position:absolute; top:110px; left:77px; width:auto; height:182px; z-index:80;}
.kat-planlari-blok .a-avm img{width:auto; height:182px;}
.kat-blok .blok-map{position:relative; float:right; right:0; width:420px;}
.blokInfo {display:none; padding:20px; border-radius:5px; background:#FDBE11; position:absolute; top:66px; left:325px; color:#FFF !important; width:120px}

#daireInfo {
	min-width: 50px;
	min-height: 30px;
	background: rgba(0, 0, 0, 0.64);
	border: 3px solid #000;
	position: fixed;
	padding: 10px;
	display: none;
	float: right;
	color: white;
	font-size: 15pt;
	text-align: center;
	line-height: 30px;
}
#katInfo {
	min-width: 50px;
	min-height: 30px;
	background: rgba(0, 0, 0, 0.64);
	border: 3px solid #000;
	position: fixed;
	padding: 10px;
	display: none;
	float: right;
	color: white;
	font-size: 15pt;
	text-align: center;
	line-height: 30px;
}
.kat-blok-detay .blok-map{position:relative; float:left; width:420px;}
.kat-blok-detay .info {display:none; padding:20px; border-radius:5px; background:#FDBE11; position:absolute; top:66px; left:325px; color:#FFF !important; width:120px}
.kat-blok-detay .blok-plan{position:relative; float:right; right:0; width:580; margin:30px 0 0 0;}
.blok-plan-text{margin:0 0 20px 0;}
.daire-plan-text{margin:0 0 20px 0; position: relative; float: right; right: 0; text-align:right;} 

.kat-blok-daire .blok-plan{position:relative; float:left; width:500px;}
.kat-blok-daire .daire-plan{position:relative; float:right; right:0;}
/*
.kat-blok-daire .daire-plan{position:relative; float:left; width:500px;}
.kat-blok-daire .daire-plan-text{position:relative; float:right; right:0;}
*/
.kat-blok-daire table tr {position:relative;padding:20px; background:#eee; color:#444; font-size:13px; z-index:2;}
.kat-blok-daire table tr:nth-child(odd) {background:#fff;}

.kat-blok-daire table td {position:relative; padding:10px;}


.metromall-page{ position:relative; z-index:8; top:-50px; min-height:350px;}
.metromall-page .about-left { width:50%; float:left; left:0; top:50%; height:100%;}
.metromall-page .about-left-content { width:52%; height:250px; top:90%; left:0; position:absolute; -webkit-border-top-right-radius: 50px;-webkit-border-bottom-right-radius: 50px;-moz-border-radius-topright: 50px;-moz-border-radius-bottomright: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px; z-index:9; border:10px solid #fff; border-left:none !important}
.metromall-page .about-left .text h1 { color:#fff;margin:20px 0;}
.metromall-page .about-left .text p { font-size:17px; line-height:24px; color:#fff;}
.metromall-page .about-left .text { width:460px; float:right; text-align:right; margin:30px 60px 0 0 ; color:#fff;}
.metromall-page .about-right{ width:50%; position:relative; float:right; right:0;} 
.metromall-page .bx-wrapper .bx-prev { background:url(../img/textslider-prev.jpg) no-repeat; width:35px; height:35px; text-indent:-9999px; display:block; position:absolute; top:52%; z-index:99; float:left; left:-90px;}
.metromall-page .bx-wrapper .bx-next { background:url(../img/textslider-next.jpg) no-repeat; width:35px; height:35px; text-indent:-9999px; display:block; position:absolute; top:52%; z-index:99; float:left; left:-50px;}
.konut-page .about-left-content {background:rgba(205, 180, 161, 0.75); }
.homeoffice-page .about-left-content {background:rgba(254, 190, 16, 0.75); }
.avm-page .about-left-content {background:rgba(101, 172, 187, 0.75); }

.page-banner h3{color:#fff; font-weight:200; position:relative; top:100px; font-size:25px;}
#tabs {text-align:center; position:relative;}
#tabs li{display:inline-block; margin:0 15px 20px 15px;}
.wrapper #tabs li a{text-decoration:none; color:#999; font-size:16px; font-weight:200;}
.wrapper #tabs li a:hover, #tabs li.ui-state-active{color:#00a2db; font-weight:300;}
.wrapper #tabs li .active{color:#00a2db; font-weight:300;}
.mobil-katplan{display: none;}

.gallery .gallery-category ul li{float:left; margin:20px 0 30px 8px; width:262px; }
.gallery .gallery-category ul li > a > img { width:250px; height:auto; padding:1px; border:1px solid #ccc; -webkit-transform: scale(1);  -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);  transform: scale(1);  z-index:99;}
.gallery .gallery-category ul li:hover > a > img { -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);  transform: scale(1.1);}
.gallery .gallery-category ul li > a > img, .gallery-category ul li:hover > a > img { -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease}
.gallery .gallery-category  h1{margin:20px 0; font-weight:300; font-size:20px; color:#999; }
.gallery .gallery-category  h2{margin:0; font-weight:300; font-size:20px; color:#999; }
.gallery .box img{float:left; margin:0 1px 1px 0; width:269px; height:185px;}
.galeriye-don a{position:relative; float:right; right:0; top:-20px; color:#00a2db; font-size:15px; background:url(../img/galeriye-don.png) center left no-repeat; padding:0 0 0 20px;}


.iletisim .sidebar {float:left;}
.iletisim .sidebar ul li a{display:block; padding:18px; background:#f7f7f7; color:#777; width:170px; margin:0 0 1px 0;}
.iletisim .sidebar ul li a:hover{background:#00a2db; color:#fff;}
.iletisim .sidebar ul li a.active{background:#00a2db; color:#fff;}

.contact-form {position:relative; float:right; width:800px; padding:30px 30px 0 30px; background:rgba(0, 162, 219, 0.95); z-index:99;}
.contact-form h3{ margin:0 0 15px 0; font-size:35px; font-weight:200; color:#fff;}
.contact-form p {margin:20px 0 0 0; font-size:13px; font-weight:300; color:#f5f5f5;font-family:Arial, Helvetica, sans-serif;}
.contact-form input { width:100%; height:20px; border:none; background:none; border-bottom:1px solid #0f88b2; padding:15px 0; font-size:15px; font-weight:300; color:#f5f5f5; font-family:Arial, Helvetica, sans-serif;}
.contact-form textarea { width:100%; height:50px; border:none; background:none; border-bottom:1px solid #0f88b2; padding:15px 0; font-size:15px; font-weight:300; color:#f5f5f5;font-family:Arial, Helvetica, sans-serif;}
.contact-form .button { width:50%; height:50px; background:#1c6483 !important; color:#fff; font-weight:500; margin:15px 0 0 0 ; background:none; font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.contact-form ::-webkit-input-placeholder { color:#fff; font-family:Arial, Helvetica, sans-serif; }::-moz-placeholder { color:#fff; font-family:Arial, Helvetica, sans-serif; } :-ms-input-placeholder { color:#fff; font-family:Arial, Helvetica, sans-serif; } input:-moz-placeholder { color:#fff; font-family:Arial, Helvetica, sans-serif; }
.form-check{float:left; margin:20px 0 0 0;font-family:Arial, Helvetica, sans-serif;}
.form-check input{float:left; width:20px;}
.form-check label{float:right; font-weight:300; color:#f5f5f5; margin:2px 25px 0 0 }
.f-check{ width:800px;position:relative; margin:0 auto;}

.map{float:right; right:0; position:relative;}

#frmContact {/*background:#FAF8F8;*/padding:0;}
#frmContact div{margin-bottom: 15px; }
#frmContact div label{/*margin-left: 5px*/font-family: calibri;font-family:Arial, Helvetica, sans-serif;}
.demoInputBox{padding:10px; border:#F0F0F0 1px solid; background-color:#FFF;width:90%;}
.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
#frmContact .info{font-size:.8em;color: #FF6600;letter-spacing:2px;padding-left:5px;}
.btnAction{background-color:#FFB703;border:0;padding:10px 40px;color:#000;border:#F0F0F0 1px solid; float: right;}
textarea#content {width: 100%!important;height: 250px!important;}

.pulse1 {position:absolute; width:210px; height:95px; margin:auto;  top:0; left:-20px; bottom:0; right:0; z-index:1; opacity:0; border:3px solid rgba(255,255,255,.1);
	-webkit-animation: pulsejg1 2s linear infinite;-moz-animation: pulsejg1 2s linear infinite;animation: pulsejg1 2s linear infinite;-webkit-box-shadow: inset 0px 0px 15px 10px rgba(255, 255, 255, .8); -moz-box-shadow: inset 0px 0px 15px 10px rgba(255, 255, 255, .8);
	box-shadow: inset 0px 0px 15px 10px rgba(255, 255, 255, .8);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.pulse2 {position:absolute; width:210px; height:95px; margin:auto; top:0; left:-20px; bottom:0; right:0; z-index:2; opacity:0; border:1px solid rgba(255,255,255,0);  
	-webkit-animation: pulsejg2 2s linear infinite;-moz-animation: pulsejg2 2s linear infinite;animation: pulsejg2 2s linear infinite;-webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8); box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;
}
@-webkit-keyframes pulsejg1 {0% {-webkit-transform: scale(.6); opacity: 0;}50% {-webkit-transform: scale(.6);opacity: 0;}60% {-webkit-transform: scale(.9);opacity: .2;}70% {-webkit-transform: scale(1.1);opacity: .35;}80% {-webkit-transform: scale(1.25);opacity: .2;}100% {-webkit-transform: scale(1.4);opacity: 0;}}
@-moz-keyframes pulsejg1 {0% {-moz-transform: scale(.6);opacity: 0;}50% {-moz-transform: scale(.6);opacity: 0;}60% {-moz-transform: scale(.9);opacity: .2;}70% {-moz-transform: scale(1.1); opacity: .35;}80% {-moz-transform: scale(1.25);opacity: .2;}100% {-moz-transform: scale(1.4);opacity: 0;}}
@keyframes pulsejg1 {0% { transform: scale(.6);opacity: 0;}50% {transform: scale(.6);opacity: 0;}60% {transform: scale(.9);opacity: .1;}70% {transform: scale(1.1);opacity: .25;}80% {transform: scale(1.25);opacity: .1;}100% {transform: scale(1.4);opacity: 0;}}
@-webkit-keyframes pulsejg2 {0% {-webkit-transform: scale(.6);opacity: 0;}40% {-webkit-transform: scale(.8);opacity: .05;}50% {-webkit-transform: scale(1);opacity: .1;}60% {-webkit-transform: scale(1.1);opacity: .3;}80% {-webkit-transform: scale(1.2);opacity: .1;}100% {-webkit-transform: scale(1.3);opacity: 0;}}
@-moz-keyframes pulsejg2 {0% {-moz-transform: scale(.6);opacity: 0;}40% {-moz-transform: scale(.8);opacity: .05;}50% {-moz-transform: scale(1);opacity: .1;}60% {-moz-transform: scale(1.1);opacity: .3;}80% {-moz-transform: scale(1.2);opacity: .1;}100% {-moz-transform: scale(1.3);opacity: 0;}}
@keyframes pulsejg2 {0% {transform: scale(.6);opacity: 0;}40% {transform: scale(.8);opacity: .05;}50% {transform: scale(1);opacity: .1;}60% {transform: scale(1.1);opacity: .3;}80% {transform: scale(1.2);opacity: .1;}100% {transform: scale(1.3);opacity: 0;}}

/*
.end { margin-right: 0 !important; }
.counter {float:left; background-color: #fff; padding: 75px 25px; border-radius: 200px; width:185px; border:2px solid #eaeaea; margin:10px 15px 70px 16px }
.counter:hover{ border:2px solid #00a2db; }
.count-title { font-size: 38px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; color:#222;}
.count-text { font-size: 12px; font-weight: normal;  margin-top: 15px; margin-bottom: 0; text-align: center; color:#00a2db }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
*/
sup {vertical-align:super; font-size:smaller; font-size:8px;}

.end { margin-right: 0 !important; }
.counter {float:left; background-color: #fff; padding: 20px; margin:2px 8px 40px 8px;border:1px solid #00a2db; }
.count-title { font-size: 25px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; color:#222; width:212px;}
.count-text { font-size: 12px; font-weight: normal;  margin-top: 15px; margin-bottom: 0; text-align: center; color:#00a2db }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
.counter:hover .count-title { color:#fff;}
.counter:hover .count-text { color:#fff }


div#loader-icon {
	background: url('http://www.hemencar.com/public/img/loading.gif') no-repeat center 150px rgba(255, 255, 255, 0.92);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 22pt;
	color: rgba(0, 162, 219, 0.74);
	padding-top: 260px;
}

@media all and (max-width: 1080px) {
	.menubtn {display: inline-block; position: absolute; float:right;  top:55px; right:20px; width: 42px; z-index:999;  height: 42px; background: url(img/mm-icon-2.png) no-repeat center left; cursor:pointer;}
	.menu .m-right{position:relative; float:none; top:0; right:5px;}
	.menu .m-left{position:relative;  float:none; margin: 55px 0 0 0;}
	.menu { display:none; height:100%; width:100%; margin:0; background-color:#158EC5; position: fixed;  z-index:9999;  left:0; right:0; top:0; bottom:0;   }
	.menu ul {   position: fixed; left:0; right:0; top:0; bottom:0; text-align: center; }
	.menu ul li { display:block; border-left:none; width:100%; padding:0; margin:0; background-color:#158EC5; border-bottom:1px solid #00a2db;}
	.menu ul li a { padding:15px 0; color: #eee;}	
	.menu ul li a.active{color:#0c506b; }
	.menu-close { display:inline-block; position:fixed; float:right; right:22px; top:20px; cursor:pointer; z-index:99999; height:25px; width:25px; background:url(../img/close2.png) no-repeat;}

	html, body{width: 100%; height: 100%; position: relative;}
	#bannerscollection_zoominout_opportune {width:100%;}
	.wrapper{width:100%;}
	.top-bg{}
	.m-tel{display: inline-block; position: absolute; float:left; top:57px; left:20px; cursor:pointer;z-index:999,}
	.menubtn {display: inline-block; position: absolute; float:right; top:55px; right:20px; width: 30px; height: 30px; background: url(../img/mm-icon-2.png) no-repeat center left; cursor:pointer; }

	.logo-bg img{ width:50%; margin:0 auto; text-align: center; z-index:99;}
	.logo a {width:35%; position:relative; float:center; display: block; margin:0 auto; text-align: center; z-index:99;}
	.logo img {width:45%; margin:5px 0 0 0;text-align:center;}
	.social{display: none;}
	.main-bilgiformu{display: none;}
	.slogan{margin:150px auto 0 auto;}
	.slogan img{width:40%; top:-60px;}
	.footer-bg{display: none; width: 100%;}
	.footer {display: none;}
	.m-footer{display:block; position:absolute; width:100%; padding:15px 0; background:#fff; border-top:1px solid #eee; bottom:0; z-index:20;}
	.m-footer a{color:#00a2db; font-size:18px; font-weight:600;}


	.yasam-page { position:relative; z-index:8; top:0;}
	.yasam-page ul.yasam-slider{min-height: 100% !important;}
	.yasam-page ul.yasam-slider li{min-height: 100% !important;}
	.yasam-page ul.yasam-slider li > img{ min-height: 100% !important; min-width:180% !important; z-index: -99; position: relative; position: absolute; left:-350px; top:0; bottom:0; right:0;}

	.yasam-page .bx-wrapper .bx-prev { top:66%; z-index:99; left:20px;}
	.yasam-page .bx-wrapper .bx-next { top:66%; z-index:99; left:60px;}
	.m-text{width:65%; position:relative; height:55px; padding:0 10px 5px 10px; left:0; top:58%; }
	.m-text .text-img{display: none; }
	.m-text .text-content{float:left; width:95%;  padding:0 10px; margin:0 0 5px 0; color:#fff;border-left:none;}
	.m-text .text-content h1{font-size:15px; color:#fff; font-family: 'Ubuntu', sans-serif; font-weight:400; }
	.m-text .text-content p{display: none;}
	.m-text .text-content .mobil-h1 h1{font-size:13px; position:relative; top:-8px;}

	.page-banner{height:300px !important; width:100%; position:relative; margin:0 0 0 0; overflow:hidden;}
	.bg{background:#fff; width:100%; height:200px; position:absolute; margin:-40px auto 0  auto; z-index:9;}
	.page-title{display: block; width:100%; margin: 0 auto; text-align: center; font-size: 25px; color:#999; margin: 0 0 30px 0;}
	.page-footer-bg{display: none;}
	.metromall-page{width: 100%;}
	.metromall-page .page-img img{display:block; width:100%; margin:10px 0 0 0;}
	.metromall-p {padding: 0 25px; margin:10px 0;}
	.metromall-icon{margin:0 0 30px 0;}
	.counter {float:none; background-color: none; padding: 25px; border-radius: 0; width:85%; border:none; margin:0 auto; }

	.gallery{margin: 0 0 50px 0;}
	.gallery .gallery-category{padding:0 15px 15px 15px;}
	.gallery .gallery-category ul li{float:none; margin:2px auto !important; width:50%; text-align: center; }
	.gallery .box img{float:left; margin:0.20% !important; width:24.50%; height:auto;}
	.galeriye-don a{position:relative; float:right; right:0; top:-20px; color:#00a2db; font-size:15px; background:url(../img/galeriye-don.png) center left no-repeat; padding:0 0 0 20px;}
	.kat-planlari  { margin:auto; float:none; display:block;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7));
-o-transform: scale(0.7));
transform: scale(0.7);}

.katplan-page-tab {display: none;}
.mobil-katplan{display: block; width: 100%;}
.mobil-katplan img{width: 100%; margin: 0 0 5px 0;}

.iletisim .sidebar {float:none; width: 100%; margin: 0 auto 40px auto;}
.iletisim .sidebar ul li a{display:block; padding:18px 0; width:90%; margin:1px auto; text-align: center;}
.iletisim-page img{width: 100% !important; }
.contact-form {position:relative; float:none; margin:auto; width:84%;}
.contact-form .button { width:100%; border:none; }
.form-check{margin:0 40px 0 0 ;}
.form-check label{margin:4px 0 0 10px; width:100px; }
.f-check{ width:100%;}
#map{width: 300px; height:200px; left: -35px; position: relative;}


}
@media all and (max-width: 768px) {
	.logo-bg img{ width:60%; margin:0 auto; text-align: center; z-index:99;}
	.logo a {width:40%; position:relative; float:center; display: block; margin:0 auto; text-align: center; z-index:99;}
	.logo img {width:45%; margin:5px 0 0 0;text-align:center;}
	.gallery .box img{float:left; margin:0.20% !important; width:32.50%; height:auto;}

}

@media screen and (max-width:480px) {
	html, body{width: 100%; height: 100%; position: relative;}
	#bannerscollection_zoominout_opportune {width:100%;}
	.wrapper{width:100%;}
	.top-bg{}
	.m-tel{display: inline-block; position: absolute; float:left; top:57px; left:20px; cursor:pointer;z-index:999,}
	.menubtn {display: inline-block; position: absolute; float:right; top:55px; right:20px; width: 30px; height: 30px; background: url(../img/mm-icon-2.png) no-repeat center left; cursor:pointer; }

	.logo-bg img{ width:100%; margin:0 auto; text-align: center; z-index:99;}
	.logo a {width:35%; position:relative; float:center; display: block; margin:0 auto; text-align: center; z-index:99;}
	.logo img {width:95%; margin:5px 0 0 0;text-align:center;}
	.social{display: none;}
	.main-bilgiformu{display: none;}
	.slogan{margin:125px auto 0 auto;}
	.slogan img{width:70%; top:-60px;}
	.footer-bg{display: none; width: 100%;}
	.footer {display: none;}
	.m-footer{display:block; position:absolute; width:100%; padding:15px 0; background:#fff; border-top:1px solid #eee; bottom:0; z-index:20;}
	.m-footer a{color:#00a2db; font-size:18px; font-weight:600;}

	.yasam-page { position:relative; z-index:8; top:0;}
	.yasam-page ul.yasam-slider{height: 650px;}
	.yasam-page ul.yasam-slider li{height: 650px;}
	.yasam-page ul.yasam-slider li > img{ height: 650px; width:1100px; z-index: -99; position: relative; position: absolute; left: -400px;}

	.yasam-page .bx-wrapper .bx-prev { top:68%; z-index:99; left:20px;}
	.yasam-page .bx-wrapper .bx-next { top:68%; z-index:99; left:60px;}
	.m-text{width:65%; position:relative; height:55px; padding:0 10px 5px 10px; left:0; top:58%; }
	.m-text .text-img{display: none; }
	.m-text .text-content{float:left; width:95%;  padding:0 10px; margin:0 0 5px 0; color:#fff;border-left:none;}
	.m-text .text-content h1{font-size:15px; color:#fff; font-family: 'Ubuntu', sans-serif; font-weight:400; }
	.m-text .text-content p{display: none;}
	.m-text .text-content .mobil-h1 h1{font-size:13px; position:relative; top:-8px;}

	.page-banner{height:300px !important; width:100%; position:relative; margin:0 0 0 0; overflow:hidden;}
	.bg{background:#fff; width:100%; height:200px; position:absolute; margin:-40px auto 0  auto; z-index:9;}
	.page-title{display: block; width:100%; margin: 0 auto; text-align: center; font-size: 25px; color:#999; margin: 0 0 30px 0;}
	.page-footer-bg{display: none;}
	.metromall-page{width: 100%;}
	.metromall-page .page-img img{display:block; width:100%; margin:10px 0 0 0;}
	.metromall-p {padding: 0 25px; margin:10px 0;}
	.metromall-icon{margin:0 0 30px 0;}
	.counter {float:center; background-color: none; padding: 25px; border-radius: 0; width:85%; border:none; margin:0 auto }

	.gallery{margin: 0 0 50px 0;}
	.gallery .gallery-category{padding:0 15px 15px 15px;}
	.gallery .gallery-category ul li{float:center; margin:2px auto !important; width:255px; text-align: center; }
	.gallery .box img{float:left; margin:0.20% !important; width:49.50%; height:auto;}
	.galeriye-don a{position:relative; float:right; right:0; top:-20px; color:#00a2db; font-size:15px; background:url(../img/galeriye-don.png) center left no-repeat; padding:0 0 0 20px;}

	.katplan-page-tab {display: none;}
	.mobil-katplan{display: block; width: 100%;}
	.mobil-katplan img{width: 100%; margin: 0 0 5px 0;}

	.iletisim .sidebar {float:center; width: 100%; margin: 0 0 40px 0;}
	.iletisim .sidebar ul li a{display:block; padding:18px 0; width:90%; margin:1px 20px; text-align: center;}
	.iletisim-page img{width: 100% !important; }
	.contact-form {position:relative; float:left; width:84%;}
	.contact-form .button { width:100%; border:none; }
	.form-check{margin:0 40px 0 0 ;}
	.form-check label{margin:4px 0 0 10px; width:100px; }
	.f-check{ width:100%;}
	#map{width: 300px; height:200px; left: -35px; position: relative;}

}

@media screen and (max-width:320px) {
	.gallery .box img{float:left; margin:0.20% !important; width:99.50%; height:auto;}

}