li:hover>a.cesurlar{
    border-bottom: 2px solid transparent!important;
}
.insaat{
    display: contents;
    color:#fff!important;
    font-weight: 400!important;
    font-size: 12px;
}
a.cesurlar{
    display: block!important;
     /* TEXT STYLE*/
    text-transform: capitalize;
    margin-right: 45px!important;
    font-weight: 600!important;
    text-align: center;
    pointer-events: none;
    
}
.gradient-text{
    font-size: 16px!important;
  /* Fallback: Set a background color. */
  background-color: #aa771c!important;
    
  
  /* Create the gradient. */
   background-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C)!important;
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: no-repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text!important;
  -moz-text-fill-color: transparent;
  
  /* Animate the text when loading the element. */
    /* This animates it on page load and when hovering out. */
    animation: rainbow-text-simple-animation-rev 2s ease infinite;
    animation-direction: alternate;
}
.gradient-text:hover{
    animation: rainbow-text-simple-animation 0.5s ease-in alternate;
}
/*
@keyframes rainbow-text-simple-animation-rev {
    0% {
        background-size: 50%;
    }
    40% {
        background-size: 650%;
    }
    100% {
        background-size: 50%;
    }
}
*/
/* Move the background and make it larger. */
/* Animation shown when hovering over the text. *//*@keyframes rainbow-text-simple-animation {
    0% {
        background-size: 100%;
    }
    80% {
        background-size: 650%;
    }
    100% {
        background-size: 650%;
    }
}
*/



.o0{opacity:0;}
.dnone{display:none!important;}
#header svg{
    width: 235px;
    height: 130px;
    margin-top: -29px;
}
.sticky-header-active #header svg {
    width: 211px;
    height: 141px;
    margin-top: -24px;
    padding-top: 49px;
}
#insaat{
    fill: #fff;
}

ul.nav-list li a:before{border-left: 4px solid #000000;}
.side-dropdown-custom:before{border-top: 4px solid #bdbdbd!important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif!important;}
.breadcrumb9 .parallax-background{background-size: contain!important;}
.header-nav-top .fa.fa-globe{color:#828282;}
/*.parallax-background:after{background-image: url(/upload/images/pattern.png);}
.parallax-background{height: 100%!important;
    transform: none!important;
    background-size: cover!important;
    background-position:center!important;}
    .parallax-background:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(343deg,#07397e -5.67%,#f71b4f 94.33%);
    opacity:.3;
}*/
.page-header{background-color: #fffffc;background-image: linear-gradient(315deg, #fffffc 0%, #beb7a4 74%);border-top: 0px solid #f1f0ea;}
@media (max-width: 370px){
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size:.81em}
}
@media (max-width: 475px){
    .owl-dots{display:none;}
}
    html #header.header-transparent .header-body:before{
        background: #000;
        border-bottom: 1px solid #b88d2e;
    }
    
@media (max-width: 767px){
    #header svg {
        width: 235px;
        height: 110px;
        margin-top: -29px;
    }
    .sticky-header-active #header svg {
        width: 143px;
        height: 71px;
        margin-top: 3px;
        padding-top: 0;
    }
    .hizmet .img-thumbnail {
        padding: 0;
        border: 0;
        overflow: hidden;
        position: relative;
    }
    .hizmet .row .col-md-yuzde20:last-child .img-thumbnail{
        max-height: 220px;
    }
    .hizmet .row .col-md-yuzde20:last-child {
        width: 100%;
        max-height: 220px;
    }
    .sticky-header-active #header.header-narrow .header-logo .logo-small{
        margin: 10px 12px 12px 0!important;
    }
    #header .header-body {
        background: #000000c9 !important;
    }
    .fa-bars:before {
        content: "\f038"!important;
    }
    .header-btn-collapse-nav:before{
        content: 'MENU'; font-size: small; font-weight:600;
    }
    .header-nav-top .nav.nav-pills li:nth-child(1),.header-nav-top .nav.nav-pills li:nth-child(3),.header-nav-top .nav.nav-pills li:nth-child(5){display:none;}
    #header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover {color:#fff;background: transparent;}
    .page- #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size: 14px; margin-top: -15px;color:#eee; max-height: 50px!important;min-height: 50px!important;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{color:#828282}
    #footer:not(.light) h3{margin: 20px 0 5px 0;}
    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: "Menü \f0c9";}
    #header .header-btn-collapse-nav{margin-top:30px;background: transparent;transition:.2s;border: .001em solid #ffffff82;}
    .sticky-header-active #header .header-btn-collapse-nav{
        margin-top: 35px;
    }
    #header .header-logo img{width: 180px!important;height: auto!important;margin-top: 6px!important;margin-bottom: 0!important;}
    .sticky-header-active #header .header-logo img{top:0!important;}
}
@media (min-width: 992px) and (max-width: 1440px){
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{padding:4px 20px 3px 8px!important;}
}
@media (min-width: 992px){
    #header .header-body {
        background: #000000a3 !important;
    }
    body:not(.page-) #header .header-body{
        background: #000!important;
    }
    #header.header-narrow .header-logo img {
        margin: -19px 12px 12px 0;
    }
    .header-nav-top .nav.nav-pills li:first-child{height:50px;}
    .page-surgulu-ray-dolap .masonry .masonry-item {width: 33.3333%;}
    .page- .header-nav-top .fa.fa-globe{color:#dddddd;}
    html.sticky-header-active #header.header-flex .header-nav-main-effect-2 nav>ul>li.dropdown:hover>.dropdown-menu{top: calc(100% + -3px);}
    html #header.header-flex .header-nav .header-social-icons{margin: 0 0 10px 10px;}
    .sticky-header-active #header.header-flex .header-nav .header-social-icons{margin: 0 0 4px 10px;}
    .sidebar .row div{margin-top:0;}
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {border-color: transparent transparent transparent #de1d23;}
    #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
    padding: 20px 7px;
}
    #header .header-nav-top{margin-top:0;}
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{font-size:1.1em;}
    #header .header-nav-top .nav>li>a{font-size:1em;margin-top:2px;z-index: 1;}
    #header .header-nav-top .nav>li>a:hover{background:transparent;color:#ffffff;}
    .page- #header .header-nav-top .nav>li>a{color:#ddd;font-weight:500;z-index: 9;}
    .page- #header .header-nav-top .nav>li>a:hover{background:transparent;color:#fff;}
    #header .header-nav-top .nav>li>a{color:#555;}
    .header-body{max-height: 132px;}
    .sticky-header-active .header-body {max-height: 153px;}
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {background-color: transparent!important;color: #dab20d !important;}
    html #header.header-flex .header-nav-main nav>ul>li{height:77px!important;}
    .header-container.container{top:-26px;}
    html #header.header-flex .header-nav{    margin-top: 21px;}
    .sticky-header-active #header.header-flex .header-nav {margin-top: 42px;}
    #header .header-nav.header-nav-stripe nav>ul>li>a{font-size: 14px;font-weight: 300;letter-spacing: 1px;border-bottom:2px solid transparent;color:#fff;}
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a{color:#fff!important;border-bottom: 2px solid #ffffff;}
    .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li:hover>a,#header .header-nav.header-nav-stripe nav>ul>li:hover>a{color:#fff!important;}
    .breadcrumb8{padding: 50px 0 !important;}
    .page-header.breadcrumb8{background-position: 50% 45%;
    background-size: cover;}
}
/*polygon start
.portfolio-item.img-thumbnail a .thumb-info-title{display:none;}
.portfolio-item.img-thumbnail a:hover .thumb-info-title{display:none;}
.portfolio-item.img-thumbnail a img{position:inherit;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition:1s;}
.portfolio-item.img-thumbnail a:hover img{-webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);}
/*polygon finish*/
/* -- Google Translate Css*/
.goog-te-gadget-icon{display:none;}
.goog-te-banner-frame.skiptranslate {display:none !important;} 
body{top: 0px !important;}
.goog-te-gadget-simple{border:0!important;}
.goog-te-gadget-simple {background-color: transparent!important;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#828282 !important;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#ddd  !important;font-family: 'Oswald', sans-serif;font-size: 14px;}
.goog-te-gadget-simple .goog-te-menu-value{padding:0px;margin:0 15px 0 0;display: inline-block;}
.goog-te-gadget-simple{padding-top:0;}
#header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{padding: 12px 15px;}
#header .header-top .header-nav-top{max-height:48px;overflow: hidden;}
html.sticky-header-active #header.header-semi-transparent-light .header-body{top:0px !important;}
.goog-te-gadget-simple{font-size:14px !important;color: #222 !important;}
.fa.fa-globe {float:left;padding:5px 6px;}
/* -- End Google Translate Css */

aside {
    padding: 20px;
    border-top: 2px solid #fdb813 !important;
    border: 1px solid #ddd;
    border-radius: 7px;
}