/* 
   Kodlayan: Serkan Kaynar
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong {font-weight: bold;}
/*clearfix*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* close commented backslash hack */
@font-face {
  font-family: 'Gotham-Light';
  src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Light.otf')  format('opentype'),
       url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf')  format('truetype'), url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.otf')  format('opentype'),
       url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Bold.otf')  format('opentype'),
       url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf')  format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Medium.otf')  format('opentype'),
       url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf')  format('truetype'), url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UskudarSansOneRegular';
  src: url('fonts/UskudarSansOneRegular.eot?#iefix') format('embedded-opentype'),  url('fonts/UskudarSansOneRegular.otf')  format('opentype'),
       url('fonts/UskudarSansOneRegular.woff') format('woff'), url('fonts/UskudarSansOneRegular.ttf')  format('truetype'), url('fonts/UskudarSansOneRegular.svg#UskudarSansOneRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
a { text-decoration:none;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s }
* {  transition: all .1s ease; box-sizing: border-box }
:focus {outline: 0;}
.clr {clear:both}
html, body { height: 100%; color:#273134; font-size:18px;font-family: 'Gotham-Light'; line-height:25px }
h1 { font-size: 64px; }
.fix-area {background-color: #f7f2ee;position: fixed; width: 19.5%; height: 100%; top:0; left:0}
nav {      padding-left: 7%;
    padding-top: 15px;position:relative  }
nav a { font-size: 15px; color: #a9552a; display: block; font-family: 'Gotham-Book'; padding-left: 45px;    padding-top: 8px;}
nav a.first { padding-left:0}
nav a.active{ font-family: 'Gotham-Medium'; }
form { position:absolute; width:70%; left:15%; bottom:10px; padding-top:20px; border-top:1px solid #9f9d9c; }
form h3 { font-size:14px; color:#a9552a;font-family: 'Gotham-Medium'; margin-bottom:10px;  }
input[type=text] {width:100%; border:1px solid #a75429;  background:none; padding:0 5px; height:35px; display:block; margin-bottom:10px;font-family: 'Gotham-Book';}
.yasal-not { width:100%; color:#48484a; padding:0 0 0; text-align:left; font-size:11px; display:block; line-height:13px  }
.yasal-not span { font-family: 'Gotham-Bold';  }
#yasal-not strong {font-family: 'Gotham-Medium'; }
input[type=radio] {    vertical-align: sub;    width: 14px;    height: 14px;    top: 5px;    margin: 5px;    background: none; border:1px solid #a75429;   position: relative;    appearance: none;    -webkit-appearance: none;    -moz-appearance: none;    -ms-appearance: none;    cursor: pointer;}
input[type=radio]:checked::after { position: absolute;left: 1px;height: 11px;    width: 11px;top: 0px;display: block;content: '';background: url(../images/arrow.png)no-repeat center;background-size: contain;border-radius: 0;   }

.checks { width:100%; text-align:left;font-size:11px}
.checks * { display:inline-block}
.checks span {  font-size: 14px;}

input[type=submit] { background: #a75429;font-weight: normal;font-size: 14px; text-align:center; width:100%; height:35px; border: 0;color: #fff;cursor: pointer;transition: all .2s ease-in; margin:10px 0 0; display:block;font-family: 'Gotham-Medium'; }
input[type=submit]:hover { background: #fff; color: #a75429; }

.social {width:199px; height:24px; position:relative; margin:15px auto 0 }
.social a { float:left; display:block;margin-right:19px;  height:100%; background-image:url(../images/social.png)}

.social a.mail { width:30px; background-position:0 0}
.social a.mail:hover {background-position:0 -24px}

.social a.twitter { width:25px; background-position:150px 0}
.social a.twitter:hover {background-position:150px -24px}

.social a.facebook { width:11px; background-position:106px 0}
.social a.facebook:hover {background-position:106px -24px}

.social a.instagram { width:25px; background-position:76px 0}
.social a.instagram:hover {background-position:76px -24px}

.social a.youtube { width:32px; margin-right:0; background-position:32px 0}
.social a.youtube:hover {background-position:32px -24px}

.icon { height:31px; margin:15px 0; background:url(../images/icon.png) no-repeat right center; font-size:12px; color:#a9552a; font-family: 'Gotham-Book'; font-style:italic; padding-top: 15px;}

.page-section { width: 80.5%;  background: #f7f2ee;  margin-left: 19.5%; position:relative }
.paraf {width: 80.5%; margin-left: 19.5%;  background:#fcf9f7; color:#a9552a; font-family: 'Gotham-Light'; font-size:22px; line-height:32px; clear:both; text-align:center; padding:30px 3%}
.paraf span { font-family: 'Gotham-Bold';}
.calcParaf { position:relative; display:block; height:calc(100% - 120px); overflow:hidden}
.calcParaf img { width:100%; position:absolute; top:50%; transform:translateY(-50%)}
.calcParaf.galeriBot img { bottom:0;top:auto; transform:none; position:relative}
.calcParaf2 {  height: calc(100% - 80px);}
.heightFull { width:100%; position:relative; height:100vh}
.parafTitle {width: 80.5%; margin-left: 19.5%;  background:#fcf9f7; color:#a9552a; font-family: 'UskudarSansOneRegular'; font-size:22px; line-height:32px; clear:both; text-align:center; height:120px; padding:0 3%;}
.parafTitle span { font-family: 'UskudarSansOneRegular'; font-weight: bold}
.parafTitle p { top:50%; transform:translateY(-50%); position:relative; width:100%; text-align:center}
.main.page-section { padding: 0; overflow: hidden; position:relative; background:#000; margin-bottom:10px;}
.main.page-section img {width: 100%; display:block }
.second.page-section {  background-image:url(../images/bgSec.png); background-position:left top; background-repeat:no-repeat; background-size:100% auto }
.inner, .inner_two { position:relative;}
.inner {  width:68%; position:relative; margin:0 auto; }
.inner .left, .inner .right { width:45%; float:left;}
.inner .right { float:right;}
.inner .right img { width:100%; }
.inner .left span {font-size:22px;font-family: 'Gotham-Book'; color:#a9552a}
.inner .left span strong {font-family: 'Gotham-Bold'; font-weight:normal}
.inner ul{ width:48%; float:left}
.inner ul:nth-child(2n+2) { float:right}
.inner ul li{ width:100%; position:relative;clear: both;}
.inner ul li span{ display:inline-block;position:relative; z-index:2; background:#fff; padding-right:10px;}
.inner ul li span:nth-child(2n+2) { display:inline-block; position:absolute; width:auto; right:0; float:none; padding-left:10px}
.inner ul li:before { width:100%; left:0; height:1px; border-top:1px dashed #000; content:""; top:50%; position:absolute; }
.inner_two {  width:100%; float:right; position:relative;}
.inner_two.secon {padding:0 0 60px}
.inner_two .left, .inner_two .right { width:50%; float:left; padding-left:16%;}
.inner_two .right { float:right; padding-left:0; width:46%}
.inner_two h3 {font-size:25px; color:#a9552a; line-height: 32px}
.inner_two p { }
.inner_two p span { font-family: 'Gotham-Medium'; color:#a9552a}
.mimariImg {width:69%; display:block; margin:0 auto;}
.mimariRight { padding-right:33.4%; width:100%}
.fullImg {width:100%}
.bottomLogo {  width: 90%;    max-width: 290px;}
.arrow-link { display:inline-block; position:relative;font-family: 'Gotham-Medium'; color:#a9552a; font-size:12px;clear:both }
.arrow-link:after { position:absolute; content:""; width:10px; height:20px; right:-27px; top:2px; background:url(../images/arrow-link.png);-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
.arrow-link:hover:after { right:-34px}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 12px;
    font-family: 'Gotham-Book';
}
.video_play_btn { position:absolute; left:90px; top:90px; z-index:9; display:inline-block; color:#fff; text-align:left; font-size:38px;  font-family: 'Gotham-Book'; height:85px; padding-left:95px; background:url(/images/video_play.png) no-repeat left top}
.video_play_btn span { display:inline-block;  padding-top: 30px;}
#galeri img { height:100%;}
#galeri {height:100vh}
#map  {height:100%}
#galeri  { margin-top:-2px}
#galeri .owl-carousel, #nevbahar .owl-carousel, #konum .owl-carousel, .calcParaf .owl-carousel, .owl-stage-outer, .owl-stage, .owl-item, .owl-item .item { height:100%}
#katplan .page-section { height:100%}
#nevbahar .owl-item img{ height:auto  !important; width:100%; position:relative; top:50%; transform:translateY(-50%)}
#galeri .page-section { height:100%}
.owl-theme .owl-nav { position:absolute; width:100%; top:43%; transform:translateY(-50%); pointer-events:none}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { font-size:150px !important; color:#fff !important; background:none !important; pointer-events:all; padding:0 !important; margin:0 !important; border-radius:0 !important; position:absolute; left:5%}
.owl-carousel .owl-nav .owl-next { left:auto; right:5%}
.mobilHeader, .bilgiformu {display:none}
.mauseclick {width:100px; height:50px; position:absolute; left:50%; bottom:-1px; margin-left:-50px; z-index:2; background:url(../images/clicktop.png); background-size:100% 100%; display:block }
.main.page-section .mauseclick img, .page-section .mauseclick img{ width: 33px; margin-left:-16px; height:auto; position:absolute; top:20px; left:50%;animation: bouncearrow 1s infinite;}
section { position:relative; clear:both}
.gm-style img{ /*transform:none !important;*/}
.videoArea, #video { width:100%; }
.nomarTop {margin-top:0}
.padTop {padding-top: 60px}
.padBot {padding-bottom: 60px}
.padTwis {padding-bottom: 60px; padding-top: 60px}

.parafTop {padding-top: 30px}
.parafBot {padding-bottom: 30px}
.parafTwis {padding-bottom: 30px; padding-top: 30px}

.marTop {margin-top: 30px}
.marBot {margin-bottom: 30px}
.marTwis {margin-bottom: 30px; margin-top: 30px}
/*.owl-item .lokimg { background:#ae5221}
.owl-item .lokimg img{    height: 100% !important;    width: auto !important;    margin: 0 auto !important;    lefT: 50%; top:0;    transform: translateX(-50%);}*/
button { width:40px; height:120px}
button span {    text-shadow: rgb(0, 0, 0) 0px 2px 2px;}

.katplanlari {width:100%; position:relative;display:none;clear: both;}
.katplanlari.current {display:inherit; }
.katplanlari li { margin:2%; width:21%; float:left; border:2px solid #a75429; cursor:pointer; position:relative; box-sizing:border-box}
.katplanlari li img {width:100%; display:block}
.katplanlari li span {width:100%; display:block; text-align:center; padding:15px 0; background:#a75429; color:#fff}
.katplanlari li:hover { border:2px solid #000}
.katplanlari li a {width:100%; height:100%; color:#fff; position:relative; display:block}
.katplanlari li a:hover:after { background:#fff; opacity:0.5; content:""; z-index:1; width:100%; height:100%; top:0; left:0; position:absolute}
.katplanlari li a:hover:before { background:url(../images/zoom.png); z-index:2; content:""; width:50px; height:50px; top:50%; left:50%; margin-left:-25px; margin-top:-25px; position:absolute}
.katplanmenu a {width:25%; float:left; background:#a75429; color:#fff; text-align:center; display:block; padding:15px 0; position:relative }
.katplanmenu a:after { width:1px; height:100%; background:#fff; right:0; top:0; content:""; position:absolute}
.katplanmenu a.select {color:#a75429; background:#fff; }

.launge {position:absolute; right:15%; font-size:12px; top:20px; z-index:9 }
.launge a, .launge span { display:inline-block; color: #a9552a;font-family: 'Gotham-Medium'; }
.launge span { padding:0 5px}
.launge a.select {color: #aaa;cursor: default;}
.adres {margin-top: 10px;
    font-size: 12px;
    color: #a9552a;}
.adres span {    font-family: 'Gotham-Bold';}
@-webkit-keyframes bouncearrow {
    0%{top: 20px;}
    50%{top: 25px; }
    100%{top: 20px;}
}

@keyframes bouncearrow{
    0%{top: 20px;}
    50%{top: 25px; }
    100%{top: 20px;}
}

/** scope coding ***/
body{background: #f7f2ee;}
.logo{    max-width: 216px;}
.scope_brown_title{position:relative; height:100px; line-height:100px; background-color:#a45c44; text-align:center; box-sizing:border-box; font-family: 'UskudarSansOneRegular'; color:#fff; font-size:45px; padding-left: 19.5%;}
.scope_brown_title::after{pointer-events:none;content:' '; right:0; position:absolute; bottom:-100px; height:100px; width:50%; background:url(../images/shadow.png) top right; background-size:cover; z-index:2;}
.half_left{width:50%; float:left;}
.half_left_image{width:50%; float:left; margin-bottom:20px; border-right:10px solid #f7f2ee;} 
.half_right_image{width:50%; float:right; margin-bottom:20px; border-left:10px solid #f7f2ee;} 
.full_width_image{width:100%; float:left; margin-bottom:20px;}
.clear{clear:both;}
.half_content_wrapper{position:relative;}
.half_absolute_wrapper{position:absolute; width:50%; height:100%; top:0;}
.half_absolute_content{padding-left:70px; padding-right:70px; width:100%;}
.half_absolute_content h2{
  color:#a05035;
  font-size: 35px;
  line-height:45px;
  font-family: 'Gotham-Book';
  margin-bottom:10px;
}
.half_absolute_content p{
  color:#010000;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Gotham-Book';
}
.right_absolute{right:0; border-left:10px solid #f7f2ee;}
.left_absolute{left:0; border-right:10px solid #f7f2ee;}
.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.absolute-center-x {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

.absolute-center-y {
  position: absolute;
  top: 50% !important;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.special_content_wrapper{position:relative;}
#uskudar .page-section{margin-bottom:10px;}
#uskudar .img_uskudar_2{width:67%; float:right;}
#uskudar .amblem{position:absolute; left:50%; width:140px; bottom:-70px; margin-left:-70px; z-index:2;}

.green_content_wrapper{position:absolute; width:33%; left:0; background-color:#243745; height:100%; top:0;}
.green_title{color:#fff;font-size: 92px;font-family: 'UskudarSansOneRegular';line-height: 80px;margin-bottom:20px;font-weight:100;}
.green_content_wrapper h2{color:#fff;font-size: 35px;margin-bottom:10px;}
.green_content_wrapper p{color:#fff;font-weight:100;font-size: 18px;font-family:'Gotham-Light';line-height: 28px;}

.cagdas_wrapper_a{width:50%; border-right:10px solid #f7f2ee;  float:left;}
.cagdas_wrapper_b{width:50%; border-left:10px solid #f7f2ee; float:right;}

.brown_content_wrapper{background-color:#a45c44; margin-bottom:20px;}
.right_half_image{float:right; width:50%; margin-bottom:0;border-left:10px solid #f7f2ee;}
.brown_content_wrapper h2{color:#fff;}

.green_full_content_wrapper{background-color:#243745; margin-bottom:20px;}
.green_full_content_wrapper h2{color:#fff;}
.green_full_content_wrapper p{color:#fff;}

.half_page_col_left{float:left; border-right:10px solid #f7f2ee; width:50%;}
.half_page_col_right{float:right; border-left:10px solid #f7f2ee; width:50%;}

.full_content_wrapper{position:relative;}
.left_top_absolute_text{position:absolute; top:70px; left:70px;z-index:1; width:600px;}
  .left_top_absolute_text h2{color:#fff;font-size: 37px;line-height: 45px;font-family: 'Gotham-Book';margin-bottom: 10px;}
  .left_top_absolute_text p{color:#fff;font-size: 18px;line-height: 28px;font-family: 'Gotham-Light';font-weight:100;}
  .left_top_absolute_text p strong{font-family: 'Gotham-Bold';}

.brown_title{padding:50px 70px;background-color:#a45c44;color:#fff;font-size: 35px;line-height: 45px;font-family: 'Gotham-Book';}
.white_content_area{position:relative; font-size: 22px; color:#000000; line-height: 36px; font-family: 'Gotham-Light'; }
.white_content_area div{width:80%;font-size: 18px;line-height: 28px;}

.ic_area_content{width:100%; padding:20px 40px;}
.ic_area_content h2{
  color:#a05035;
  font-size: 31px;
  line-height:45px;
  font-family: 'Gotham-Book';
  margin-bottom:10px;
}
.ic_area_content p{
  color:#010000;
  font-size:18px;
  line-height:28px;
      font-family: 'Gotham-Book';
}

.plan_content {position:relative;}
.plan_content div{width:90%;}
.plan_content h2{
  color:#a05035;
  font-size:40px;
  line-height:45px;
      font-family: 'Gotham-Book';
    margin-bottom:10px;
}
.plan_content p{
  color:#010000;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Gotham-Book';
}

.cagdas_wrapper_c {position:relative;}
.cagdas_wrapper_c .amblem{position:absolute; left:50%; width:140px; top:-70px; margin-left:-70px; z-index:2;}


#nevyasam .page-section{margin-bottom:10px;}
#nevyasam .img_cocoon{width:67%; float:right;}
#nevyasam .img_cocoon_2{width:67%; float:left;}
#nevyasam .cocoon_content_wrapper{width:33%; float:right; padding:30px}
#nevyasam .green_content_wrapper h2{font-size: 32px;line-height:36px;}
#nevyasam .green_content_wrapper h2 strong{font-size: 35px;line-height:42px;font-family:'Gotham-Bold';}
#nevyasam .green_content_wrapper p{font-size: 18px;line-height: 28px;}

#new_uskudar p{font-size: 18px;line-height: 28px;}
#map{width:100%; height:80vh; background-color:#f1f1f1; margin-bottom:20px;}


@media screen and (max-width:1550px) {

    .owl-item img { height:100%  !important;   top:auto; transform:none;}
    html, body { font-size:14px;line-height:20px }
    .inner_two .left, .inner_two .right {padding-left: 7%;}
    .inner_two .right {padding-left: 0;}
    .inner { width: 86%;      }
    .paraf{padding: 50px 0;font-size:16px; line-height:20px }
    .parafTitle{font-size:16px; line-height:20px; height:80px }
    .inner .left span, .inner_two h3 { font-size:18px; line-height: 25px}
    .mimariImg {margin: 0 auto; width:86%}
    .mimariRight {padding-right: 14.4%;}
    .icon { font-size:11px; height:20px; background-size: auto 100%;margin: 10px 0 5px;
    padding-top: 0; }
    .logo {max-width:176px}
    nav { padding-left: 7%; padding-top:15px}
    input[type=text], input[type=submit]{ height:25px}
    .yasal-not { font-size:10px}
    .social {width: 174px;height: 21px;margin: 10px auto 0;}
    .social a { float:left; display:block;margin-right:17px;  height:100%; background-image:url(../images/social.png); background-size:174px 42px    }

    .social a.mail { width:26px; background-position:0 0}
    .social a.mail:hover {background-position:0 -21px}
    .social a.twitter { width:21px; background-position:131px 0}
    .social a.twitter:hover {background-position:131px -21px}
    .social a.facebook { width:10px; background-position:93px 0; margin-right:16px}
    .social a.facebook:hover {background-position:93px -21px}
    .social a.instagram { width:22px; background-position:67px 0}
    .social a.instagram:hover {background-position:67px -21px}
    .social a.youtube { width:28px; margin-right:0; background-position:28px 0}
    .social a.youtube:hover {background-position:28px -21px}
    .owl-item img {height: auto !important}
    .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {font-size: 100px !important;}
    .calcParaf {height: calc(100% - 80px);}
    .mauseclick {width:60px; height:30px; margin-left:-30px}
    .main.page-section .mauseclick img, .page-section .mauseclick img{ width: 24px; margin-left:-12px; top:13px }
    nav a {
    padding-top: 14px;
}

    
    @-webkit-keyframes bouncearrow {
        0%{top: 11px;}
    50%{top: 15px; }
    100%{top: 11px;}
}

@keyframes bouncearrow{
    0%{top:11px;}
    50%{top: 15px; }
    100%{top: 11px;}
}

    }

@media screen and (max-width:1440px) {
  nav a {font-size: 13px; padding-top: 5px;  }
.padTop {padding-top: 40px}
.padBot {padding-bottom: 40px}
.padTwis {padding-bottom: 40px; padding-top:40px}

.parafTop {padding-top: 20px}
.parafBot {padding-bottom: 20px}
.parafTwis {padding-bottom: 20px; padding-top: 20px}

.marTop {margin-top: 20px}
.marBot {margin-bottom: 20px}
.marTwis {margin-bottom: 20px; margin-top: 20px}

}
@media screen and (max-width:1366px) {
  nav {
    padding-top: 5px;
  }
    nav a {
      padding-top: 0;
      font-size: 11px;
    }
  .logo {
    max-width: 115px;
  }
  .adres {
    font-size: 10px;
  }
  form h3 {
    font-size:12px;
    margin-bottom: 5px;
  }
  input[type=text] {
    margin-bottom: 5px;
  }
}
@media screen and (max-width:1024px) {
  
   .owl-item img { height:100%  !important;   top:auto; transform:none;}
    .fix-area { width:24%}
    .page-section { width:76%; margin-left:24% }
    .main.page-section {height:auto}
    #nevbahar .owl-item img { top:0; transform:none}
    #konum, #galeri {height:auto}
    .paraf {      width: 76%;       font-size: 14px;    line-height: 17px; margin-left: 24%; padding: 30px 0;    padding: 30px 25px;   }
    

    
}
.hide_web{display:none;}
.hide_mobile{display:block;}

@media all and (min-width:1521px) and (max-width:1681px){
   .scope_brown_title::after{width:80%;}
   .half_absolute_content h2{font-size:32px; line-height:36px;}
   .half_absolute_content p{font-size:24px; line-height:30px;}
   .green_title{font-size:80px; line-height:80px;}
   .half_absolute_content{padding-left:30px; padding-right:30px;}
}
@media all and (min-width:1367px) and (max-width:1520px){
   .scope_brown_title::after{width:80%;} 
   .half_absolute_content h2{font-size:32px; line-height:36px;}
   .half_absolute_content p{font-size:20px; line-height:24px;}
   .ic_area_content h2{font-size:32px; line-height:36px;}
   .ic_area_content p{font-size:20px; line-height:24px;}
   .plan_content  h2{font-size:32px; line-height:36px;}
   .plan_content  p{font-size:20px; line-height:24px;}
   .left_top_absolute_text  h2{font-size:32px; line-height:36px;}
   .left_top_absolute_text  p{font-size:20px; line-height:24px;}
   
   #new_uskudar h2{font-size:32px; line-height:36px;}
   #new_uskudar p{font-size:16px; line-height:20px;}
   #nevyasam .green_content_wrapper h2{font-size:24px; line-height:28px;}
   #nevyasam .green_content_wrapper h2 strong{font-size:32px; line-height:36px;}
   #nevyasam .green_content_wrapper p{font-size:16px; line-height:20px;}
   .green_title{font-size:60px; line-height:60px;}
   .half_absolute_content{padding-left:30px; padding-right:30px;}
}
@media all and (min-width:1025px) and (max-width:1366px){
   .scope_brown_title::after{width:80%;} 
   .half_absolute_content h2{font-size:26px; line-height:30px;}
   .half_absolute_content p{font-size:16px; line-height:20px;}
   .ic_area_content h2{font-size:26px; line-height:30px;}
   .ic_area_content p{font-size:16px; line-height:20px;}
   .plan_content  h2{font-size:26px; line-height:30px;}
   .plan_content  p{font-size:16px; line-height:20px;}
   .left_top_absolute_text  h2{font-size:26px; line-height:30px;}
   .left_top_absolute_text p{font-size:16px; line-height:20px;}
   #new_uskudar h2{font-size:26px; line-height:30px;}
   #new_uskudar p{font-size:16px; line-height:20px;}
   #nevyasam .green_content_wrapper h2{font-size:24px; line-height:28px;}
   #nevyasam .green_content_wrapper h2 strong{font-size:26px; line-height:30px;}
   #nevyasam .green_content_wrapper p{font-size:16px; line-height:20px;}
   .green_title{font-size:60px; line-height:60px;}
   .half_absolute_content{padding-left:30px; padding-right:30px;}
}
@media all and (min-width:768px) and (max-width:1024px){
    
}

@media screen and (max-width:768px) {
  .hide_mobile{display:none;}
  .hide_web{display:block;}
  /* section{display:none;}
  section#home{display:block;}
  section#uskudar{display:block;}
  section#nevbahar_uskudar{display:block;}
  section#nevyasam{display:block;}
  section#nevcarsi{display:block;}
  section#location{display:block;} */
  .scope_brown_title{padding-left:0; font-size:20px; height:60px; line-height:60px;}
  .half_left{width:100%;}
  .absolute-center{position:relative; top:auto; left:auto; -webkit-transform:none;}
  .half_absolute_wrapper{position:relative; top:auto; width:100%; height:auto; float:left;}
  .right_absolute{right:auto; border-left:0px solid #f7f2ee;}
  .left_absolute{left:auto; border-right:0px solid #f7f2ee;}
  .scope_brown_title::after{width:100%; height:60px; bottom:-60px;}
  .half_absolute_content{padding:20px;}
  .half_absolute_content h2{font-size:21px; line-height:26px;}
  .half_absolute_content p{font-size:15px; line-height:20px; margin-bottom:20px;}
  .green_content_wrapper{    position: relative; width: 100%; left: auto; height: auto; top: auto;}
  .green_title {font-size:40px; line-height:44px;}
  #uskudar .img_uskudar_2{width:100%;}
  #uskudar .amblem{position:absolute; left:50%; width:80px; bottom:-40px; margin-left:-40px; z-index:2;}
  .left_top_absolute_text{left:20px; top:20px; width:70%;}
  .left_top_absolute_text h2{font-size: 18px; line-height: 1;}
  .left_top_absolute_text p{font-size:12px; line-height:14px; margin-bottom:10px;}
  .cagdas_wrapper_a{width:100%; border-right: 0px solid #f7f2ee; }
  .cagdas_wrapper_b{width:100%; border-left: 0px solid #f7f2ee; }
  .brown_title{padding:20px; font-size:21px; line-height:26px;}
  .white_content_area div{width:100%; padding:20px;font-size:15px; line-height:20px; margin-bottom:20px;}
  #nevbahar_uskudar .amblem{position:absolute; left:50%; width:80px; bottom:-40px; margin-left:-40px; z-index:2;}
  .right_half_image{width:100%; border-left: 0px solid #f7f2ee;}
  .half_left_image{width:100%; border-right: 0px solid #f7f2ee; }
  .half_right_image{width:100%; border-left: 0px solid #f7f2ee; }
  .half_page_col_left{width:100%; border-right: 0px solid #f7f2ee; }
  .half_page_col_right{width:100%; border-left: 0px solid #f7f2ee; }
  .ic_area_content{padding:20px;}
  .ic_area_content h2{font-size:21px; line-height:26px;}
  .ic_area_content p{font-size:15px; line-height:20px; margin-bottom:20px;}
  .plan_content div{width:100%; padding:20px;}
  .plan_content h2{font-size:21px; line-height:26px;}
  .plan_content p{font-size:15px; line-height:20px; margin-bottom:20px;}
  #nevyasam .page-section{margin-bottom:0;}
  #nevyasam .green_content_wrapper h2{font-size:21px; line-height:26px;}
  #nevyasam .green_content_wrapper p{font-size:15px; line-height:20px; margin-bottom:20px;}
  #nevyasam .green_content_wrapper h2 strong{font-size:20px; line-height:20px;}
  #nevyasam .img_cocoon{width:100%; margin-bottom:20px;}
  #nevyasam .img_cocoon_2{width:100%; margin-bottom:20px;}
  #nevyasam .cocoon_content_wrapper{width:100%; padding:20px;}
  #new_uskudar p{font-size:15px; line-height:20px; margin-bottom:20px;}
  
  
  
  
  
  
  
    .fix-area { position: relative;   width: 100%;        height: auto;        top: auto;        left: auto; z-index:3    }
    form {   position: relative;   width: 80%;     left: 10%;     bottom: auto;   border-top: 0; padding:25px 0    }
    nav { display:none}
    .page-section, .paraf { width:100%; margin-left:0}
    .mobilHeader { display:block; position:fixed; top:0; left:0; z-index:4; width:100%; background:#f7f2ee  }
    .main.page-section { padding-top:95px}
    .inner .left, .inner .right {width:100%; float:none}
    .inner_two .left, .inner_two .right {    padding-left: 0; width:86%; margin:0 auto; clear:both; float:none}
    .inner {padding: 25px 0;  }
    .inner .left span { margin-bottom:25px; display:block}
    .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {font-size: 60px !important;   }
    .mimariRight { padding:0}
    .mimariImg {    margin: 0 auto;}
    .inner_two { padding:25px 0}
    .inner_two p {       }
    .bottomLogo {   }
    .inner_two p.nomar { margin:0}
    .inner ul { width:100%; float:none}
    .bilgiformu {background: #a75429; display:block; padding:15px 0; text-align:center; font-size:18px; color:#fff; position:fixed; bottom:0; z-index:2; left:0; width:100%;font-family: 'Gotham-Bold';}
    .logo {max-width: 50%; width:140px; max-height: 70px;    margin: 12px 0 0 12px; }
    input[type=text], input[type=submit] {    height: 35px;   }
    form h3 {font-size: 18px;margin-bottom: 20px; }
    .mauseclick {display:none}
    .calcParaf { height:auto}
    .calcParaf img {position:relative; top:auto; transform:none}
    .calcParaf.galeriBot { bottom:auto}
    .heightFull { height:auto}
    .parafTitle { width:100%; margin:0; }
    .owl-item .lokimg img {
    height: auto !important;
    width: 100% !important;
    margin: 0 auto !important;
    left: auto;
    top: 0;
    transform: none;}
    .video_play_btn {
    position: relative;
    left: auto;
    top: auto;
    z-index: 9;
    display: block;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-family: 'Gotham-Book';
    height: 50px;
    padding-left: 63px;
    background: url(/images/video_play.png) no-repeat left center;
    background-size: auto 100%;
    width: 80%;
    margin: 15px auto;}
    .video_play_btn span {
    display: inline-block;
    padding-top: 16px;}
}
@media screen and (max-width:480px) {
    .mobilHeader { height:66px}
    .main.page-section { padding-top:66px}
    .logo {max-height: 56px;margin: 5px 0px 0 15px; position:relative; z-index:5 }
}