#mask svg{
    width: 200px;
     height: 109px;
}
#loader {
    
    background-color: rgba(26,34,42,0.8);
    
  }

section
{
    width :calc(100% - 300px);
}
#navbar
{
    width :calc(100% - 300px);
}
#bilgi-talep
{
    position: fixed;
    padding: 20px;
    top:0px;
    right:0px;
    z-index: 999;
    width: 300px;
    height: 100vh;
    background: linear-gradient(to top,#504945, rgba(14,23,29,1));
    

}
#bilgi-talep p
{
    color:#fff;
    font-size: 16px;
    margin: 0px;
}
#bilgi-talep .title h2
{
    font-size:24px;
}
#telefon-text
{
   
    display: block;
    color:#fff;
    font-size: 25px;
}
#telefon-text span
{
   font-family: 'Poppins', sans-serif;
   font-weight: 600
}
#telefon-text i
{
    display: inline-block;
    margin-right:0px;
}
#bilgi-talep .form-group
{
    margin-bottom: 10px
}
.form-control, output
{
    color:#fff
}
#bilgi-talep .form-control
{
    height: 40px;;
}
#footer
{
    width : calc(100% - 300px)
}
#navbar .logo img {
    max-height: 35px;
}
.slide-wrap {
    
    background-color: rgba(31, 31, 31, 0); 
   
}
.slide-arrows > button
{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    
}
.slide-arrows > button:before
{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
#navbar
{
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
#navbar.stick.dark-menu {
    
    border-color: rgba(14,23,29,0);;
    background: linear-gradient(to left, rgba(14,23,29,0.4), rgba(14,23,29,1));
    box-shadow: none;
    
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }

  .dark-bg {
    background-color: #504945;
    color: #fff;
}
.extra-dark {
    background-color: #38322e;
    color: #fff;
}

.mevsim-bg
{
    background: url(../img/mevsim-bg-2.jpg) #38322e;
    background-position: 0% 0%;
    background-size:cover;
    background-repeat: no-repeat
}
.bg1
{
    background: url(../img/bg1.jpg) #504945;
    background-position: -200% 0%;
    background-size: 90%;
    
}
#filters.dark-skin li.active {
    border-color: #eb592e;
    color: #eb592e;
}
.work-item .work-detail > a
{
    border-top-left-radius: 70px;
    border-bottom-right-radius:70px;
    border-bottom-left-radius: 70px;
}
.work-info {
   
    top: auto;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 0px;
    
    
}

.work-info h3 {
    font-size: 13px;
    margin:0px;
    margin:10px;
    
    font-weight: 500;
    color: #1f1f1f;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 0;
}

.efekt1
{
    display: none;
    position: absolute;
    bottom:0px;
    z-index: 1;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(34,39,46,0), #38322e);
}
.efekt2
{
    
    position: absolute;
    top:0px;
    z-index: 1;
    width: 100%;
    height: 200px;
    background: linear-gradient(to top, rgba(34,39,46,0), #38322e);
}
.title h2
{
    color:#fff
}
.title h2 span
{
    color:#eb592e
}
.icon-box
{
    padding: 60px 20px;
    margin:10px;
    background: linear-gradient(to bottom, rgba(34,39,46,0), #504945);
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px
}

.iletisim-info
{
    background: #38322e;
    padding: 20px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    margin-bottom:20px;
    text-align: center;
}
.iletisim-info p , footer p
{
    margin:0px
}
.iletisim-info a
{
    color: #eb592e !important;
}
.form-control
{
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border:1px solid rgba(255,255,255,0.8);
    background: none;

}
.work-detail a:focus,.work-detail a:active {
    outline: none !important;
    box-shadow: none;
 }

 .footer-logo img
 {
     max-width: 200px;
 }
 #footer.dark-footer .footer-widgets
 {
     background-color:#38322e
 }
 .footer-copy 
 {
    background: linear-gradient(to bottom,#38322e, rgba(14,23,29,1));
    background-color: rgba(14,23,29,1)  ;
    border:none 
 }
 #footer.dark-footer .footer-widgets:before {
    -webkit-filter: invert(0);
     filter: invert(0); 
    opacity: 1;
}





 .form-control:focus {
    border-color: #eb592e;
}
div.error {
    /* your rules */
    background: rgb(117, 14, 14);
    color:#fff;
    padding: 5px 10px;
    margin-top:10px;
    font-size: 13px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.checkbox label
{
    color:#fff !important;
    padding-left: 0px;
}
.checkbox label input
{
    display: inline-block;
  
}

.btn-rounded-border
{
    border-top-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
#bilgi-talep-mobil
{
    display: none
}
#banner
{
    position: absolute;
    
    z-index: 1;
    bottom:0px;
    left:0px;
    
    text-align: center;

}

@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0.6; -ms-transform: scale(0.9, 0.9); /* IE 9 */
        -webkit-transform: scale(0.9, 0.9); /* Safari */
        transform: scale(0.9, 0.9);}
    100% { opacity:1; -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Safari */
        transform: scale(1,1);}
  }
  @-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0.6; -ms-transform: scale(0.9, 0.9); /* IE 9 */
        -webkit-transform: scale(0.9, 0.9); /* Safari */
        transform: scale(0.9, 0.9);}
    100% { opacity:1; -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Safari */
        transform: scale(1,1);}
  }
  @-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0.6; -ms-transform: scale(0.9, 0.9); /* IE 9 */
        -webkit-transform: scale(0.9, 0.9); /* Safari */
        transform: scale(0.9, 0.9);}
    100% { opacity:1; -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Safari */
        transform: scale(1,1);}
  }
  @-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0.6; -ms-transform: scale(0.9, 0.9); /* IE 9 */
        -webkit-transform: scale(0.9, 0.9); /* Safari */
        transform: scale(0.9, 0.9);}
    100% { opacity:1;-ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Safari */
        transform: scale(1,1); }
  }
  #sanaltur-link
  {
      position: absolute;
      
      z-index: 1;
      bottom:30px;
      left:20px;
      font-size:14px;
      text-align: center;
      -webkit-animation: flickerAnimation 1s infinite;
       -moz-animation: flickerAnimation 1s infinite;
       -o-animation: flickerAnimation 1s infinite;
        animation: flickerAnimation 1s infinite;
        animation-timing-function: ease; 
  
  }


@media only screen and (max-width: 991px) {
    #bilgi-talep-mobil
    {
        display: block
    }
    #bilgi-talep
    {
        display: none;
    }
    section
    {
        width :100%;
    }
    #navbar
    {
        width :100%;
    }
    #footer
    {
        width : 100%
    }
    .mevsim-bg
    {
        background: url(../img/mevsim-bg-2.jpg) #38322e;
        background-position: 0% 0%;
        background-size:cover;
        background-repeat: no-repeat
    }
    .text-sm-center
    {
        text-align: center;
    }
    #navbar.dark-menu #navigation, #aside-nav.dark-menu #navigation {
        background-color: #38322e;
        border-color: rgba(255, 255, 255, 0.1);
    }

    .light-slide #navbar:not(.stick) .navigation-menu > li > a,.light-slide #navbar:not(.stick) .navigation-menu > li > a i {
        color: #fff;
      }

      /* #home-slider
      {
          height: auto;
      }
      .slide-item
      {
          height: 400px
      } */
   
}
@media only screen and (max-width: 767px) {
    #map
    {
        margin-top: 90px;
    }
}


@media only screen and (max-width: 1200px)
{
    #navbar.dark-menu, #aside-nav.dark-menu {
        background: linear-gradient(to left,#504945, rgba(14,23,29,1));
        box-shadow: none;
        border-color: rgba(0,0,0,0);
    }
}

.light-slide #navbar:not(.stick) .navigation-menu > li > a i {
    color: #1f1f1f;
}
footer a
{
    color:#fff !important;
}
footer a:hover
{
    color:#ccc !important;
}