/* 
  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: "ProximaNova", "Segoe Ui", Arial , sans-serif;
    font-size:100%;
    font-weight:300;
    overflow-x:hidden;
    line-height: 1.4em;
    color:#5B5B5B;
  }

  .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%;
  }


  .frame-mid{
    max-width:1350px;
    margin-left:auto;
    margin-right:auto;
  }

  .frame-mid,
  .row,
  div[class^="row-"],
  div[class*=" row-"]{
    clear:both;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }



  .frame-mid:after,
  .row:after,
  div[class^="row-"]:after,
  div[class*=" 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;
  }

  .side-l{
    float:left;
  }
  .side-r{
    float:right;
  }

  .abs{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }


  .maskeli:before{
    content:" ";
    position: absolute;
    left:0; top:0; right:0; bottom:0;
    background-color: black;
    opacity: .6;
  }

  .maskeli:hover:before{
    opacity: .8; 
  }


/* mid-cent */

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

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




  .boxset-1 .box .icon-cont img,
  .boxset-1 .box .icon-cont svg,
  .boxset-1 .box .icon-cont .icon,
  .md-b{

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


/* paddings */

  div[class^="pad-def"],
  div[class*="pad-def"]{
    padding-left:60px;
    padding-right:60px;
  }

  .pad-def {padding-top:60px; padding-bottom:60px;}
  .pad-def05 {padding-top:30px; padding-bottom:30px;}
  .pad-def025 {padding-top:12px; padding-bottom:12px;}

  .pad-vdef{ padding-top:60px; padding-bottom: 60px }
  .pad-vdef2{ padding-top:80px; padding-bottom: 80px }

  .flama,
  .pad-0{ padding:0; }


/* 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%;}

  /* 100% percent left */

  .mpl0 {margin-left: 100%;}
  .mpl1 {margin-left: 100%;}      .mpl2 {margin-left:50%;}
  .mpl3 {margin-left:33.33333%;}  .mpl4 {margin-left:25%;}
  .mpl5 {margin-left:20%;}        .mpl6 {margin-left:16.66666%;}
  .mpl7 {margin-left:14.28571%;}  .mpl8 {margin-left:12.5%;}
  .mpl9 {margin-left:11.11111%;}  

  /* 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%;}

  /* 100% percent right */
  
  .mpr0 {margin-right: 100%;}
  .mpr1 {margin-right: 100%;}      .mpr2 {margin-right:50%;}
  .mpr3 {margin-right:33.33333%;}  .mpr4 {margin-right:25%;}
  .mpr5 {margin-right:20%;}        .mpr6 {margin-right:16.66666%;}
  .mpr7 {margin-right:14.28571%;}  .mpr8 {margin-right:12.5%;}
  .mpr9 {margin-right:11.11111%;}


/* 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%;}  .wp10 {width:10%;} 
  .wp11 {width:9.090909%;} .wp12 {width:8.333333%;} 

/* heights */


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

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




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


/* animations */

  .menu-mob, .menu .mob li, #fixed-nav,
  .menu-def > .menuCont > ul > li.idle:after,
  .mask, .button,
  .icon-connected .box,
  #request-form, #request-form-mask, #request-form .field, .form label:after,
  .slide-cont .slide .block .content a,
  .gal-1 li a, .gal-1 li a:before, .gal-1 li a:after,
  .anm150ms{
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }

  .menu-def > .menuCont > ul > li > .menuCont > ul > li > a:after,
  .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;
  }


  .form .button{
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
  }

/* seperators */

  .clr{
    clear:both;
    min-height:1px;
    width:100%;
  }

  .uline{
    border-bottom:1px solid #EAEAEA;
  }


/* buttons */

  .button{
    cursor:pointer;
  }

  /* button 1*/
  
  .slide-cont .slide .block .content a,
  .btn-1{
    width:auto;
    font-size:100%;
    font-weight:500;
    padding:20px;
    letter-spacing: 3px;
    border:2px solid #1597b9;
    overflow: hidden;
    position: relative;
    margin-top:10px;
    display:inline-block;
    color:#1597b9;
    background: rgba(21,151,185,0);

  }

  .slide-cont .slide .block .content a:hover,
  .btn-1:hover{
    background:rgba(21,151,185,.4);
  }


  /* btn-2 */

  .btn-2{
    width:auto;
    font-size:100%;
    font-weight:500;
    padding:10px;
    letter-spacing: 3px;
    border:2px solid #1597b9;
    overflow: hidden;
    position: relative;
    margin-top:15px;
    display:inline-block;
    color:#1597b9;
  }

  .btn-2:hover{
    border:2px solid white;
    color:white;
    background: #1597b9;
  }

  /* btn-2 */

  .btn-3{
    width:auto;
    font-size:100%;
    font-weight:500;
    padding:10px;
    letter-spacing: 3px;
    border:2px solid #1597b9;
    overflow: hidden;
    position: relative;
    display:inline-block;
    color:#1597b9;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }

  .btn-3:hover{
    border:2px solid white;
    color:white;
    background: #1597b9;
  }




/* headers */

  h1{font-size:240%; font-weight:200; line-height: 120%; margin-bottom:20px;}
  h2{font-size:180%; font-weight:200; line-height: 110%; margin-bottom:16px;}
  h3{font-size:140%; font-weight:200; line-height: 100%; margin-bottom:12px;}
  h4{font-size:120%; font-weight:500; line-height: 120%; margin-bottom:10px;}
  h5{font-size:100%; font-weight:500; line-height: 120%; margin-bottom:10px;}
  h6{font-size:110%; margin-bottom:5px; padding-bottom:5px;}

  
  h1,h2,h3,h4,h5,h6,
  h1 u,  h2 u,  h3 u,  h4 u,  h5 u,  h6 u,
  h1 ins,  h2 ins,  h3 ins,  h4 ins,  h5 ins,  h6 ins{
    text-decoration: none;
    color:#1597b9;
  }


  [class^='hdr-2'],
  [class*='hdr-2']{
    color:#477685;
    font-weight:300;
  }

  [class^='hdr-2']:after,
  [class*='hdr-2']:after{

  }

  .hdr-2-l:after{
    width:10%;
    margin-left:0%;
    margin-right:auto;
  }

  h1 u:after,  h2 u:after, 
  h3 u:after,  h4 u:after, 
  h5 u:after,  h6 u:after,
  h1 ins:after,  h2 ins:after, 
  h3 ins:after,  h4 ins:after, 
  h5 ins:after,  h6 ins:after{
    content: " ";
    width:10%;
    margin-left:0;
    height:1px;
    display: block;
    background-color: #3BC041;
    margin-top:20px;
    margin-bottom: 20px;
  }


/* colsets */

  .colset-1 .col{
    padding:5%;
  }


/* box sets */

  .boxset .box{
    float:left;
  }

  .boxset .box .content{
    padding:12%;
    text-align: center;
  }

  .boxset .box .content .icon-cont{
    width:100%;
    text-align: center;
    display: inline-block;
    border:1px solid;
    border-color:#1597b9;
    position: relative;
    border-radius: 50%;
    width:100px;
    height:100px;
    padding-top:30px;
    margin-bottom:20px;
  }


  .boxset .box .img-cont{
    width:100%;
    height:200px;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
    position: relative;
    overflow:hidden;
  }

  .boxset .box .img-cont .mask{
    color:white;
    font-size:200%;
    background-color: rgba(0,50,85,.7);
    position: absolute;
    left:0; top:-100%; right:0; bottom:100%;
  }

  .boxset .box:hover .img-cont .mask{

    left:0; top:0; right:0; bottom:0;
  }


  .boxset .box .icon-cont img,
  .boxset .box .icon-cont svg,
  .boxset .box .icon-cont .icon{

      width:40px;
      height:40px;
      font-size:90%;
      text-align: center;
  }

  .boxset .box .content h3{
    font-weight:400;
    text-align: center;
    padding-top:30px;
  }

  .boxset .box .content h3:after{
    content: " ";
    width:10%;
    margin-left:45%;
    display: block;
    margin-top:20px;
    background-color:#39bf13;
    height:1px;
  }


/* galleries */


  .gal-1{
    position: relative;
    overflow:hidden;
  }

  .gal-1 li{
    float:left;
    height:260px;
    position: relative;
    overflow:hidden;
    background-color: black;
    width:33.3333%;
  }

  .gal-1 li a{
    display:block;
    overflow:hidden;
    position: relative;
  }

  .gal-1 li a:before{
    content:" ";
    display:block;
    position: absolute;
    background-color: black;
    color:white;
    opacity: 0;
    width:100%;
    height:100%;
    z-index:1;
  }

  .gal-1 li a:hover{
    transform: scale(1.1);
  }

  .gal-1 li a:hover:before{
    opacity: .6;
  }

  .gal-1 li a:after{
    content:"\e037"; /*"\ea11"*/
    font-family: 'genel' !important;
    display:block;
    opacity: 0;
    position: absolute;
    z-index:2;
    color:white;
    top:48%;
    top:calc( 50% - 20px);
    width:100%;
    text-align: center;
    font-size:300%;
    transform: scale(.3);
  }

  .gal-1 li a:hover:after{
    opacity: 1;
    transform: scale(1);

  }


  .gal-1 li a img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
 
  .gallery .col1{ width:100%;       height:460px; }
  .gallery .col2{ width:50%;        height:460px; }
  .gallery .col3{ width:33.3333%;   height:460px; }
  .gallery .col4{ width:25%;        height:460px; }
  .gallery .col5{ width:20%;        height:460px; }
  .gallery .col6{ width:16.66666%;  height:460px; }
  .gallery .col7{ width:14.28571%;  height:460px; }
  .gallery .col8{ width:12.5%;      height:460px; }
  .gallery .col9{ width:11.11111%;  height:460px; }
  .gallery .col10{ width:10%;       height:460px; }
  .gallery .col11{ width:9.090909%; height:460px; }
  .gallery .col12{ width:8.333333%; height:460px; }



/* lists */

  .list-def > li{
    list-style: upper-roman;
    margin:10px;
    padding:10px;
  }

  .list-def > li li {
    list-style: lower-alpha;

  }


/* icons lists */


  /* icon-list1 */

   .icon-list1{
    position: relative;
   }

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

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

  }

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

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


  .orta-ikonlu-liste .icon-list1 li{
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px dotted #DCDCDC;
  }

  .orta-ikonlu-liste .icon-list1 li:last-of-type{

    border-bottom:none;
  }


  .orta-ikonlu-liste .icon-list1 .icon{
    width:50px;
    height:50px;
    font-size:160%;
    text-align: left;
  }


  .orta-ikonlu-liste .icon-list1 p{
      font-size:120%;
  }


/* forms */

  .form textarea,
  .form select,
  .form input{
    padding:15px;
    width:100%;
    border:none;
    resize: none;
    font: inherit;
    margin-top:5px;
    margin-bottom:5px;
  }

  .form textarea{
    height:100px;
  }

  .form .row-hid{
    visibility:hidden;
  }


  /* checkbox 1*/

  .form input[type="checkbox"]{
    margin:0;
    padding:0;
    visibility:hidden;
  }

  .form label{
    width:60px;
    height:30px;
    background-color: #E6E6E6;
    display:block;
    position: relative;
    border:3px solid white;
    cursor:pointer;
    float:left;
    margin-right:10px;
    border-radius: 20px
  }

  .form label:after{
    content:" ";
    display: block;
    position: absolute;
    top:0; left:0; bottom:0;
    width:50%;
    background-color: #B5B5B5;
    border-radius: 20px
  }

 .form input[type=checkbox]:checked + label:after {
    left: 50%;
    background-color: #1ACE33;
  }


  .form .label-flt .col:nth-child(1){
    width:70px;
  }

  .form .label-flt label{
    margin-top:19px;
  }


  .form .label-flt .col:nth-child(2){
    width: calc( 100% - 70px );
  }

/* footer */


/* images & colors */

  body *{
    border-color:#1597b9;
  }

  .icon *,
  .icon{
    color:#1597b9;
  }

  .ters-renk{
      color:white;
      background-color: #1597b9;
  }

  div[class^="ters-renk"],
  div[class*=" ters-renk-"]{

  }

  .ters-renk *{
    color: white!important;
    border-color:white!important;
  }

  .ters-renk input,
  .ters-renk select,
  .ters-renk option,
  .ters-renk textarea{
    color: #636363!important;
  }



  .slide-cont .slide .block .content a,
  .ters-renk .btn-1{
    border:2px solid white;
    color:white;
  }


  /* ters renk2*/

  .ters-renk-2{
      color:#B2CBD3;
      background-color: #09586F;
  }

  .ters-renk-2 h1,
  .ters-renk-2 h2,
  .ters-renk-2 h3,
  .ters-renk-2 h4,
  .ters-renk-2 h5,
  .ters-renk-2 h6,
  .ters-renk-2 .icon{
    color: white; 
  }

  .ters-renk-2 *[class^='hdr-2']:after,
  .ters-renk-2 *[class*='hdr-2']:after{
    width:10%;
    margin-left:0%;
    margin-right:auto;
    background-color: #54917C;
  }


  /* ters renk2*/

  .ters-renk-3{
      color:#B2CBD3;
      background-color: #04475A;
  }


  .sabit-arkaplan{
      background-attachment: fixed;
  }

  strong{
    font-weight:500;
  }




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


/* main top bar */

  #main-top-bar{
    border-bottom:1px solid #EAEAEA;
    font-size:80%;
    color:#A5A5A5;
  }

  #main-top-bar .side-r .col > *{
    float:left;
    margin-left:30px;
  }

  #main-top-bar .side-l .col > *{
    float:left;
    margin-right:20px;
  }


  #main-top-bar .col .itm p{
    display: block;
    float:left;
    margin-left:10px;
  }

  #main-top-bar .col .itm svg{
    float:left;
    width:20px;
    height:auto;
  }


  #top-socials{
    padding-top:5px;
  }


/* main title */

  #main-title{

  }


/* main nav */

  .nav-def{
    border-bottom:1px solid #EAEAEA;
  }


/* main logo */

  .logo-def{
    width:180px;
    float:left;
  }

  .logo-def > a{
    width:100%;
    display:block;
  }

  .logo-def > a > img{
    width:100%; 
  }


/* main menu */


  /* default menu*/

  .menu-def{
    float:right;
    font-weight:500;
  }

  .menu-def > .menuCont > ul > li  {
    float:left;
    position: relative;
  }

  .menu-def > .menuCont > ul > li:last-of-type  {
    margin-right:-30px;
  }

  .menu-def > .menuCont > ul > li > a {
    padding:20px;
    display: block;
    color:#888888;
  }

  
  /* idle menu item */

  .menu-def > .menuCont > ul > li.idle:after {
    content:" ";
    display: block;
    background-color: #1597b9;
    height:2px;
    position: absolute;
    bottom:0; left:0; width:0px;
  }


  .menu-def > .menuCont > ul > li.idle:hover:after {
    width:100%;
  }



  /* exp menu item */

  .menu-def > .menuCont > ul > li.exp:before {
    content: "\e5cf";
    font-family: 'genel';
    display: inline;
    float:right;
    padding-top:18px;
  }

  .menu-def > .menuCont > ul > li.exp:after {
    content:" ";
    display: block;
    background-color: #1597b9;
    position: absolute;
    top:0; left:0;
    margin-top:80px;
    width:100%; height:100%;
    z-index:-1;
    visibility: hidden;
    opacity: 0;
  }



  .menu-def > .menuCont > ul > li.exp:hover:before {
    display: none;
  }

  .menu-def > .menuCont > ul > li.exp:hover > a {
    color:white;
  }


  /* level - 2 */

  .menu-def > .menuCont > ul > li > .menuCont {
    position: absolute;
    color:white;
    z-index:96;
    left:0;
    margin-top:80px;
    width:100%;
    min-width:260px;
    max-width:460px;
    visibility: hidden;
    opacity: 0;
  }



  .menu-def > .menuCont > ul > li > .menuCont > ul > li > a  {
    padding:20px 20px 20px 20px;
    display: block;
    background-color: #1597b9;
    border-bottom:1px dotted #50C5E4;
    position: relative;
  }

  .menu-def > .menuCont > ul > li > .menuCont > ul > li:last-of-type > a  {
    border-bottom:none;
  }

  .menu-def > .menuCont > ul > li > .menuCont > ul > li > a:hover  {
    background-color: #107F9C;
  }


  .menu-def > .menuCont > ul > li > .menuCont > ul > li > a:after {
    content:" ";
    display: block;
    background-color: #B8E5F1;
    position: absolute;
    bottom:0; left:0;
    width:0; height:2px;
  }

  .menu-def > .menuCont > ul > li > .menuCont > ul > li > a:hover:after {
    width:100%;
  }

  /* level - 3 */

  .menu-def > .menuCont > ul > li > .menuCont > ul > li .menuCont {
    display:none;
  }

  /*open*/

  @keyframes expAnm {
    
    100%{
      margin-top:0px;
      visibility: visible;
      opacity:1;

    }
  }

  @keyframes menuAnm {
    
    100%{
      margin-top:-1px;
      visibility: visible;
      opacity:1;
    }
  }

  .menu-def > .menuCont > ul > .exp:hover:after{
    -webkit-animation: expAnm 250ms ease-out forwards;
    animation: expAnm 250ms ease-out forwards;
  }

  .menu-def > .menuCont > ul > .exp:hover > .menuCont{
    -webkit-animation: menuAnm 250ms ease-out forwards;
    animation: menuAnm 250ms ease-out forwards;
  }


  /* offer btn */

  .menu-def .offer-btn{
    background-color: #1597b9;
    margin:10px!important;
  }

  .menu-def .offer-btn a{
    background-color: #1597b9;
    color:White!important;
    padding:10px!important;
  }


/* mob-menu button */

  #mob-menu-button{
    position: absolute;
    right:0; top:0;
    font-size:160%;
    padding:20px;
    z-index:55;
    display:none;
  }


  .lang-box{
    padding:5px 10px 5px 10px;
    border:2px solid #1597b9;
    background-color: white;
    font:inherit;
  }


/* mob-menu */

  .menu-mob{
    position: fixed;
    left:-400px; top:0; bottom:0;
    z-index:98;
    width:100%;
    max-width:400px;
    color:white;
    background-color: #1597b9;
    overflow-y:auto;
    font-size:130%;
  }


  .menu-mob.opened{
    left:0;
  }

  .menu-mob > .top-row{
    margin-bottom:10px;
    padding: 15px;
  }

  .menu-mob > .top-row .col.langs{
    float:left;

  }

  .menu-mob > .top-row .col.close{
    float:right;
    position: relative;
    font-size:180%;
  }

  .menu-mob > .row > .menuCont > ul > li{
    border-bottom:1px dotted #50C5E4;
    position: relative;
  }

  .menu-mob > .row > .menuCont > ul > li > a{
    display: block;
    padding: 15px;
    margin-right:50px;
    position: relative;
  }

  .menu-mob > .row > .menuCont .menuCont{
    display: none;
    padding:15px;
  }

  .menu-mob > .row > .menuCont > ul > li.exp{
    background-color: #1FA5C8;
  }

  .menu-mob > .row > .menuCont > ul > li.exp > a{
    background-color: #1597b9;
  }

  .menu-mob > .row > .menuCont > ul > li.exp:before {
    content: "\e5cf";
    font-family: 'genel';
    font-size:160%;
    display: block;
    position: absolute;
    right:10px; top:15px;
    transform: rotate(270deg);
  }


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

  #main-breadcrumb{
    font-size:90%;
    color:#9F9F9F;
  }


  #main-breadcrumb .breadcrumb-current,
  #main-breadcrumb a{
    margin-left:10px;
    margin-right:10px;
  }

  #main-breadcrumb .breadcrumb-separator{
    display: inline-block;
    color:#1597b9;
    padding-top:2px;
  }

  #main-breadcrumb .breadcrumb-current{
    border-bottom:1px dotted #1597b9;
  }


/* :: FIXEDS :: */


/* fixed nav */

  #fixed-nav{
    position: fixed;
    z-index:50;
    width:100%;
    background-color: white;
    top:-100px;
    font-size:80%;
  }

  #fixed-nav.show{
    top:0;
  }

  #fixed-nav .frame-mid{
    padding-top:0;
    padding-bottom:0;
  }


/* fixed logo */

  #fixed-logo{
      width:140px;
      margin-top:8px;
  }



/* :: main promo :: */

  #main-promo{
    height:1000px;
    width:100%;
    display:block;
    overflow: hidden;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }


/* main promo & slide */


  #main-promo{
  }

  #main-promo .slide-cont{
    height:100%;
    display:block;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }

  #main-promo .slide-cont .slide{
    height:100%;
    width:100%;
    display:block;
    position: relative;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
  }

  .slide-cont .slide .mask{
    position: absolute;
    left:0; right:0; top:0; bottom: 0;
    z-index:1;
    opacity: .7;
    background-color: #171A1D;
  }

  .slide-cont .slide .block{
    position: absolute;
    left:0; right:0; top:60px; bottom: 60px;
    z-index:2;
  }

  .slide-cont .slide .frame-mid{
    display: table;
    height:100%;
    padding-left:5%;
    padding-right:5%;
    text-align: center;
  }

  .slide-cont .slide .block .content{
    display: table-cell;
    vertical-align: middle;
    color:white;
    font-size:120%;
    font-weight:200;
    position: relative;
  }


  .slide-cont .slide .sol{
    padding-right:50%;
    padding-left:40px;
    text-align: left;
  }

  .slide-cont .slide .orta{
    padding-right:25%;
    padding-left:25%;
    text-align: center;
  }

  .slide-cont .slide .sağ{
    padding-left:50%;
    padding-right:40px;
    text-align: left;
  }


  .slide-cont .slide .block .content h1,
  .slide-cont .slide .block .content h2,
  .slide-cont .slide .block .content h3,
  .slide-cont .slide .block .content h4,
  .slide-cont .slide .block .content h5,
  .slide-cont .slide .block .content h6{
    color:white;
  }

  .slide-cont .slide .block .content u,
  .slide-cont .slide .block .content ins{
 
    color:white;
  }

  .slide-cont .slide .block .content h1,
  .slide-cont .slide .block .content h2,
  .slide-cont .slide .block .content h3{
    font-weight:300;
  }


  .slide-cont .slide .block .content h4,
  .slide-cont .slide .block .content h5,
  .slide-cont .slide .block .content h6{
    font-weight:500;
  }


  .slide-cont .slide .orta a:last-of-type{
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: -webkit-translateX(-50%); 
  }

  .slide-cont .slide .block .content a:last-of-type{
    position: absolute;
    margin-top:30px;
    display:block;
    width:auto;
    font-size:100%;
    font-weight:500;
    padding:20px;
    letter-spacing: 3px;
    border:2px solid white;
    overflow: hidden;
  }


  .slide-cont .slide u:after,
  .slide-cont .slide ins:after{

    background-color: #0AC4F9;

  }

  .slide-cont .slide .orta u:after,
  .slide-cont .slide .orta ins:after{
    margin-left: 45%;
    height: 1px;
    display: block;

  }


/* icon-connected */

  .icon-connected .icon-cont{
    margin-bottom:90px!important;
  }

  .icon-connected .icon-cont:after{
    content:" ";
    display: block;
    background-color: #1597b9;
    position: absolute;
    width:1px;
    height:50px;
    bottom:-50px; left:50%; 
  }

  .icon-connected .icon-cont:before{
    content:" ";
    display: block;
    position: absolute;
    width:10px;
    border:1px solid #1597b9;
    border-radius: 50%;
    height:10px!important;
    bottom:-62px; left:44px; 
  }

  .icon-connected .box:hover{
    transform: scale(1.2);
  }


/* request form */

  #request-form{
    z-index:99;
    position: fixed;
    top:0; bottom:0;
    right:-600px;
    max-width:600px;
    width:100%;
  }

  #request-form.opened{
    right:0;
  }

  #request-form .container{
    overflow-y:auto;
    overflow-x:hidden;
    position: absolute;
    left:0; top:0; bottom:0; right:0;
    -webkit-overflow-scrolling: touch;
  }

  #request-form .header{
    padding-top:30px;
    padding-bottom:20px;
    border-bottom:1px dotted white ;
  }

  #req-win-btn{
    width:60px;
    height:60px;
    position: absolute;
    bottom:100px; left:-60px;
    z-index:99;
    font-size:170%;
    padding:18px;
    cursor:pointer;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  #req-close-btn{
    position: absolute;
    right:0; top:20px;
    width:50px;
    height:50px;
    float:right;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #21ADD2;
    font-size:160%;
    padding:13px;
    cursor:pointer;
    z-index:99;
  }

  #req-close-btn:hover{
    background: #05354B
  }


  #request-form-mask{
    position: fixed;
    left:0; top:0; right:0; bottom:0;
    background-color: black;
    opacity: 0;
    visibility:hidden;
    z-index:98;
  }

  #request-form-mask.opened{
    visibility:visible;
    opacity:.5;
  }


/* map */

  #map-cont{
    height:700px;
  }

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

  .close-map{
    position: absolute;
    right:20px;
    top:20px;
    color:white;
    background-color: #CF6464;
    border-radius: 50%;
    z-index:3;
    font-size:200%;
    padding: 1%;
    display:none;
    cursor:pointer;
  }


/* footer address */


  #footer-adr-row .bg{
    position: absolute;
    left:0; right:0; bottom:0; top:0;
    opacity: .8;
  }

  #footer-adr{
    position: absolute;
    left:0; right:0; bottom:0; margin-top:0;
    margin-left:0;
    z-index:9;
    color:white;
    font-size:140%;
    line-height: 1.3em;
  }

  #footer-adr .col-bg{
    position: absolute;
    top:0; left:0; bottom:0; right:0;
    border-right:1px solid #50ADC7;
    top:40px; bottom:40px;
  }


  #footer-adr .col{
    line-height: 140%;
  }

  #footer-adr .col.left{
    text-align: right;
  }

  #footer-adr .col.right{
    text-align: left;
  }



  #footer-adr .col-bg:last-of-type{
      border-right:none;
  }




 







    
    

    .gallery .col1{ width:100%; height:460px; }
    .gallery .col2{ width:50%;  height:420px; }
    .gallery .col3{ width:33.33333%; height:400px; }
    .gallery .col4{ width:25%; height:340px; }
    .gallery .col5{ width:20%; height:280px; }
    .gallery .col6{ width:16.666666%; height:200px; }
    .gallery .col7{ width:14.28571428%; height:200px; }
    .gallery .col8{ width:12.5%; height:150px; }
    .gallery .col9{ width:11.1111%; height:150px; }
    .gallery .col10{ width:10%; height:130px; }
    
    


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



  @media (max-width: 1300px){


    div[class^="pad-def"],
    div[class*="pad-def"]{
      padding-left:30px;
      padding-right:30px;
    }

    .pad-def {padding-top:30px; padding-bottom:30px;}
    .pad-def05 {padding-top:18px; padding-bottom:18px;}
    .pad-def025 {padding-top:12px; padding-bottom:12px;}

    .pad-vdef{ padding-top:30px; padding-bottom: 30px }
    .pad-vdef2{ padding-top:40px; padding-bottom: 40px }



    

    .gallery .col1{ width:100%; height:460px; }
    .gallery .col2{ width:50%;  height:360px; }
    .gallery .col3{ width:33.33333%; height:320px; }
    .gallery .col4{ width:25%; height:260px; }
    .gallery .col5{ width:20%; height:210px; }
    .gallery .col6{ width:16.666666%; height:160px; }
    .gallery .col7{ width:14.28571428%; height:130px; }
    .gallery .col8{ width:12.5%; height:130px; }
    .gallery .col9{ width:11.1111%; height:120px; }
    .gallery .col10{ width:10%; height:80px; }
    

  }

  @media (max-width: 1000px){

    #fixed-nav{
      top:0!important;
    }

    #mob-menu-button{
      display:block;
      padding:13px;
    }

    #main-nav,
    #fixed-menu,
    #main-top-bar{
      display: none;
    }

    #fixed-logo{
      width:100px;
      margin-bottom: 10px;
    }


    #footer-adr{
      font-size:90%!important;
    }

    #req-win-btn{
      width:45px;
      height:45px;
      position: absolute;
      bottom:100px; left:-45px;
      z-index:99;
      font-size:130%;
      padding:13px;
      cursor:pointer;
    }


    .gallery .col1{ width:100%; height:420px; }
    .gallery .col2{ width:50%; height:280px; }
    .gallery .col3{ width:33.33333%; height:240px; }
    .gallery .col4{ width:25%; height:200px; }
    .gallery .col5{ width:20%; height:180px; }
    .gallery .col6{ width:16.666666%; height:120px; }
    .gallery .col7{ width:14.28571428%; height:100px; }
    .gallery .col8{ width:12.5%; height:100px; }
    .gallery .col9{ width:11.1111%; height:80px; }
    .gallery .col10{ width:10%; height:60px; }


  }



  @media (max-width: 700px){

    .wp2, .w6, .wp3{
      width:100%;
      clear:both;
    }

    .abs-bg-cont{
      position: relative;
      min-height:140px;
    }

    .abs-bg-cont .mpl2{
      margin-left:0;
    }

    .w3,
    .wp4{
      width:50%;
    }

    #footer-adr .col{
     text-align: center!important;
     float:none!important;
    }

    #footer-adr .left{
      padding-bottom:10px!important;
    }

    #footer-adr .right{
      padding-top:10px!important;
    }

    #map-cont{
      height:500px;
    }

   .slide-cont .slide .block{
      top:30px; bottom: 30px;
    }

    .slide-cont .slide .frame-mid{
      height:100%;
      padding-left:0%;
      padding-right:0%;
    }

    .slide-cont .slide .block .content{
      font-size:100%;
    }


    .slide-cont .slide .sağ,
    .slide-cont .slide .sol,
    .slide-cont .slide .orta{
      padding-right:20px;
      padding-left:20px;
    }


    .slide-cont .slide .block .content h1,
    .slide-cont .slide .block .content h2,
    .slide-cont .slide .block .content h3,
    .slide-cont .slide .block .content h4,
    .slide-cont .slide .block .content h5,
    .slide-cont .slide .block .content h6{
      font-size:130%;
    }


    .slide-cont .slide .block .content a:last-of-type{
      margin-top:30px;
      width:auto;
      font-size:100%;
      padding:20px;
      border:2px solid white;
    }

  
    .flickity-prev-next-button{
      display: none;
    }


    #request-form{
      right:-100%;
      max-width:100%;
      width:100%;
    }

    .gallery .col1{ width:100%;  height:360px; font-size:50% }
    .gallery .col2{ width:50%;  height:220px; font-size:50% }
    .gallery .col9, .gallery .col3{ width:33.33333%; height:150px; font-size:50%; }
    .gallery .col8, .gallery .col4{ width:25%; height:140px;font-size:50% }
    .gallery .col10, .gallery .col5{ width:20%; height:110px; }
    .gallery .col6{ width:16.666666%; height:80px; }

  }

  @media (max-width: 512px){


    .gallery .col1{ width:100%;  height:360px;}
    .gallery .col2{ width:50%;  height:220px;}
    .gallery .col9, .gallery .col7, .gallery .col6, .gallery .col3{ width:33.33333%; height:140px; }
    .gallery .col8, .gallery .col4{ width:25%; height:100px;}
    .gallery .col5{ width:20%; height:80px; } 


  }


  @media (max-width: 400px){
    .w3,
    .wp4{
      width:100%;
      clear:both;
    }

    div[class^="pad-def"],
    div[class*="pad-def"]{
      padding-left:10px;
      padding-right:10px;
    }

    .pad-def {padding-top:30px; padding-bottom:30px;}
    .pad-def05 {padding-top:18px; padding-bottom:18px;}
    .pad-def025 {padding-top:12px; padding-bottom:12px;}

    .pad-vdef{ padding-top:30px; padding-bottom: 30px }
    .pad-vdef2{ padding-top:40px; padding-bottom: 40px }

    .boxset .box .content{
      padding:10px;
    }

    .gallery .col1{ width:100%;  height:200px; }
    .gallery .col10, .gallery .col2{ width:50%;  height:160px; }
    .gallery .col9, .gallery .col7, .gallery .col6, .gallery .col3{ width:33.33333%; height:80px; }
    .gallery .col8, .gallery .col4{ width:25%; height:70px; }
    .gallery .col5{ width:20%; height:60px; } 

  }


  @media (max-width: 300px){
    .gallery .col1,    .gallery .col2,    .gallery .col3,    
    .gallery .col4,    .gallery .col5,    .gallery .col6,    
    .gallery .col7,    .gallery .col8,    .gallery .col9,    
    .gallery .col10,   .gallery .col11,
    .gallery .col12{ width:100%; height:160px; }
  }