/* 
  Coded by Cihan Tunçer
  contact me : cihan@cihantuncer.com
  All rights reserved :P

*/


/* :::: RESETS :::: */


  html, body, div, span, applet, object, iframe, 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; color:inherit;}
  h1, h2, h3, h4, h5, h6{ margin: 0;  padding: 0; border: 0;font: inherit;vertical-align: baseline; color:inherit;}
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
  blockquote, q {quotes: none;}
  blockquote:before, blockquote:after,q:before, q:after { content: '';  content: none;}
  table { border-collapse: collapse;  border-spacing: 0;}
  a {text-decoration: none;}

  ul, ol{list-style:none;}


/* :::: LAYOUTS :::: */

  html,body {height:100%; position: relative;margin:0;padding:0;overflow-x:hidden;}
  html *, body *{box-sizing: border-box;}

  body {
    width:100%;
    display: table;
    margin:0;
    font-family: "Gilda Display",  serif;
    font-size:100%;
    overflow-x:hidden;
    line-height: 120%;
    background: #F2F2F2;
    color:#2D2D2D;
  }

  .page-layout{
    display: table;
    height: 100%;
    width:100%;

  }

  .page-body{
    display: table-row;
    height: 100%;
    width:100%;
  }

  .content-body{
     display: table-row;
     height: 100%;
     width:100%;
  }


  footer{
    display:table-row;
    height:1px;
  }

  #footer{
    display:block;
    min-height:60px;
    width:100%;
  }



  .mid-frame{
    max-width:1440px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }

  .row{
    clear:both;
    position: relative;
      background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }

  .row:after {
      content: "";
      display: table;
      clear: both;
  }

  .col{
    float:left;
    display:block;
    min-height:1px;
    position: relative;
      background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }

 .cell{
    float:left;
    display:block;
    min-height:1px;
  }


/* widths */


  /* 12 cols */
  .w1 {width: 8.333333%;} .w2 {width:16.666666%;}
  .w3 {width:25%;}        .w4 {width:33.333333%;}
  .w5 {width:41.666666%;} .w6 {width:50%;}
  .w7 {width:58.333333%;} .w8 {width:66.666666%;}
  .w9 {width:75%;}        .w10{width:83.33333%;}
  .w11{width:91.66666%;}  .w12{width:100%;}

  /* 100% percent */
  .wp0 {width: 100%;}
  .wp1 {width: 100%;}      .wp2 {width:50%;}
  .wp3 {width:33.33333%;}  .wp4 {width:25%;}
  .wp5 {width:20%;}        .wp6 {width:16.66666%;}
  .wp7 {width:14.28571%;}  .wp8 {width:12.5%;}
  .wp9 {width:11.11111%;}  


/* heights */


  .sabit-boy,
  .hdef{height:600px;}

  .sabit-boy-yarım,
  .hdef05 {height:300px;}


/* margins */

  /* margin-lefts */

  .ml1 {margin-left: 8.333333%;} .ml2 {margin-left:16.666666%;}
  .ml3 {margin-left:25%;}        .ml4 {margin-left:33.333333%;}
  .ml5 {margin-left:41.666666%;} .ml6 {margin-left:50%;}
  .ml7 {margin-left:58.333333%;} .ml8 {margin-left:66.666666%;}
  .ml9 {margin-left:75%;}        .ml10{margin-left:83.33333%;}
  .ml11{margin-left:91.66666%;}  .ml12{margin-left:100%;}


  /* margin-rights */

  .mr1 {margin-right: 8.333333%;} .mr2 {margin-right:16.666666%;}
  .mr3 {margin-right:25%;}        .mr4 {margin-right:33.333333%;}
  .mr5 {margin-right:41.666666%;} .mr6 {margin-right:50%;}
  .mr7 {margin-right:58.333333%;} .mr8 {margin-right:66.666666%;}
  .mr9 {margin-right:75%;}        .mr10{margin-right:83.33333%;}
  .mr11{margin-right:91.66666%;}  .mr12{margin-right:100%;}


  /* margin-verticals */

  .mv1x {margin-top:10px;  margin-bottom:10px;}
  .mv2x {margin-top:20px;  margin-bottom:20px;}
  .mv3x {margin-top:30px;  margin-bottom:30px;}
  .mv4x {margin-top:40px;  margin-bottom:40px;}
  .mv5x {margin-top:50px;  margin-bottom:50px;}
  .mv6x {margin-top:60px;  margin-bottom:60px;}
  .mv7x {margin-top:70px;  margin-bottom:70px;}
  .mv8x {margin-top:80px;  margin-bottom:80px;}
  .mv9x {margin-top:90px;  margin-bottom:90px;}
  .mv10x{margin-top:100px; margin-bottom:100px;}
  .mv11x{margin-top:110px; margin-bottom:110px;}
  .mv12x{margin-top:120px; margin-bottom:120px;}
  .mv13x{margin-top:130px; margin-bottom:130px;}
  .mv14x{margin-top:140px; margin-bottom:140px;}
  .mv15x{margin-top:150px; margin-bottom:150px;}
  .mv16x{margin-top:160px; margin-bottom:160px;}
  .mv17x{margin-top:170px; margin-bottom:170px;}
  .mv18x{margin-top:180px; margin-bottom:180px;}
  .mv19x{margin-top:190px; margin-bottom:190px;}
  .mv20x{margin-top:200px; margin-bottom:200px;}


  /* margin-tops */

  .mt1x {margin-top:10px;}  .mt2x {margin-top:20px;}
  .mt3x {margin-top:30px;}  .mt4x {margin-top:40px;}
  .mt5x {margin-top:50px;}  .mt6x {margin-top:60px;}
  .mt7x {margin-top:70px;}  .mt8x {margin-top:80px;}
  .mt9x {margin-top:90px;}  .mt10x{margin-top:100px;}
  .mt11x{margin-top:110px;} .mt12x{margin-top:120px;}
  .mt13x{margin-top:130px;} .mt14x{margin-top:140px;}
  .mt15x{margin-top:150px;} .mt16x{margin-top:160px;}
  .mt17x{margin-top:170px;} .mt18x{margin-top:180px;}
  .mt19x{margin-top:190px;} .mt20x{margin-top:200px;}


  /* margin-bottoms */

  .mb1x {margin-bottom:10px;}  .mb2x {margin-bottom:20px;}
  .mb3x {margin-bottom:30px;}  .mb4x {margin-bottom:40px;}
  .mb5x {margin-bottom:50px;}  .mb6x {margin-bottom:60px;}
  .mb7x {margin-bottom:70px;}  .mb8x {margin-bottom:80px;}
  .mb9x {margin-bottom:90px;}  .mb10x{margin-bottom:100px;}
  .mb11x{margin-bottom:110px;} .mb12x{margin-bottom:120px;}
  .mb13x{margin-bottom:130px;} .mb14x{margin-bottom:140px;}
  .mb15x{margin-bottom:150px;} .mb16x{margin-bottom:160px;}
  .mb17x{margin-bottom:170px;} .mb18x{margin-bottom:180px;}
  .mb19x{margin-bottom:190px;} .mb20x{margin-bottom:200px;}


/* paddings */

  .pad025 {padding:2.5%;}  .pad05 {padding:5%;}
  .pad1 {padding:10%;}  .pad2 {padding:20%;}
  .pad3 {padding:30%;}  .pad4 {padding:40%;}
  .pad5 {padding:50%;}  .pad6 {padding:60%;}
  .pad7 {padding:70%;}  .pad8 {padding:80%;}

  .pad1x {padding:10px;}  .pad2x {padding:20px;}
  .pad3x {padding:30px;}  .pad4x {padding:40px;}
  .pad5x {padding:50px;}  .pad6x {padding:60px;}
  .pad7x {padding:70px;}  .pad8x {padding:80px;}
  .pad9x {padding:90px;}  .pad10x{padding:100px;}
  .pad11x{padding:110px;} .pad12x{padding:120px;}
  .pad13x{padding:130px;} .pad14x{padding:140px;}
  .pad15x{padding:150px;} .pad16x{padding:160px;}
  .pad17x{padding:170px;} .pad18x{padding:180px;}
  .pad19x{padding:190px;} .pad20x{padding:200px;}

  /* padding-verticals */

  .pv1x {padding-top:10px;  padding-bottom:10px;}
  .pv2x {padding-top:20px;  padding-bottom:20px;}
  .pv3x {padding-top:30px;  padding-bottom:30px;}
  .pv4x {padding-top:40px;  padding-bottom:40px;}
  .pv5x {padding-top:50px;  padding-bottom:50px;}
  .pv6x {padding-top:60px;  padding-bottom:60px;}
  .pv7x {padding-top:70px;  padding-bottom:70px;}
  .pv8x {padding-top:80px;  padding-bottom:80px;}
  .pv9x {padding-top:90px;  padding-bottom:90px;}
  .pv10x{padding-top:100px; padding-bottom:100px;}
  .pv11x{padding-top:110px; padding-bottom:110px;}
  .pv12x{padding-top:120px; padding-bottom:120px;}
  .pv13x{padding-top:130px; padding-bottom:130px;}
  .pv14x{padding-top:140px; padding-bottom:140px;}
  .pv15x{padding-top:150px; padding-bottom:150px;}
  .pv16x{padding-top:160px; padding-bottom:160px;}
  .pv17x{padding-top:170px; padding-bottom:170px;}
  .pv18x{padding-top:180px; padding-bottom:180px;}
  .pv19x{padding-top:190px; padding-bottom:190px;}
  .pv20x{padding-top:200px; padding-bottom:200px;}

  /* padding-tops */

  .pt1x {padding-top:10px;}  .pt2x {padding-top:20px;}
  .pt3x {padding-top:30px;}  .pt4x {padding-top:40px;}
  .pt5x {padding-top:50px;}  .pt6x {padding-top:60px;}
  .pt7x {padding-top:70px;}  .pt8x {padding-top:80px;}
  .pt9x {padding-top:90px;}  .pt10x{padding-top:100px;}
  .pt11x{padding-top:110px;} .pt12x{padding-top:120px;}
  .pt13x{padding-top:130px;} .pt14x{padding-top:140px;}
  .pt15x{padding-top:150px;} .pt16x{padding-top:160px;}
  .pt17x{padding-top:170px;} .pt18x{padding-top:180px;}
  .pt19x{padding-top:190px;} .pt20x{padding-top:200px;}

  /* padding-bottoms */

  .pb1x {padding-bottom:10px;}  .pb2x {padding-bottom:20px;}
  .pb3x {padding-bottom:30px;}  .pb4x {padding-bottom:40px;}
  .pb5x {padding-bottom:50px;}  .pb6x {padding-bottom:60px;}
  .pb7x {padding-bottom:70px;}  .pb8x {padding-bottom:80px;}
  .pb9x {padding-bottom:90px;}  .pb10x{padding-bottom:100px;}
  .pb11x{padding-bottom:110px;} .pb12x{padding-bottom:120px;}
  .pb13x{padding-bottom:130px;} .pb14x{padding-bottom:140px;}
  .pb15x{padding-bottom:150px;} .pb16x{padding-bottom:160px;}
  .pb17x{padding-bottom:170px;} .pb18x{padding-bottom:180px;}
  .pb19x{padding-bottom:190px;} .pb20x{padding-bottom:200px;}


  /* padding groups */

  .pad-gp1 {margin:-10px;}
  .pad-gp1  .col{padding:10px;}
  .pad-gp1 > .col  .hdef05{height:170px;}
  .pad-gp1 > .col > .row{margin:-10px;} 


/* mid-cent */

  .md-c{text-align: center;}

  .md-c:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }

  .md-b{

    display: inline-block;
    vertical-align: middle;
  }



/* :::: BASICS :::: */

  .center{
    text-align: center;
  }


/* buttons */

  .button{
    cursor:pointer;
  }

  .button.btn-1{
    padding:10px;
    border:2px solid #80725F;
    color:#80725F;
    font-size:130%;
  }

  .button.btn-1:hover{
    border:2px solid #5A4E3D;
    color:#F3F3F3;
    background-color:#80725F;

  }


/* scrollbars */

  *::-webkit-scrollbar {
      width: 8px;
        opacity:0
  }
   
  *::-webkit-scrollbar-track {
       opacity:0
  }
   
  *::-webkit-scrollbar-thumb {
    background: #373737;
     opacity:0
  }


/* images & colors */

  /* colors */

  /* colors:bg */

  .bg1{
    background-color:#a69073;
  }

  .bg2{
    background-color:#80725F;
  }

  .bg-gray{
    background-color:#E7E7E7;
  }

 


  /* imgs */

  .img{
    background-size:cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
  }


/* headers */

  h1{font-family:"Didot", 'Cormorant Garamond', serif; font-size:220%; line-height: 120%; margin-bottom:40px;}
  h2{font-family:"Didot", 'Cormorant Garamond', serif; font-size:180%; line-height: 110%; margin-bottom:25px;}
  h3{font-family:"Didot", 'Cormorant Garamond', serif; font-size:140%; line-height: 100%; margin-bottom:20px;}
  h4{font-size:120%; line-height: 120%; margin-bottom:20px;}
  h5{font-size:100%; line-height: 120%; margin-bottom:40px;}
  h6{font-size:110%; margin-bottom:5px; padding-bottom:5px;}

  .hd1{
    font-weight:600;
  }

  .hd2{font-family:"Didot", 'Cormorant Garamond', serif; font-size:180%; line-height: 100%;}


/* boxes */

  .box{
    overflow: hidden;
    position: relative;
    overflow: hidden;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }


  .box .frame{
    position: absolute;
    left:0; right:0; top:0; bottom:0;
    overflow: auto;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
    z-index:3;
  }

  .box .mask{
    position: absolute;
    left:0; right:0; top:0; bottom:0;
    overflow: auto;
    z-index:2;
    background:black;
    opacity: .4; 
  }

  .box:hover .mask{
    opacity: 0; 
  }

  .box .mask.invt{
    opacity: 0; 
  }

  .box:hover .mask.invt{

    opacity: .6; 
  }



  /* box types */


  .abs{
    position: absolute;
    height:100%;
  }



  /* Inverted 1 */


  .ters-renk{
    color:white;
    background-color:#6D6358;
  }

  .ters-renk h1, .ters-renk h2, .ters-renk h3, .ters-renk h4{
    color:#e8d9c3;
  }

  /* Inverted 2 */

  .ters-renk2,
  .invt-2{
    color:white;
    background-color:#292828;
  }

  .ters-renk2 h1, .ters-renk2 h2, .ters-renk2 h3, .ters-renk2 h4,
  .invt-2 h1, .invt-2 h2, .invt-2 h3, .invt-2 h4{
    color:#a69073;
  }

  /* Inverted 3 */

  .invt-3{
    background-color:#454545;
  }

  .invt-3 h1, .invt-3 h2, .invt-3 h3, .invt-3 h4{
    color:#C1C1C1;
  }

  .invt-3 *{
    color:#C1C1C1;
  }

  .invt-3 .icon{


  }


  .box > .bg2,
  .box > .bg{
    position: absolute;
    left:0; right:0; top:0; bottom:0;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
    opacity: .2;
  }

  .box > .bg2{
    opacity: 1;

  }

  .col > .bg{
    position: absolute;
    left:0; right:0; top:0; bottom:0;
    height:100%;
  }


/* lists */

  /* list1 */

  .list1{
    font-size:90%;
    margin-bottom:40px;
  }

  .list1 li{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px dashed gray;
    clear:both;
    overflow: hidden;
  }

  /* list2 */

  .list2{
    font-size:90%;
    margin-bottom:40px;
  }

  .list2 li{
    padding-top:10px;
    padding-bottom:10px;
    clear:both;
    overflow: hidden;
  }

  /* list3 */

  .list3{

  
  }

  .list3 li{
    padding:10px;
    margin:10px;
    border-bottom:1px dotted #919191;
    list-style: square;
    list-style-position: inside;
  }

  .list3 li li:last-child{

    border-bottom:none;
  }

  .list3 li li:first-child{

    border-top:1px dotted #919191;
  }


  /* icon-list1 */

   .icon-list1{
    position: relative;
   }

  .icon-list1 li{
    clear:both;
    position: relative;
    margin-bottom:20px;
    display:table;
  }

  .icon-list1 li:after{
    clear:both;
    content:" ";

  }

  .icon-list1 .icon{
    width:40px;
    height:40px;
    font-size:90%;
    vertical-align: middle;
    display:table-cell;
    vertical-align: middle;
  }

  .icon-list1 p{
    display:table-cell;
    vertical-align: middle;
  }


/* galleries */
  
  .gallery .img{
    float:left;
  }

  /* gal 1 */

  .gal1 > div{
    width:20%;
    float:left;
    height:360px;

  }

  .gal1 .label{
    padding:30px 40px 30px 40px ;
    background:#917E5A;
    color:white;
    text-align: center;
  }


  /* gal 2 */

  .gal2 {
  }

  .gal2 .box{
    width:33.3333%;
    float:left;
    height:360px;
  }

  .gal2 .label{
    padding:30px 40px 30px 40px ;
    background:#917E5A;
    color:white;
    text-align: center;
  }


  /* gal 3 */

  .gal3 {

    margin:.3% -.3% .3% -.3%;
    overflow: hidden;
  }

  .gal3 .box{
    width:19.4%;
    margin:.3%;
    float:left;
    height:280px;
    cursor:pointer;
  }

  .gal3 .label{
    position: absolute;
    display: block;
    left:10px; bottom:10px;
    padding:10px 15px 10px 15px ;
    background:#32312E;
    color:white;
    text-align: center;
    z-index: 10;
  }



  .gal3 img{
    height:100%;
  }


/* promos */

  .promo1{
    margin: 0 auto;
    text-align: center;
  }

  .promo1 > div{
    display:inline-block;
    width:160px;
    position: relative;
    margin:200px 4% 0 4%;
    border-color:#e8d9c3;
    color:#e8d9c3;

  }

  .promo1 .txt{
    margin-top:40px;
  }


/* object containers */

  .slide-cont{
    background: gray;
    position: relative;

  }

  .slide-cont .slide{
    position: absolute;
    left:0; top:0; bottom:0; right:0;
    background-color: #585858;
    z-index:1;
    overflow: hidden;
  }


  /* video */


  .vid-cont,
  .vid-cont .content{
    overflow: hidden;
    border:0; margin:0; padding:0;
    left:0; top:0; right:0; bottom:0;
    position: absolute;

  }

  .vid-cont .content{
    z-index:5!important;
  }

  .fore-pattern{
    position:absolute;
    left:0; top:0; right:0; bottom:0;
    opacity:.6;
    z-index:2;
    background:url(
    data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQYV2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBX45Xb8AAAAASUVORK5CYII=
    ) repeat;
  }

  .fore-mask{
    position:absolute;
    left:0; top:0; right:0; bottom:0;
    opacity: .7;
    z-index:3;
    background:black;
  }


  .slide-cont .slide img,
  .slide-cont .slide video,
  video.vtp1{
    position: absolute;
    top: 50%;  left: 50%;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto;
    z-index:1;
    overflow: hidden;
    object-fit: cover;
    transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);
  }


/* animations elements */

  .request-mask,
  .anm250ms{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  }


  .anm500ms{
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }


  /* circle */
  .circ-1 {
    position: relative;
    width: 160px;
    height: 160px;
  }

  .circ-1 .cont {
    position: absolute;
    left:0; top:0; bottom:0; right:0;
  }

  .circ-1 .num{
    font-size:300%;
  }

  .circ-1 .halfclip {
      width: 50%;
      height: 100%;
      right: 0px;
      position: absolute;
      overflow: hidden;
      transform-origin: left center;
  }



  @keyframes cliprotate {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(0deg);}
    50.01% {transform: rotate(180deg);}
    100% {transform: rotate(180deg);}
  }

  .circ-1 .halfcircle {
    box-sizing: border-box;
    height: 100%;
    right: 0px;
    position: absolute;
    border: solid 1px transparent;
     border-top-color: #e8d9c3;
     border-left-color: #e8d9c3;
     border-radius: 50%;
  }

  .circ-1 .clipped {
      width: 200%;
      transform: rotate(-45deg);
  }


  @keyframes rotate {
    0% {transform: rotate(-45deg);}
    100% {transform: rotate(135deg);}
  }


  .circ-1 .fixed {
    width: 100%;
      transform: rotate(135deg);  
      opacity: 0;
  }

  .circ-1.start-anm .fixed {
      opacity: 1;
      animation: showfixed 2s 1;
  }

  .circ-1.start-anm .halfclip {
      animation: cliprotate 2s 1;
      transform: rotate(180deg);
  } 
  .circ-1.start-anm .clipped {
      transform: rotate(135deg);
      animation: rotate 1s linear 2;
  }



  @keyframes showfixed {
    0% {opacity: 0;}
    49.99% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 1;}
  }



/* :::: SPEC STYLES :::: */

/* main promo */


/* main nav */

  #main-nav{
    position: relative;
    z-index:5;
  }

  #homepage #main-nav{
    position: absolute;
    left:0;  bottom:100px; right:0;

    color:white;
    padding:0;
    text-align:center;

  }

  .nav-invt,
  #page #main-nav{
    width:100%;
    background:#292828;
    padding-top:40px;
    color:white;
  }


  #main-logo{
    text-align:center;
    padding:20px;
    letter-spacing: 18px;
    margin-bottom:40px;
  }

  #main-logo img{
    min-width:200px;
    max-width:50%;
  }

  #main-menu{
    text-align:center;
    margin: 0 auto; 
    text-align: center;
    font-weight:500;
    border-top:1px solid #363636;
    border-bottom:1px solid #363636;
    font-size:80%;
    z-index:101;

  }

  #main-menu > ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
  }

  #main-menu > ul > li{
    float: left;
    margin: 0;
    padding: 10px;
    margin:10px;
  }

  #mob-menu{
    position: absolute;
    padding:18px;
    background:#292828;
    font-size:160%;
    left:-50px;
    top:0;
    display:none;
    color:#a69073;
  }

  #lang-menu{
    position: absolute;
    right:20px;
    top:20px;
    z-index:99;
    color:white;
  }

  #lang-menu > a{
    float:left;
    text-transform: uppercase;
    font-size:80%;
    opacity: .6;
  }

  #lang-menu > a:after{
    content: " | ";
    padding:0 10px 0 10px;
  }

  #lang-menu > a:last-child:after{
    content: "";
    padding:0;
  }

  #lang-menu > a:hover{
      opacity: 1;
  }

  .mob-lang{
    display:none;
    text-transform: uppercase;
  }


/* fixed nav */

  #fixed-nav{
    position: fixed;
    left:0; top:0; right:0;
    background:#292828;
    z-index:99;
    display:none;
  }

  #fixed-nav.show{
    display: block;

  }


  #fixed-logo{
    padding:15px;
    color:#a69073;
    float:left;
  }

  #fixed-logo img{
    max-width:200px;
  }

  #fixed-menu{
    font-weight:500;
    font-size:80%;
    float:right;
  }

  #fixed-menu > ul{
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    float:left;
    color:white;
  }

  #fixed-menu > ul > li{
    float: left;
    margin: 0;
    padding: 10px;
    margin:10px;
  }


/* main breadcrumb */


  #main-breadcrumb{
    margin: 0 auto; 
    font-weight:500;
    border-bottom:1px solid #C0C0C0;
    font-size:80%;
  }

  #main-breadcrumb > span:first-of-type,
  #main-breadcrumb > a:first-of-type{
    display:none;
  }

  #main-breadcrumb > a{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    padding: 20px
  }

  #main-breadcrumb > span{
    list-style: none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    padding: 24px 20px 20px 20px;
  }

  #main-breadcrumb > a:hover{
    background:#DFDFDF;
  }

  #main-breadcrumb > .breadcrumb-current{
    font-weight:600;
    padding: 20px
  }


/* map */

  #map-mask{
    position: absolute;
    left:0; top:0; right:0; bottom:0;
    opacity: .2;
    background:gray;
    z-index:2;
    cursor:pointer;
  }

  .close-map{
    position: absolute;
    right:20px;
    top:20px;
    color:#80725F;
    z-index:3;
    font-size:300%;
    display:none;
    cursor:pointer;
  }


/* products */

  .box .request-mask{
    position: absolute;
    left:0; top:100%; bottom:0; right:0;
    background: none;
    z-index:3;
  }

  .box .request-mask .md-b{
    font-size:120%;
    padding: 30px;
    color:white;
    line-height: 140%
  }

  .box .goto-request:hover + .request-mask{

    top:0;
  }


/* viewer */

  .viewer-btn{
    position: fixed;
    bottom:48%;
    font-size:120%;
    z-index:99;
    padding:20px 40px 20px 40px;
    background:#313131;
    color:white;
    opacity: .8;
    cursor:pointer;
  }

  .viewer-btn:hover{
    opacity:1;
  }

  #viewer-go-prev{
    left:20px;
  }

  #viewer-go-next{
    right:20px;
  }











/* :::: MEDIA QUERIES :::: */

  @media (max-width: 1380px){

    .gal3 .box {
        height: 200px;
    }

    .gal3 .label {
        font-size:100%;
    }
  }



  @media (max-width: 1024px){


    .promo1 > div {
      position: relative;
      margin: 140px 4% 0 4%;
      width: 100px;
    }

    .promo1  .txt {
      margin-top:20px;
      font-size:90%;
    }

    .promo1 .md-b{
      font-size:180%;
    }

    .circ-1{
      border:1px solid #e8d9c3;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      width: 100px;
      height: 100px;
    }

    .circ-1 .halfclip,
    .circ-1 .halfcircle {
      display: none;
    }

    .gal2 .box {
        height: 240px;
    }

    .gal2 .label {
        font-size:100%;
    }

    .gal3 .box {
        height: 180px;
    }

    .gal3 .label {
        font-size:100%;
    }

    .viewer-btn{
      position: fixed;
      bottom:60px;
      font-size:100%;
      padding:10px 20px 10px 20px;
    }

    #viewer-go-prev{
      left:40px;
    }

    #viewer-go-next{
      right:40px;
    }


  }

  @media (max-width: 800px){

    .pad025 {padding:2.5%;}  .pad05 {padding:5%;}
    .pad1 {padding:5%;}  .pad2 {padding:10%;}
    .pad3 {padding:20%;}  .pad4 {padding:40%;}
    .pad5 {padding:40%;}  .pad6 {padding:50%;}
    .pad7 {padding:60%;}  .pad8 {padding:70%;}

    .hdef, .sabit-boy{
      height:480px;
    }

    .promo1 > div {
      position: relative;
      margin: 140px 4% 0 4%;
    }

    .promo1 .sabit-boy {
      height:200px;
    }

    #lang-menu{
      display: none;
    }
  
    #main-nav{
      z-index:101;
    }

    #main-logo {
        margin-bottom: 0;
    }

    #main-menu{
      position: fixed;
      bottom:0; top:0;
      right:-60%;
      max-width:60%;
      min-width:100px;
      background:#292828; 
    }

    #main-menu ul li{
      float:left;
      display: block;
      text-align: left;
      width:100%;
      margin:0; padding:0;
    }

    #main-menu ul li a{
      border-bottom:1px dotted #4E4C44;
      padding:20px;
      width:100%;
      display: block
    }

    #fixed-menu{
      display:none;
    }

    #mob-menu{
      display: block
    }
    .mobOpen{
      right:0!important;
    }
    #main-breadcrumb span:nth-last-of-type(1),
    #main-breadcrumb span:nth-last-of-type(2),
    #main-breadcrumb span:nth-of-type(2),
    #main-breadcrumb a:nth-of-type(2){
      display:none;
    }



    .gal2 .box {
        width:50%;
        height: 240px;
    }

    .gal2 .label {
        font-size:100%;
    }

    .gal3 .box {
        width:32.7%;
        height: 180px;
    }

    .gal3 .label {
        font-size:100%;
    }
  }


  @media (max-width: 700px){


    h1{font-family:"Didot", sans-serif; font-size:160%; line-height: 120%; margin-bottom:20px;}
    h2{font-family:"Didot", sans-serif; font-size:140%; line-height: 100%; margin-bottom:10px;}
    h3{font-family:"Didot", sans-serif; font-size:140%; line-height: 100%; margin-bottom:10px;}
    h4,h5,h6{font-size:100%; line-height: 100%; margin-bottom:10px;}

    .hd2{font-family:"Didot", sans-serif; font-size:120%; line-height: 100%;}


    /* 12 cols */
    .w1 {width: 8.333333%;} .w2 {width:16.666666%;}
    .w3 {width:25%;}        .w4 {width:33.333333%;}
    .w5 {width:41.666666%;} .w6 {width:50%;}
    .w7 {width:58.333333%;} .w8 {width:66.666666%;}
    .w9 {width:75%;}        .w10{width:83.33333%;}
    .w11{width:91.66666%;}  .w12{width:100%;}

    /* 100% percent */
    .wp2 {width:100%;}
    .wp3 {width:33.33333%;}  .wp4 {width:25%;}
    .wp5 {width:20%;}        .wp6 {width:16.66666%;}
    .wp7 {width:14.28571%;}  .wp8 {width:12.5%;}
    .wp9 {width:11.11111%;}  

    .hdef, .sabit-boy{
      height:480px;
    }

    .wp2 .box{
      margin-top:200px;
      float:none;
    }

    .wp2 .box.abs{
      top:0; left:0; right:0;
      margin-top:0;
      height:200px;
      float:none;
      width:100%;
    }

    .wp1 .pad1, .wp0 .pad1{
      padding:10%;
    }
  }


  @media (max-width: 620px){

    .promo1 > div {
      position: relative;
      margin: 140px 4% 0 4%;
      height:100px!important;
      display:block;
      width:auto;
      margin-top:20px;
      margin-bottom:20px;
    }

    .promo1 .circ-1 {
      position: absolute;
      width: 80px;
      height: 80px;
    }

    .promo1 .txt {
      text-align:left;
      margin-left:90px;
      margin-top:30px;
    }
  }


  @media (max-width: 580px){

    .gal3 .box {
        width:49.3%;
        height: 200px;
    }

    .gal3 .label {
        font-size:100%;
    }
  }

  @media (max-width: 340px){

    body{font-size:90%;}

    .gal3 .box {
        width:100%;
        height: 180px;
    }

    .gal3 .label {
        font-size:100%;
    }
  }


  @media (max-width: 440px){


    .gal2 .box {
        width:100%;
        height: 180px;
    }

    .gal3 .label {
        font-size:100%;
    }
  }