/* 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;
  }
  input:focus {
    outline: 0;
  }

  /******* END OF RESET.CSS *************/


  /*********** FONTS *************/
  @font-face {
    font-family: 'Avenir Roman';
    src:url('../fonts/Avenir-Roman.eot');
    src:url('../fonts/Avenir-Romand41d.html?#iefix') format('embedded-opentype'),
    url('../fonts/Avenir-Roman.woff') format('woff'),
    url('../fonts/Avenir-Roman.ttf') format('truetype'),
    url('../fonts/Avenir-Roman.svg#linecons') format('svg');
    font-weight: normal;
    font-style: normal;
  }

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

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

  @font-face {
    font-family: 'Avenir Black';
    src:url('../fonts/Avenir-Black.eot');
    src:url('../fonts/Avenir-Blackd41d.html?#iefix') format('embedded-opentype'),
    url('../fonts/Avenir-Black.woff') format('woff'),
    url('../fonts/Avenir-Black.ttf') format('truetype'),
    url('../fonts/Avenir-Black.svg#linecons') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
   font-family: 'montserrat-extrabold';
   src: url('../fonts/Montserrat-ExtraBold.eot');
   src: local('☺'), url('../fonts/Montserrat-ExtraBold.woff') format('woff'), url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'), url('../fonts/Montserrat-ExtraBold.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }





 /*********** STICKY FOOTER *************/
 html {
  position: relative;
  height: 100%;
  min-height: 100%;
}


.web_hidden{display:none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}

/*********** GLOBAL *************/
h1{ font-size:36px; line-height:1; margin-bottom:20px; color:#231f20; letter-spacing:20px;}
h2{ font-size:44px; font-family:trajan-bold; line-height:44px; margin-bottom:50px; color:#fff;}
h2.title{margin-bottom:46px;  text-align:center; color:#000000; letter-spacing:3px; font-size:36px; padding-bottom:15px;}
h2.title span{position:relative;}
h2.title span span{position:absolute; width:100px; height:1px; background-color:#e5e5e5; left:50%; margin-left:-50px; bottom:-20px;}
h3{ font-size:24px; line-height:24px; margin-bottom:16px; color:#231f20;}
h4{font-family:nef-bold; color: #fff; font-size:16px;}
h5{}
h6{}
p{     font-size:14px; line-height:21px; margin-bottom:14px;}
ul.mylist {list-style:disc;padding-left:20px; margin-bottom:20px;}
ul.mylist li{     font-size:16px; line-height:19px;  color:#231f20;}

a{text-decoration:none; color: #000; }
a:hover{}
ul li{}
.container{width:1440px; position:relative; margin:0px auto;}
.clear{clear:both;}
::selection{background-color:#14282f; color:#fff;}
.valign-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.valign-wrapper .valign {display: block; }
.center-image{display:block; margin:0px auto;}
*{outline:0 !important;}

.nmb{margin-bottom:0 !important;}



/*** buttons ***/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.right-col{width:750px; float:right;}
.left-col{width:230px; float:left;}
.full-col{width:1000px; float:left; padding-bottom:20px;}
.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%);}
.mb20{margin-bottom:20px;}
.read_more{font-size:14px; border:1px solid #fff; height:40px; line-height:40px; padding-left:20px; padding-right:20px; float:left;}

.read_more span{width:8px; height:8px; float:right; background:url('../images/img_arrow.html') top right no-repeat; margin-left:20px; margin-top:16px;}
.read_more:hover span{margin-left:28px;}
.img_shadow{box-shadow:0px 3px 13px 0px rgba(14,14,14,.6)}

/*** transitions ***/
.t1{ transition:all cubic-bezier(.6,.18,.85,.94) .1s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .1s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .1s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .1s; }
.t2{ transition:all cubic-bezier(.6,.18,.85,.94) .2s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .2s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .2s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .2s; }
.t3{ transition:all cubic-bezier(.6,.18,.85,.94) .3s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .3s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .3s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .3s; }
.t4{ transition:all cubic-bezier(.6,.18,.85,.94) .4s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .4s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .4s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .4s; }
.t5{ transition:all cubic-bezier(.6,.18,.85,.94) .5s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .5s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .5s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .5s; }
.t6{ transition:all cubic-bezier(.6,.18,.85,.94) .6s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .6s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .6s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .6s; }
.t7{ transition:all cubic-bezier(.6,.18,.85,.94) .7s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .7s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .7s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .7s; }
.t8{ transition:all cubic-bezier(.6,.18,.85,.94) .8s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .8s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .8s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .8s; }
.t9{ transition:all cubic-bezier(.6,.18,.85,.94) .9s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) .9s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) .9s; -o-transition:all cubic-bezier(.6,.18,.85,.94) .9s; }
.t10{ transition:all cubic-bezier(.6,.18,.85,.94) 1s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) 1s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) 1s; -o-transition:all cubic-bezier(.6,.18,.85,.94) 1s; }
.t20{ transition:all cubic-bezier(.6,.18,.85,.94) 2s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) 2s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) 2s; -o-transition:all cubic-bezier(.6,.18,.85,.94) 2s; }
.t30{ transition:all cubic-bezier(.6,.18,.85,.94) 3s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) 3s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) 3s; -o-transition:all cubic-bezier(.6,.18,.85,.94) 3s; }
.t40{ transition:all cubic-bezier(.6,.18,.85,.94) 4s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) 4s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) 4s; -o-transition:all cubic-bezier(.6,.18,.85,.94) 4s; }
.t50{ transition:all cubic-bezier(.6,.18,.85,.94) 5s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) 5s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) 5s; -o-transition:all cubic-bezier(.6,.18,.85,.94) 5s; }
.t150{ transition:all cubic-bezier(.6,.18,.85,.94) 15s; -moz-transition:all cubic-bezier(.6,.18,.85,.94) 15s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) 15s; -o-transition:all cubic-bezier(.6,.18,.85,.94) 15s; }
.t350{ transition:all cubic-bezier(.6,.18,.85,.94) 35s; -moz-transition:all cubic-bezier(.6,.18,.85,.94)  35s; -webkit-transition:all cubic-bezier(.6,.18,.85,.94) 35s; -o-transition:all cubic-bezier(.6,.18,.85,.94) 35s; }

.dt1{ transition-delay:.1s; -moz-transition-delay:.1s; -webkit-transition-delay:.1s; -o-transition-delay:.1s; }
.dt2{ transition-delay:.2s; -moz-transition-delay:.2s; -webkit-transition-delay:.2s; -o-transition-delay:.2s; }
.dt3{ transition-delay:.3s; -moz-transition-delay:.3s; -webkit-transition-delay:.3s; -o-transition-delay:.3s; }
.dt4{ transition-delay:.4s; -moz-transition-delay:.4s; -webkit-transition-delay:.4s; -o-transition-delay:.4s; }
.dt5{ transition-delay:.5s; -moz-transition-delay:.5s; -webkit-transition-delay:.5s; -o-transition-delay:.5s; }
.dt6{ transition-delay:.6s; -moz-transition-delay:.6s; -webkit-transition-delay:.6s; -o-transition-delay:.6s; }
.dt7{ transition-delay:.7s; -moz-transition-delay:.7s; -webkit-transition-delay:.7s; -o-transition-delay:.7s; }
.dt8{ transition-delay:.8s; -moz-transition-delay:.8s; -webkit-transition-delay:.8s; -o-transition-delay:.8s; }
.dt9{ transition-delay:.9s; -moz-transition-delay:.9s; -webkit-transition-delay:.9s; -o-transition-delay:.9s; }
.dt10{ transition-delay:1s; -moz-transition-delay:1s; -webkit-transition-delay:1s; -o-transition-delay:1s; }
.dt12{ transition-delay:1.2s; -moz-transition-delay:1.2s; -webkit-transition-delay:1.2s; -o-transition-delay:1.2s; }
.dt14{ transition-delay:1.4s; -moz-transition-delay:1.4s; -webkit-transition-delay:1.4s; -o-transition-delay:1.4s; }
.dt16{ transition-delay:1.6s; -moz-transition-delay:1.6s; -webkit-transition-delay:1.6s; -o-transition-delay:1.6s; }
.dt15{ transition-delay:1.5s; -moz-transition-delay:1.5s; -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; }
.dt20{ transition-delay:2s; -moz-transition-delay:2s; -webkit-transition-delay:2s; -o-transition-delay:2s; }
.dt25{ transition-delay:2.5s; -moz-transition-delay:2.5s; -webkit-transition-delay:2.5s; -o-transition-delay:2.5s; }
.dt30{ transition-delay:3s; -moz-transition-delay:3s; -webkit-transition-delay:3s; -o-transition-delay:3s; }
.dt40{ transition-delay:4s; -moz-transition-delay:4s; -webkit-transition-delay:4s; -o-transition-delay:4s; }
.dt50{ transition-delay:5s; -moz-transition-delay:5s; -webkit-transition-delay:5s; -o-transition-delay:5s; }


body,html{height:100%;}

/**** cover ***/
#cover{width:75%; width: calc(100% - 350px ); position:fixed; top:0; left:0; height:100%; overflow:hidden; }
.bg{position:absolute; left:0; top:0; width:100%; height:100%;}

/**** nav ***/
.thangsBG,nav{width:25%; width:calc(350px); position:fixed; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); top:0; right:0; height:100%; z-index:2; box-shadow: -12px 0px 10px 0px rgba(0,0,0,.2); background:url('../images/bg_form.jpg') top left no-repeat; background-size:cover;}

nav .container{padding: 60px 15px; box-sizing: border-box; width: 100%; display: block; position: relative; margin: 0 auto;}
nav .container *{ box-sizing: border-box; }
.bilgiTalepForm{width: 100%; overflow: hidden;}
.bilgiTalepForm h2{font-family: 'montserrat-extrabold'; font-size: 28px; line-height: 30px; text-align: center; margin-bottom: 20px; color: #fff;}
.bilgiTalepForm p{font-family: 'Avenir Roman'; font-size: 18px; line-height: 30px; text-align: center; margin-bottom: 25px; color: #fff;}
.bilgiTalepForm input{width: 100%; padding: 10px 20px; display: block; font-size: 18px; line-height: 25px; font-family: 'Avenir Roman'; color: #08556b; border: 1px solid #fff;}
.thanksText{ text-align: center; font-family: 'Avenir Medium'; padding: 30px; font-size: 16px; color: #FFF; position: absolute; }
.thanksText h3{ color: #FFF; font-size: 20px; }

.checkbox{max-width: 310px; display: block; margin: 20px auto;}
.checkboxContainer {display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkboxContainer input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 1px solid #fff;}
.checkboxContainer:hover input ~ .checkmark {background-color: transparent;}
.checkboxContainer input:checked ~ .checkmark {background-color: transparent;}
.checkmark:after {content: ""; position: absolute; display: none;}
.checkboxContainer input:checked ~ .checkmark:after {display: block;}
.checkboxContainer .checkmark:after {left: 7px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.checkbox p{display: inline-block; font-family: 'Avenir Roman'; font-size: 18px; line-height: 25px; margin-bottom: 0;}

::-webkit-input-placeholder {color: #08556b; font-family: 'Avenir Roman';}
::-moz-placeholder {color: #08556b; font-family: 'Avenir Roman';}
:-ms-input-placeholder {color: #08556b; font-family: 'Avenir Roman';}
:-moz-placeholder {color: #08556b; font-family: 'Avenir Roman';}

.bilgiTalepForm .input_holder{padding:10px; width:100%; display:inline-block; background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,0)); box-sizing:border-box;  margin-bottom:0px;}
.bilgiTalepForm .input_holder:hover{background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0));}
.bilgiTalepForm .input_holder img{width:100%; box-shadow:0 12px 10px 0px rgba(0,76,98,.4); float:left;}

.btnWrapper{max-width: 100%; display: block; margin: 0 auto;}
.bilgiTalepForm .button_holder{margin: 0 auto; display: block; padding:10px; width:100%; background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,0)); box-sizing:border-box;}
.bilgiTalepForm .button_holder:hover{background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0));}
.bilgiTalepForm .button_holder img{width:100%; box-shadow:0 12px 10px 0px rgba(0,76,98,.4); float:left;}

.sendBtn{border: 1px solid #fff; color: #fff; padding: 20px; display: block; margin: 0 auto; width: 100%; text-align: center; font-family: 'montserrat-extrabold';}

.phoneInfo img{display: block; margin: 0 auto;}
.phoneInfo a{font-family: 'montserrat-extrabold'; font-size: 28px; line-height: 28px; text-align: center; max-width: 150px;
margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 20px; color: #fff; display: block; text-align: center;}

.social{width: 100%; display: block; position: absolute; text-align: center; bottom: 10px; width: 100%; left: 0px;}
.social .iconWrapper{width: auto; display: inline-block; padding: 0 5px;}
.social .iconWrapper i{ font-size: 18px; }
.iconWrapper i{text-align: center; display: block; color: #fff; font-size: 25px; line-height: 25px; width: 25px; height: 25px;}
.iconWrapper i:before{cursor: pointer;}

.bilgiTalepForm .icon_holder,.iconWrapper .icon_holder{margin: 0 auto; display: block; padding:10px; width:100%; background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,0)); box-sizing:border-box; border-radius: 50%;}
.bilgiTalepForm .icon_holder:hover{background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0));}
.bilgiTalepForm .icon_holder img{width:100%; box-shadow:0 12px 10px 0px rgba(0,76,98,.4); float:left;}

.iconBg{background:url('../images/social_bg.png') center center no-repeat; width: 50px; height: 50px;}

.errorCol{ border:1px solid red !important;}


/**** header ***/
header{position:fixed; top:30px; left:30px; right:28%; height:70px;  background: linear-gradient(to right, rgba(255,255,255,.8), rgba(255,255,255,0)); z-index:21;}
header #budalifelogo{ float:left; margin-top:10px; margin-left:60px; cursor: pointer;}

/**** left_panel ***/
#left_panel{position:fixed; top:0; left:0; height:100%; z-index:10; background-color:rgba(0,76,98,.40); width:59px; border-right:1px solid rgba(255,255,255,.1);}
.menu_pane_cover{width:24px; left:17px; display:block;}
.menu_pane_cover .menu_pane {cursor:pointer; margin-top:45px; margin-bottom:45px;}
.menu_pane_cover .menu_pane .menu_icon{width:24px; height:26px; opacity:.3; margin-bottom:10px;}
.menu_pane_cover .menu_pane.active .menu_icon{ opacity:1;}
.menu_pane_cover .menu_pane:hover .menu_icon{ opacity:1;}
.menu_pane_cover #menu_pane_1 .menu_icon{background:url('../images/icon_1.png') center center no-repeat;}
.menu_pane_cover #menu_pane_2 .menu_icon{background:url('../images/icon_2.png') center center no-repeat;}
.menu_pane_cover #menu_pane_3 .menu_icon{background:url('../images/icon_3.png') center center no-repeat;}
.menu_pane_cover #menu_pane_4 .menu_icon{background:url('../images/icon_4.png') center center no-repeat;}
.menu_pane_cover #menu_pane_5 .menu_icon{background:url('../images/icon_5.png') center center no-repeat;}
.menu_line{width:1px; height:0px; background-color:#fff; margin:0px auto;}
.menu_pane.active .menu_line{height:30px}
.menu_text{width:24px; height:0px; position:relative; overflow:hidden;}
.menu_text .rtext{transform: rotate(-90deg); font-size:18px; color:#fff; width:80px; height:24px; font-family:'Avenir Roman'; position: absolute; left: -25px; bottom: 28px;}
.menu_pane.active .menu_text{ height:80px;}


/**** section ***/
section{width:100%; height:100vh; background-color:black; position:relative; }

/* 1 */
#slider_cover{position:absolute; left:0; top:0; width:100%; height:100%;}
#slider_cover .bg{opacity:0;}
#slider_cover .bg.active{opacity:1;}
#slider_0{background:url('../images/slide1.jpg') right center no-repeat; background-size:cover;}
#slider_1{background:url('../images/slide2.jpg') right center no-repeat; background-size:cover;}
#icon_360,.image_360{position:absolute; bottom:20px; left:80px;}
.image_360 img{ max-width: 100%;  }
.image_360{ max-width: 150px; }
.simage{ position: relative; z-index: 3; }
.line_360{ position: absolute; left: 0px; z-index: 2; top: 0px; width: 100%; height: auto; }
#headline{position:absolute; z-index:100; left:180px; margin-top:-100px;}
#headline h2{font-family:montserrat-extrabold; font-size:48px; line-height:60px; text-shadow:0px 0px 10px #000; margin-bottom:32px; display: none;}
#headline p{font-family: 'Avenir Roman'; font-size:21px; color:#ffffff; }
#slider_navigation{position:absolute; width:50px; left:-80px; top:-15px;}
#slider_navigation #slider_no{font-family: 'Avenir Roman'; font-size:21px; color:rgba(255,255,255,.2); margin-bottom:30px; }
#slider_navigation #slider_no strong{font-family: 'Avenir Heavy'; font-size:36px; color:#fff; text-shadow:0px 0px 10px rgba(0,0,0,.6);}
#slider_pos{width:3px; height:160px; position:relative; margin:0px auto;}
#slider_line{width:1px; height:160px; background-color:rgba(255,255,255,.3); position:absolute; left:1px; z-index:1; top:0;}
#slider_status{width:3px; height:0px; background-color:#fff; top:0; left:0; position:absolute; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);}
.slider_content{position: absolute; left: 20%; top: 15%; max-width: 290px;}
.slider_content img{width: 100%;}

.location_img{position: absolute; left: 25%; bottom: 5%; max-width: 180px;}
.location_img img{width: 100%;}

.mobileContent{display: none;}
.webContent{display: block;}

/*** projects ***/
#badge1{width:268px; height:274px; background:url('../images/badge_1.png') center center no-repeat; background-size:cover; position:absolute; top:120px; left:50%; margin-left:-268px; z-index:10;}
#badge2{width:268px; height:274px; background:url('../images/badge_2.png') center center no-repeat; background-size:cover; position:absolute; top:120px; left:50%;  z-index:10;}
#badge_3{ position: absolute; left: 10%; bottom: 20%; display: none;}
#project_slider{position:Absolute; left:0; top:0; width:100%; height:100%; background-color:blue; overflow:hidden; background-color:#000;}
#project_slider .bg{opacity:0;}
#project_slider .bg.active{opacity:.7;}

#project_slider #p_slider1{background:url('../images/projects/cocukoyun.jpg') center center no-repeat; background-size:cover;}
#project_slider #p_slider2{background:url('../images/projects/sinema.jpg') center center no-repeat; background-size:cover;}
#project_slider #p_slider3{background:url('../images/projects/fitness.jpg') center center no-repeat; background-size:cover;}
#project_slider #p_slider4{background:url('../images/projects/havuz.jpg') center center no-repeat; background-size:cover;}
#project_slider #p_slider5{background:url('../images/projects/bisiklet.jpg') center center no-repeat; background-size:cover;}
#project_slider #p_slider6{background:url('../images/projects/guvenlik.jpg') center center no-repeat; background-size:cover;}
#project_slider #p_slider7{background:url('../images/projects/sauna.jpg') center center no-repeat; background-size:cover;}

#project_navigation{position:Absolute; bottom:30px; width:262px; left:50%; margin-left:-131px; z-index:100;}
#project_icon{width:122px; height:122px; float:left; display:block;}
#project_icon.bg1{background:url('../images/projects/cocukoyun.png') center center no-repeat;}
#project_icon.bg2{background:url('../images/projects/sinema.png') center center no-repeat;}
#project_icon.bg3{background:url('../images/projects/fitness.png') center center no-repeat;}
#project_icon.bg4{background:url('../images/projects/havuz.png') center center no-repeat;}
#project_icon.bg5{background:url('../images/projects/bisiklet.png') center center no-repeat;}
#project_icon.bg6{background:url('../images/projects/guvenlik.png') center center no-repeat;}
#project_icon.bg7{background:url('../images/projects/sauna.png') center center no-repeat;}


#left_button{float:left; margin-top:36px; margin-right:20px;}
#right_button{float:right;  margin-top:36px; margin-left:20px;}
#project_name{font-family:'Avenir Roman'; font-size:20px; text-align:Center; color:#fff; padding-top:20px; text-shadow:0px 0px 10px #000;}

/*** location ***/
#map{position:absolute; left:0; top:0; width:100%; height:100%;}

#map_switch{position:absolute; bottom:0; z-index:10; width:868px; height:156px; left:50%; margin-left:-434px; background:url('../images/map_switch.png') center center no-repeat;}
#map_switch a{height:100%; width:25%; float:left; display:block; position:relative;}
#map_switch a span{position:absolute; top:0; left:0; height:5px; width:0; z-index:2;background-color:rgba(0,0,0,.4);}
#map_switch a.active span{width:100%;}
#map_switch a:hover span{width:100%;}
.mini_hover{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.1); opacity:0;}
#map_switch a.active .mini_hover{opacity:1;}
#map_switch a:hover .mini_hover{opacity:1;}

.map_info{position:absolute; z-index:10; left:60px; top:140px; width:280px; display:none; box-sizing:border-box; padding:20px; background-color:#fff; box-shadow:0px 3px 13px 0px rgba(14,14,14,.6); }
.map_info ul li{font-family:'Avenir Roman'; font-size:14px; color:#004c62; float:left; width:100%; margin-bottom:8px;}
.map_info ul li span{font-family: 'montserrat-extrabold'; font-size:14px; float:right;}

/*** gallery ***/
#gallery{ background:url('../images/bg_gallery.png') center center no-repeat; background-size:cover;}
#gallery_type{width:100%; float:left; display:block; text-align:center; margin-top:130px; margin-bottom: 40px;}
#gallery_type li{display:inline-block; margin-left:30px; margin-right:30px;}
#gallery_type li a{color:#004c62; font-family: 'montserrat-extrabold'; font-size:18px; opacity:.3; position:relative;}
#gallery_type li.active a{opacity:1;}
#gallery_type li a span{position:absolute; bottom:-10px; left:0px; width:0; height:4px; background-color:#004c62; }
#gallery_type li.active a span{width:100%;}
#gallery_type li:hover a span{width:100%;}
.gallery_container{width:100%; box-sizing:border-box; padding-left:70px; padding-right:70px; text-align:center;}
.gallery_container .photo_holder{padding:10px; width:15%; display:inline-block; background: linear-gradient(to bottom, rgba(0,76,98,.15), rgba(0,76,98,0)); box-sizing:border-box; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}
.gallery_container .photo_holder:hover{background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,0));}
.gallery_container .photo_holder img{width:100%; box-shadow:0 12px 10px 0px rgba(0,76,98,.4); float:left;}

.imageCaption{position: absolute; bottom: 50px; right: 50px;}
/*** satis ofisi ***/
#contact{background:url('../images/bg_gallery.png') center center no-repeat; background-size:cover;}
#contact_wrapper{float:left; margin-left:100px; margin-top:140px; width:100%;}
#contact_wrapper h3{font-size:18px; font-family:'Avenir Black'; color:#004c62;}
#contact_wrapper p{font-size:16px; line-height:21px; font-family:'Avenir Roman'; color:#004c62;}
#contact_wrapper p a{color:#004c62;}

.h56{height:50px; line-height:60px !important;}
.h56 .left{margin-right:10px;}

#contact_wrapper_left{width:40%; float:left;}
#contact_wrapper_right{width:50%; float:left; position: relative;}

#map2{width:100%; height:500px;  box-shadow:0 12px 10px 0px rgba(14,14,14,.6);}

.btn{box-shadow:0px 3px 13px 0px rgba(14,14,14,.6); float:left; margin-right:20px; margin-bottom:30px; }
.btn:hover{box-shadow:0px 3px 20px 0px rgba(14,14,14,.9); }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}


.appstorelogo{max-width: 250px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
#preload{position:absolute; top:-99999px; left: -100%;}


.fancybox-caption-wrap{
  position: absolute !important;
  left: 50% !important;
  bottom: 44px !important;
  z-index: 99999 !important;
  background: rgba(0,76,98,.7) !important;
  width: 200px !important;
  height: 50px !important;
  display: block !important;
  transform: translateX(-50%) !important;
  padding: 0 20px !important;
  text-align: center !important;
}

.fancybox-caption{
  border: none !important;
  font-size: 16px !important;
  line-height: 50px !important;
  color: #fff !important;
  padding: 0 !important;
}

.lightroom{position: absolute; right: 10px; bottom: 15px; width: 10px; height: auto; opacity: .5;}
	.lightroom:hover{opacity: 1;}