@font-face {font-family: "RBNo2.1a W00 Black";
        src: url("fonts/75b3cc72beb41ca32e4464467d63e8f6.eot"); /* IE9*/
        src: url("fonts/75b3cc72beb41ca32e4464467d63e8f6.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("fonts/75b3cc72beb41ca32e4464467d63e8f6.woff2") format("woff2"), /* chrome、firefox */
        url("fonts/75b3cc72beb41ca32e4464467d63e8f6.woff") format("woff"), /* chrome、firefox */
        url("fonts/75b3cc72beb41ca32e4464467d63e8f6.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("fonts/75b3cc72beb41ca32e4464467d63e8f6.svg#RBNo2.1a W00 Black") format("svg"); /* iOS 4.1- */
    }


    * {font-family: 'Source Sans Pro', sans-serif;}
    img {max-width: 100%;}
    header {width:100%; height: auto; float:left; }
    header .logo figure{height: 140px; padding:0px;}
    header .logo figure img {max-width: 100%;max-height: 100%;}
    header .sagust {width: 100%; height: auto; float:left; margin-top: 20px;}


    header .sagust .ustbuttonkutu {width: auto; height: auto; float: left; padding:7px;}
    header .sagust a {color:black; text-decoration: none;}
    header .sagust .ustbuttonkutu p {width: auto; height: auto; float:left;  font-size: 10pt; font-weight: 400; margin-top: 4px; text-transform: uppercase;  }
    header .sagust .ustbuttonkutu figure {width: auto; height: auto; float:left; margin-left: 10px;  }
    header .sagust .ustbuttonkutu figure img {float:left; margin-top: 2px;}
    header .sagust .ustbuttonkutu:after {width: 1px; height: 23px; float: left; margin-top: -1px; margin-left: 18px; background: #eee; content: ""; display: block; }

    header .sagust .bize_ulasin {width: auto; height: auto; float:left; margin-right: 5px; padding:5px; padding-left: 20px; padding-right: 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #004276;}
    header .sagust .bize_ulasin p {width: auto; height: auto; float:left; font-size: 12pt; font-weight: 600; color:#FFF;margin:0px;}
    header .sagust .bize_ulasin i {font-size: 11pt;color:#FFF; margin-top: 5px; margin-left: 10px;}

    header .sagust .bize_ulasin_whatsapp {width: auto; height: auto; float:left; padding:5px; padding-left: 20px; padding-right: 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #25d366;}
    header .sagust .bize_ulasin_whatsapp p {width: auto; height: auto; float:left; font-size: 12pt; font-weight: 600; color:#FFF;margin:0px;}
    header .sagust .bize_ulasin_whatsapp i {font-size: 11pt;color:#FFF; margin-top: 5px; margin-left: 10px;}


    header .sagust .iletisim {width: auto; float:right; margin-left: 5px; margin-right: 5px;}
    header .sagust .iletisim figure {width: auto; height: auto; float: left; margin-top: 2px }
    header .sagust .iletisim p {width: auto; height: auto; float: left; font-size: 23px; font-weight: 600; color:#e17a30; margin-right: 10px; }
    header .sagust .iletisim::last-child {margin-right: 0px;}

    header .sagust .teklifal {background: rgb(59,132,217);
    background: -moz-linear-gradient(0deg, rgba(59,132,217,1) 0%, rgba(59,132,217,1) 31%, rgba(23,95,178,1) 72%, rgba(23,95,178,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(59,132,217,1) 0%, rgba(59,132,217,1) 31%, rgba(23,95,178,1) 72%, rgba(23,95,178,1) 100%);
    background: linear-gradient(0deg, rgba(59,132,217,1) 0%, rgba(59,132,217,1) 31%, rgba(23,95,178,1) 72%, rgba(23,95,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b84d9",endColorstr="#175fb2",GradientType=1); width: auto; height: auto; float:right; padding:8px; padding-left: 20px; padding-right: 20px; font-size: 13pt; font-weight: 600; color:#FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-right: 15px;}
    header .sagust .teklifal a {color:#FFF;}
    header .sagust .teklifal img {display:inline-block;margin-right:5px;}

    header .sagust .ustbutton {width: auto; height: auto; float:right; margin-right: 10px; padding:8px; padding-left: 20px; padding-right: 20px; font-size: 11pt; font-weight: 400; color:#FFF; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
    header .sagust .ustbuttonrenk1 {background-color: #1fa5a7;}
    header .sagust .ustbuttonrenk2 {background-color: #2a7cb1;}
    header .sagust .ustbutton img {display:inline-block;margin-right:5px;}
    header .sagust .ustbutton a {color:#FFF;}

    header #menualan {width:100%;float: left; background: #e76a10; padding-top: 10px; padding-bottom: 10px;}
    header nav {width: 100%; height: auto; float: left;}
    header nav ul {padding:0px; margin:0px;float: left;}
    header nav ul li {width:auto; height: auto; float: left; padding:10px; font-size: 12pt;color:#FFF; font-weight: 500; list-style-type: none;transition: all 0.5s; padding-left: 11px; padding-right: 11px; }
    header nav ul li a {color:#FFF; text-decoration: none; transition: all 0.5s;}
    header nav ul li:hover {background: #000; transition: all 0.5s;}
    header nav ul li:hover a {color:#FFF; transition: all 0.5s;text-decoration: none;}

    header #menu .has-dropdown:hover a{color:#FFF;}
    header #menu .has-dropdown:hover .dropdown a{color:#333;}
    header #menu li {position: relative;}
    header #menu li a{display:block;cursor: pointer; text-transform: uppercase; font-weight: 400;}
    header #menu ul li{border-right:none;border-bottom:1px solid #DDDDDD;height:auto;display:inline-block;white-space:nowrap;width:100%;}
    header #menu ul li a{border-right:none;color:#000;font-size:11pt;cursor: pointer;}
    header #menu ul li:hover a{color:#333;}
    header #menu ul li:hover{background:#DFEEF0;}
    header #menu ul li:last-child{border-bottom:none;}
    header #menu ul li:last-child a{border-bottom:none;}
    header #menu ul{display:none;visibility:hidden;position:absolute;top:40px;}
    header #menu ul li ul.dropdown{top:20px;left:100%;display:none;visibility:hidden;border:1px solid #DDDDDD;}
    .dropdown{top:40px !important;left: 0;}
    header #menu ul ul.dropdown ul{top:0px;left:93% !important;display:none;visibility:hidden;border:1px solid #DDDDDD;}
    header #menu ul ul.dropdown ul li {background: #eee !important; padding: 8px !important; padding-left: 10px !important; padding-top: 10px !important;}
    header #menu ul li{display:block;visibility:visible;}
    header #menu li:hover > ul{display:block;visibility:visible;}
    header #menu ul{ background: #f2f5f6; padding: 0px; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-left:1px solid #DDDDDD; border-radius: 0px 0px 3px 3px; z-index: 1002; }
    header #menu ul li ul li {padding: 8px !important; padding-left: 10px !important; padding-top: 10px !important;}
    header #menu ul li ul li:hover {background: #c5c5c5 !important;}
    header #menu li > a > i {margin-left: 5px;}




    header #menu ul li ul.dropdown{left:90%;top:-1px !important;background:transparent;visibility:visible;padding:0px;padding-left:11px !important;border-radius:0px;border:0px;padding:4px;}
    header #menu ul li ul.dropdown li{background:#f2f5f6;padding:5px;}
    header #menu ul li ul.dropdown li a{margin-top:4px;}
    header #menu ul li{display:block;visibility:visible;}
    header #menu li:hover > ul{display:block;visibility:visible;}
    header #menu .has-dropdown i {float: right; margin-top: 5px;}
    .mm-divider {padding: 10px !important; background: #e0e0e0 !important; margin-top: 15px !important; font-size: 10pt;}
    .mm-divider::before {display: none !important;}
    .mm-divider::after {display: none !important;}
    .floating-wpp {z-index: 888;}

    #ustbar {width: 100%; height: 30px; float: left; background: url('images/headertopbg.png') no-repeat; background-position: top;  }
   
    .sosyalmedya {width: auto; height: auto; float: left; margin-right: 10px; margin-top: 0px;}
    .sosyalmedya .icon {width:28px; height:28px; float: left; margin-left: 7px; font-size:11pt; text-align: center; padding:5px; border-radius: 120px; -webkit-border-radius: 120px; -moz-border-radius: 120px; background: #7d7d7d;transition: all 0.5s; cursor: pointer;color:#FFF;}
    .sosyalmedya .icon:nth-child(1):hover {background: #3b5998;color:#FFF; transition: all 0.5s;}
    .sosyalmedya .icon:nth-child(2):hover {background: #1da1f2;color:#FFF; transition: all 0.5s;}
    .sosyalmedya .icon:nth-child(3):hover {background: #c32aa3;color:#FFF; transition: all 0.5s;}


    .slayt_bilgi_kutu {padding:0px;text-align: left; }
    .slides a {text-decoration: none; color: inherit !important;}
    .slayt_bilgi_kutu .katbaslik {width: 100%; height: auto; float: left; font-size: 14pt; font-weight: 500;color: #fff;}
    .slayt_bilgi_kutu .baslik {width: auto; height: auto; float: left; font-size: 14pt; font-weight: 700; color: #fff; background: #fff; color: #000; padding: 10px;}
    .slayt_bilgi_kutu .detay {width: auto; height: auto; float: left; font-size: 13pt; font-weight: 400; color: #fff; margin-top: 15px; margin-bottom: 15px; background: #000000c4; padding: 10px;}
    .slayt_bilgi_kutu .detay p {margin:0px;}
    .slayt_bilgi_kutu .detaylar {width:auto; height: auto; float: left;  border:2px solid #FFF; color:#FFF; font-size:16pt; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:8px; padding-left: 20px; padding-right: 20px; font-weight: 500;}
    .slayt_bilgi_kutu .detaylar img {width: 20px !important; float: right; margin-left: 10px; margin-top: 5px; -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
    .flex-control-nav {display: none;}

    #urunlerimiz .owl-nav button {right: -85px; position: absolute; font-size:24pt; top: 80px;background: transparent; padding: 4px !important; float: left; display: flex; padding-left: 10px !important; padding-right: 10px !important;color:#FFF;}
    #urunlerimiz .owl-nav button.owl-prev {left: -85px; position: absolute;}
    #urunlerimiz .owl-nav button:hover {background: #ccc;color:#000;}

        .flexcenter {flex-wrap: wrap;}
    #anasayfa_iletisim {padding-top: 60px; padding-bottom: 60px; background: #fbfbfb;}
    #anasayfa_iletisim .sol .baslik {width: 100%; height: auto; float: left; text-align: center; font-size: 35pt; font-weight: 600;  margin-bottom: 20px;}
    #anasayfa_iletisim .sol p {width: 100%; height: auto; float: left;color:#000; font-size: 12pt; font-weight: 600; margin-bottom: 10px; text-align: center;}
    #anasayfa_iletisim .sol p.cl1 {font-size:13pt; font-weight: 600;margin-top: 5px;}
    #anasayfa_iletisim .sol p.cl3 {font-size:11pt; font-weight: 500; line-height: 165%; margin-top: 5px;}
    #anasayfa_iletisim .sol p.red {color:#ab0d1d; font-size:22pt;margin-top: 5px;}

    #anasayfa_iletisim .sag .ikonlar {width: 100%; height: auto; float: left; display: flex; justify-content: center;}
    #anasayfa_iletisim .sag .ikonlar .ikon {width: 18%; height: auto; float: left; margin:1%; }
    #anasayfa_iletisim .sag .ikonlar .ikon figure {width: 100%; height: auto; float: left; margin:0px; text-align: center; }
    #anasayfa_iletisim .sag .ikonlar .ikon p {width: 100%; height: auto; float: left; margin:0px; margin-top: 5px; font-size: 12pt; font-weight: 600; color:#004276; text-align: center;}
    #anasayfa_iletisim .form {width: 100%; height: auto; float: left; margin-top: 10px;}    
    #anasayfa_iletisim .form input[type="text"] {width: 48%; height: 35px; float:left; border:1px solid #eee; background: #f7f7f7; padding:8px;margin:1%;}
    #anasayfa_iletisim .form input[type="checkbox"] {width: 20px; height: 17px; margin-top: 10px;}
    #anasayfa_iletisim .form .form-check {padding:5px; padding-left: 15px; padding-right: 15px;}
    #anasayfa_iletisim .form label {width:auto !important; float:left !important;display: contents !important; font-weight: 400 !important}
    #anasayfa_iletisim .form button {width: auto; height: auto; float:left; background:#f7f7f7; border:1px solid #eee; padding:8px; font-size: 10pt; font-weight: 600; margin-top: 7px; }
    #anasayfa_iletisim .form input.email {width: 98%;}


    #istatistikler {width:100%;float:left; background: url('images/istatistikbg.jpg') repeat; padding-top: 50px; padding-bottom: 90px;}
    #istatistikler .baslik {width:100%; height:auto; float:left; font-size:39px; font-weight: 4t00; color:#000; text-align: center;}
    #istatistikler p.aciklama {width:100%; height:auto; float:left; margin-top: 25px; margin-bottom:35px; font-size: 14pt; font-weight: 400; color:#000; text-align: center;}
    .flexcenter {display: flex; justify-content: center;}
    #hero .flexslider .slides li {display: flex !important; align-items: center;}
    #istatistikler .istatistik_kutu {width: auto; max-width: 25%; height:auto; float: left; border-right: 1px solid #eee;}
    #istatistikler .istatistik_kutu p {width:100%; height:auto; float:left; font-size: 34pt; font-weight: 500;color:#000; text-align: center;}
    #istatistikler .istatistik_kutu span {width:100%; height:auto; float:left; font-size: 15pt; font-weight: 500; margin-left: 10px;color:#000; text-align: center; padding:0px 30px;}

    #hakkimizda {width: 100%; height: auto; float:left; padding-top: 90px; padding-bottom: 90px;}
    #hakkimizda .baslik {width: 100%;height: auto; float: left; font-size: 38pt; font-weight: 600; margin-top: 20px;color:#e86a10; text-transform: uppercase;}
    #hakkimizda .aciklama {width: 100%;height: auto; float: left; font-size: 22pt;font-weight:400;margin-top: 25px;}
    #hakkimizda .ozet {width: 100%;height: 180px; float: left; overflow: hidden; font-size: 15pt;margin-top: 25px; font-weight: 400; line-height: 165%;}
    #hakkimizda span.devami {width: auto;height: auto; float: left; padding:25px; padding-top: 15px; padding-bottom: 15px; border:2px solid #e86a10; text-align: left; font-size: 13pt;margin-top:10px; font-weight: 600;color:#e86a10; margin-top: 20px;}
    #hakkimizda a {color:black; text-decoration: none;}
    #hakkimizda .kurumsalvideo {max-width: 100%; position: relative; height: 550px; padding-left: 40px;}
    #hakkimizda .kurumsalvideo figure {width: 100%; position: absolute;}
    #hakkimizda .kurumsalvideo figure:nth-child(2) { left: 0px; border-right: 5px solid white; border-top: 5px solid white; width: 80%; bottom: -30px;}

    #siteler {width: 100%; height: auto; float:left; }
    #siteler .baslikalan {width: 100%; height: auto; float:left; }
    #siteler .baslikalan .baslik {width: auto; height: auto; float:left;text-align: left; font-size: 25px; font-weight: 600;  }
    #siteler .baslikalan .tumu {width: auto; height: auto; float:right; text-align: right; font-size: 12pt; font-weight: 600;  }

    #siteler article {border:1px solid #eee; padding-top: 25px; padding-bottom: 25px;}
    #siteler article figure img {width: 100%; height: auto; float:left;}
    #siteler article .baslik {width: 100%; height: auto; float:left; font-size: 14pt; font-weight: 600; color:#e86a10; text-align: center;}
    #siteler article .icon {width: 100%; height: auto; float:left; text-align: center; margin-top: 10px;}

    #destekcilerimiz {width: 100%; height: auto; float:left; margin-top: 35px; margin-bottom: 30px;}
    #destekcilerimiz .baslikalan {width: 100%; height: auto; float:left; }
    #destekcilerimiz .baslikalan .baslik {width: 100%; height: auto; float:left;  font-size: 25px; font-weight: 600;text-align: center;  }
    #destekcilerimiz .baslikalan .tumu {width: auto; height: auto; float:right; text-align: right; font-size: 12pt; font-weight: 600;  }

    #destekcilerimiz article.deskteciler {width:16%;float:left;}
    #destekcilerimiz article figure img {width: 100%; height: auto; float:left;}
    #destekcilerimiz article .baslik {width: 100%; height: auto; float:left; font-size: 14pt; font-weight: 600; color:#e86a10; text-align: center;}
    #destekcilerimiz article .icon {width: 100%; height: auto; float:left; text-align: center; margin-top: 10px;}

    #icerik_bloglari {width: 100%; height:auto; float:left; background: #eee;padding-top: 40px; padding-bottom: 40px;}
    #icerik_bloglari .haberlerveraporlar .baslikalan {width: 100%; height:auto; float:left;}
    #icerik_bloglari .haberlerveraporlar .baslikalan .baslik {width: 100%; height:auto; float:left; font-size: 33px; font-weight: 400; color:#e76b11; margin-bottom: 10px;}
    #icerik_bloglari .haberlerveraporlar article a {color: black; text-decoration: none;}
    #icerik_bloglari .haberlerveraporlar article figure img {width: 100%;}
    #icerik_bloglari .haberlerveraporlar article .baslik {width: 100%; height:auto; float:left; font-size:16pt; font-weight: 600; margin-bottom: 10px; margin-top: 10px; }
    #icerik_bloglari .haberlerveraporlar article .ozet {width: 100%; height:auto; float:left; font-size:13pt; }
    #icerik_bloglari .haberlerveraporlar article span {width: 100%; height:auto; float:left; font-size:12pt; color:#e76b11; margin-top: 10px; font-weight: 600;}
    .colorblack {color:black !important;}
    /*#icerik_bloglari .baskaninmesaji:before {content:"";display: block; width:2px; height: 100%; position: absolute; left:-13px; background: #ccc;}*/
    #icerik_bloglari .baskaninmesaji .baslikalan {width: 100%; height:auto; float:left;}
    #icerik_bloglari .baskaninmesaji .baslikalan .baslik {width: 100%; height:auto; float:left; font-size: 33px; font-weight: 400; color:#e76b11; margin-bottom: 10px;}
    #icerik_bloglari .baskaninmesaji article a {color:black; text-decoration: none;}
    #icerik_bloglari .baskaninmesaji article figure {z-index:5;position: relative; }
    #icerik_bloglari .baskaninmesaji article .baslik {width: auto; height:auto; float:right; font-size:16pt; font-weight: 600; margin-bottom: 10px; margin-top: -20px; background: #FFF;z-index:10;  position: relative; padding: 10px; color:#e76b11; padding-right: 25px; padding-left: 25px;}
    #icerik_bloglari .baskaninmesaji article .ozet {width: 100%; height:auto; float:left; font-size:13pt; }
    #icerik_bloglari .baskaninmesaji span {width: 100%; height:auto; float:left; font-size:12pt; color:#e76b11; margin-top: 10px; font-weight: 600;}

    #projeler {width:100%;float:left;padding-top: 40px; padding-bottom: 40px;}
    #projeler .baslikalan {width: 100%; height: auto; float:left; margin-bottom: 10px; }
    #projeler .baslikalan .baslik {width: 100%; height: auto; float:left;  font-size: 26pt; font-weight: 500;text-align: left; text-transform: uppercase; }
    #projeler .child-of-parent {margin-bottom: 35px;}
    #projeler .child-of-parent ul li {font-size: 16pt; color:#ccc; font-weight: 600;text-transform: uppercase;}
    #projeler .child-of-parent ul li.active {color:#e76b11;}
    #projeler .grid-item {width: 48%; float:left; margin-bottom: 20px; margin-right: 2%; }
    #projeler .grid-item a {color: black; text-decoration: none;}
    #projeler .grid-item figure {width: 40%; height: 180px; float:left; overflow:hidden;}
    #projeler .grid-item figure img {width:100%; height: auto;}
    #projeler .grid-item .baslikveozet {width: 58%; height: auto; float:left; margin-left: 2%}
    #projeler .grid-item .baslik {width: 100%; height: auto; float:left; font-size: 14pt; font-weight: 600; height: 55px; overflow: hidden;}
    #projeler .grid-item .projebilgileri {width: 100%; height: auto; float:left; margin-top: 10px; }
    #projeler .grid-item .projebilgileri .tarih {width: 100%; height: auto; float:left; font-size: 13pt; color:#e76b11; font-weight: 600;}
    #projeler .grid-item .projebilgileri .tarih span {color:#000; }
    #projeler .grid-item .projebilgileri .sponsor {width: 100%; height: auto; float:left; font-size: 13pt; color:#e76b11; font-weight: 600; }
    #projeler .grid-item .projebilgileri .sponsor span {color:#000; }
    .opacityzero {opacity: 0;}

    .grid { max-width: 1200px; transition: height 0.3s ease; } 
    .grid:after { content: ''; display: block; clear: both; } 
    .masonry-filters ul { margin: 20px 0; padding: 0; list-style: none; } 
    .masonry-filters ul li { display: inline-block; margin-right: 10px; font-weight: 700; cursor: pointer; }
    .masonry-filters ul li:hover { color: #fc5b4d; }

    #gonullu_bagis {width: 100%; height: auto; float:left; padding-top: 80px; padding-bottom: 80px; background: #fff1e8; }
    #gonullu_bagis .kutu {padding-top: 40px; padding-bottom: 40px; float: left; width: 100%;height: 490px;}
    #gonullu_bagis .kutu figure {margin-bottom: 30px;}
    #gonullu_bagis .kutu .aciklama {width: 100%; height: auto; float:left; font-size: 14pt;color:#FFF; font-weight: 600; padding-left: 40px; padding-right: 40px; text-align: center; margin-bottom: 15px;}
    #gonullu_bagis .kutu .buton {width: auto; height: auto; float:left; padding:15px; padding-left: 25px; padding-right: 25px; font-weight: 600; font-size: 14pt; background: #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
    .flexcenter {display: flex; justify-content: center; align-items: center;}

    #toplum_merkezlerimiz {width: 100%; height: auto; float:left; padding-top: 40px; padding-bottom: 40px;}
    #toplum_merkezlerimiz .baslikalan {width: 100%; height: auto; float:left; }
    #toplum_merkezlerimiz .baslikalan .baslik {width: auto; height: auto; float:left;text-align: left; font-size: 40px; font-weight: 400;  color:#e76b11;}
    #toplum_merkezlerimiz .baslikalan .baslik:after {content:""; display: block; width: 100px; height: 4px; background: #e76b11; margin-top: 15px; margin-bottom: 10px;}
    #toplum_merkezlerimiz .baslikalan .tumu {width: auto; height: auto; float:right; text-align: right; font-size: 21px; font-weight: 400; color:#e76b11; margin-top: 15px;  }
    #toplum_merkezlerimiz article { margin-top: 20px; padding:0px; padding-right: 20px;  }
    #toplum_merkezlerimiz article a {color:black; }
    #toplum_merkezlerimiz article figure {width:100%; height: 210px; float:left; overflow: hidden;}
    #toplum_merkezlerimiz article figure img{max-width:100%;}
    #toplum_merkezlerimiz article .baslik {width:100%; height: auto; float:left; font-size: 20px; font-weight: 400; margin-top: 10px;  }
    #toplum_merkezlerimiz article .devami {width:100%; height: auto; float:left; font-size: 15px; font-weight: 400;color:#e76b11; margin-top: 5px; }


    #gmaps iframe {float:left;}
    .nobefore::before {display: none !important}
    .mt-10 {margin-top: 10px;}

    .mr-10 {margin-right: 10px;}
    .mr-20 {margin-right: 20px;}
    .mr-15 {margin-right: 15px;}
    .mt-10 {margin-top: 10px;}
    .mt-15 {margin-top: 10px;}
    .mt-20 {margin-top: 10px;}

    /* FOOTER */
    footer {width: 100%; height: auto; float:left;}

    footer .orta {background:#e76a10;padding-top: 50px; padding-bottom: 50px;}

    footer .telefonvewhatsapp {float: right;}
    footer .telefonvewhatsapp a {float: right;}
    footer .telefonvewhatsapp{margin-right: 10px;float: right;}

    footer .baslik {width: 100%; height: auto; float: left; font-size: 13pt; padding-bottom: 7px; font-weight: 600; color:#FFF; margin-bottom: 0px mt-1010px;}
   
    footer .kutu {padding:0px;}
    footer .adresbilgileri {padding:0px;}
    footer .footersosyalmedya {padding:0px !important;}

    footer .hakkinda {padding-left: 0px; padding-right: 20px;}

    footer .adresbilgileri .satir {width: 100%; height: auto; float: left; padding-top: 2px; padding-bottom: 10px; display: flex; flex-wrap: wrap;color:#FFF; }
    footer .adresbilgileri .satir span {width: 12%; height: auto; float: left; text-align: center; font-size: 26pt;color:#FFF; }
    footer .adresbilgileri .satir span i {float:left; font-size: 9pt; margin-top: 5px;}
    footer .adresbilgileri .satir p {width:auto;max-width: 86%; height: auto; float: left; font-size: 11pt; font-weight: 400; margin:0px; text-align: left;color:#FFF; }
    
    footer .altmenu {}
    footer .altmenu ul {width: 100%; height: auto; float: left; padding:0px;}
    footer .altmenu ul li {width: 100%; height: auto; float: left; padding:0px; list-style-type: none; font-size: 12pt; font-weight: 500; color: white;}
    footer .altmenu ul li i {font-size: 5pt; float: left; margin-top: 11px; margin-right: 13px;}


    footer .hakkinda figure {width: 90%; height: auto; float:left; margin-bottom: 10px;}
    footer .hakkinda figure img {width: 100%; }
    footer .hakkinda p {width: 100%; height: auto; float:left; color:#CCC; font-size: 12pt; line-height: 140%; font-weight: 300;}
    footer .hakkinda span {width: 100%; height: auto; float:left; color:#CCC; font-size: 11pt; font-weight: 300; }


    footer .calismasaatleri .satir {width: 100%; height: auto; float: left; padding-top:4px; padding-bottom:4px;}
    footer .calismasaatleri .satir span {width: 135px; height: auto; float: left;font-size: 12pt;  font-weight: 500; text-align: left; }
    footer .calismasaatleri .satir span img {float:left;}
    footer .calismasaatleri .satir p {width: auto; height: auto; float: right; font-size: 12pt; font-weight: 600; margin:0px; color:#004276;  margin-left: 10px;}
    .mt-20 {margin-top: 20px;}
    footer form {width: 100%; height: auto; float: left;}
    footer form input {width: 70%; height: 55px; float: left; background: #fff; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottom-left: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; border: 0px;}
    footer form button {width:30%; height: 55px; float: left; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;-webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottom-right: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border:0px; background: #004276; color:white; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; -moz-border-top-left-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-bottom-left-radius:0px; border-bottom-left-radius:0px; }
    ul.social{margin:0;padding:0;width:100%;text-align:left;}
    ul.social > li{display:inline-block;}
    ul.social > li > a{display:flex; align-items:center; justify-content: center; font-size:20px;line-height:30px;width:30px;height:30px;color:#fff;margin:0 3px 3px 0;}
    ul.social > li > a:hover{text-decoration:none;background-color:#69a7d6;}

    footer .copyright{background: #efefef; padding-top:10px; padding-bottom:10px;}
    footer .copyright_text {color:#000; text-align: left; font-size: 12pt; }
    footer .tussesleri {color:#000; text-align: right; font-size: 12pt;}
    footer .tussesleri a {color:#000; text-decoration: none; text-align: right; font-size: 12pt;}

    footer .footersosyalmedya {padding: 0px;border:0px;}
    footer .kutu::before {content:"";width:2px;height:140px;background: #da6109;display: block; position: absolute; left:-30px;}
    footer .noborder::before {display: none;}
    footer .kutu:nth-child(2):before {left:-20px;}

    footer .bize_ulasin {width: auto; height: auto; float:left; margin-right: 5px; padding:5px; padding-left: 20px; padding-right: 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #205dab; margin-bottom:10px; margin-top:10px;}
    footer .bize_ulasin p {width: auto; height: auto; float:left; font-size: 12pt; font-weight: 600; color:#FFF;margin:0px;}
    footer .bize_ulasin i {font-size: 11pt;color:#FFF; margin-top: 5px; margin-left: 10px;}

    footer .bize_ulasin_whatsapp {width: auto; height: auto; float:left; padding:5px; padding-left: 20px; padding-right: 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #25d366;}
    footer .bize_ulasin_whatsapp p {width: auto; height: auto; float:left; font-size: 12pt; font-weight: 600; color:#FFF;margin:0px;}
    footer .bize_ulasin_whatsapp i {font-size: 13pt;color:#FFF; margin-top: 5px; margin-left: 10px;}


    #detay {width: 100%; height: auto; float:left;padding:0px; }
    #detay .anabaslikkutu {width: 100%; height: auto; float: left; padding-top: 30px; padding-bottom: 25px;background:#eee; }
    #detay .anabaslikkutu .baslik {width: 100%; height: auto; float: left; display: flex; justify-content: center; flex-wrap: wrap; }
    #detay .anabaslikkutu .baslik span {width: 100%; height: auto; float: none; font-size: 24pt; font-weight: 600; color:#000; text-transform: uppercase;text-align: center; padding-left: 80px; padding-right: 80px; }
    #detay .anabaslikkutu .baslik:after {width: 50%; height: 1px; display: block; background: #e2e2e2; content: ""; margin-top: 5px; }
    #detay .anabaslikkutu .yol {width: 100%; height: auto; float:left; margin-top: 20px; display: flex; justify-content: center;}
    #detay .anabaslikkutu .yol a {color:#000;}
    #detay .anabaslikkutu .yol p {float:left;color:#000; margin-right: 5px;}
    #detay .digerleri {margin-top: 10px;}
    #detay .digerleri .kategoribaslik {width: 100%; height: auto; float:left; padding:10px; background: #f5f5f5; }
    #detay .digerleri .kategoribaslik div {width: 100%; height: auto; float:left;text-transform: uppercase; font-weight: 600; color:#b9b9b9; font-size: 13pt; }
    #detay .digerleri ul {width: 100%; height: auto; float:left; padding:0px; margin:0px; }
    #detay .digerleri ul li {width:100%; height:auto; float:left; padding:10px; list-style-type: none; color:#919191; font-size: 12pt; }
    #detay .digerleri ul li a { text-decoration: none; color:#919191; transition:  all 0.5s;}
    #detay .digerleri ul li a:hover {color:#004276; transition:  all 0.5s;}
    #detay .teklifal {margin-top: 15px;}
    #detay .uzmanasor {margin-top: 15px;}
    #detay .uzmanasor img {width:100%;}
    #detay .teklifal img {width:100%;}
    #detay .sag {font-size: 12pt; padding-top: 30px;padding-bottom: 40px;}
    #detay .sag p img {margin:10px;}
    #detay .sag .anaresim {width: 100%; height: auto; max-height: 450px; float:left; border:1px solid #eee; margin-bottom: 15px; }
    #detay .sag .anaresim img {width: 100%; }
    #detay .sol {padding-top: 20px; padding-bottom: 20px;}
    #detay .sag iframe {max-width: 100%; overflow: hidden;}


    #liste {width: 100%; height: auto; float:left; padding:0px}
    #liste .makaleler {width: 100%; height: auto; float: left; padding-top: 40px; padding-bottom: 40px;}
    #liste .makaleler article {}
    #liste .makaleler article .kutu {width:98%; height:auto;float:left;background: #eee; margin-bottom: 40px;overflow: hidden;}
    #liste .makaleler article figure {width: 100%; height: 220px; float: left; overflow: hidden; transition: all 0.5s ease;}
    #liste .makaleler article figure div {width: 100%; height: 220px; float: left;}
    #liste .makaleler article figure img {transition: all 0.5s;}
    #liste .makaleler article figure img {width: 100%;transition: all 0.5s ease;}
    #liste .makaleler article:hover figure div {-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
    #liste .makaleler article .baslik {width: 100%; height: 38px; overflow: hidden; float: left; font-size: 16pt; font-weight: 600; color:#4a4a4a; padding: 10px; padding-left: 15px; padding-right: 15px;}
    #liste .makaleler article p {width: 100%; height:90px; float: left; margin-bottom:2px; font-size: 13pt; color: #000000; font-weight: 500; padding: 10px; padding-left: 15px; padding-right: 15px; overflow: hidden; line-height: 122%;}
    #liste .makaleler article .devami {width: 100%; height: auto; float: left; margin-top:0px; margin-bottom: 10px; font-size: 12pt; color: #000000; font-weight: 500; padding: 10px; padding-left: 15px; padding-right: 15px;}
    #liste .anabaslikkutu {width: 100%; height: auto; float: left; padding-top: 40px; padding-bottom: 5px; background:#f2f2f2;}
    #liste .anabaslikkutu .baslik {width: 100%; height: auto; float: left; font-size: 26pt; font-weight: 600; color:#565656; text-transform: uppercase; }
    #liste .anabaslikkutu .baslik:after {width: 100px; height: 3px; display: block; background: #565656; content: ""; margin-top: 5px; }
    #liste .anabaslikkutu .yol {width: 100%; height: auto; float:left; margin-top: 20px;}
    #liste .anabaslikkutu .yol a {color:#565656;}
    #liste .anabaslikkutu .yol p {float:left;color:#565656; margin-right: 5px;}


    #projeliste {width: 100%; height: auto; float:left; padding:0px;}
    #projeliste .anabaslikkutu {width: 100%; height: auto; float: left; padding-top: 40px; padding-bottom: 5px; background:#f2f2f2;}
    #projeliste .anabaslikkutu .baslik {width: 100%; height: auto; float: left; font-size: 26pt; font-weight: 600; color:#565656; text-transform: uppercase; }
    #projeliste .anabaslikkutu .baslik:after {width: 100px; height: 3px; display: block; background: #565656; content: ""; margin-top: 5px; }
    #projeliste .anabaslikkutu .yol {width: 100%; height: auto; float:left; margin-top:0px; display: flex; justify-content: flex-end;}
    #projeliste .anabaslikkutu .yol a {color:#565656;}
    #projeliste .anabaslikkutu .yol p {float:left;color:#565656; margin-right: 5px;}

    #projeliste .anabaslikkutu ul {width: 100%; height: auto; float:left; padding:0px; margin-top: 25px; margin-bottom: 0px;}
    #projeliste .anabaslikkutu ul li {width: auto; height: auto; float:left; font-size: 18pt; font-weight: 600; color:#a9a9a9; margin-right: 10px; list-style-type: none;}
    #projeliste .anabaslikkutu ul li a {color:#a9a9a9; text-decoration: none;}
    #projeliste .anabaslikkutu ul li.aktif a {color:#e76b11; text-decoration: none;}

    #projeliste .makaleler {width:100%; float:left; padding-top: 20px; padding-bottom: 20px}

    #projeliste article {width: 48%; float:left; margin-bottom: 20px; margin-right: 2%; }
    #projeliste article a {color:#000; text-decoration: none; }
    #projeliste article figure {width: 40%; height: 180px; float:left; overflow:hidden;}
    #projeliste article figure img {width:100%; height: auto;}
    #projeliste article .baslikveozet {width: 58%; height: auto; float:left; margin-left: 2%}
    #projeliste article .baslik {width: 100%; height: auto; float:left; font-size: 14pt; font-weight: 600; max-height: 55px; overflow: hidden;}
    #projeliste article .projebilgileri {width: 100%; height: auto; float:left; margin-top: 10px; }
    #projeliste article .projebilgileri .tarih {width: 100%; height: auto; float:left; font-size: 13pt; color:#e76b11; font-weight: 600;}
    #projeliste article .projebilgileri .tarih span {color:#000; }
    #projeliste article .projebilgileri .sponsor {width: 100%; height: auto; float:left; font-size: 13pt; color:#e76b11; font-weight: 600; }
    #projeliste article .projebilgileri .sponsor span {color:#000; }
    .opacityzero {opacity: 0;}

    #projedetay {width: 100%; height: auto; float:left; padding:0px;}
    #projedetay .anabaslikkutu {width: 100%; height: auto; float: left; padding-top: 30px; padding-bottom: 30px; background:#f2f2f2;}
    #projedetay .anabaslikkutu .altbaslik {width: 100%; height: auto; float: left; font-size: 20pt; font-weight: 600; color:#565656; text-transform: uppercase; }
    #projedetay .anabaslikkutu .altbaslik:after {width: 100px; height: 2px; display: block; background: #565656; content: ""; margin-top: 5px; }
    #projedetay .anabaslikkutu .anabaslik {width: 100%; height: auto; float: left; font-size: 22pt; font-weight: 400; color:#565656;margin-top: 5px; }
    #projedetay .anabaslikkutu .yol {width: 100%; height: auto; float:left; margin-top: 20px;}
    #projedetay .anabaslikkutu .yol a {color:#565656;}
    #projedetay .anabaslikkutu .yol p {float:left;color:#565656; margin-right: 5px;}




    @media (max-width: 500px){
    img {max-width: 100%;}
    .kurumsalvideo {margin-top: 40px;}
    #hakkimizda {padding:0px;padding-top: 40px; padding-bottom: 30px;}
    .respmb30 {margin-bottom: 30px;}
    .baskaninmesaji {margin-top: 30px;}
    footer .kutu {margin-bottom: 20px;}
    #detay .anabaslikkutu {background-position: center; background-size: cover;}
    .owl-nav {display: none;}
    .slayt_bilgi_kutu .baslik {font-size: 12pt;}
    .menubar {position: absolute !important;text-align: right; top: 50px; right:10px; font-size: 20pt;}
    .menubar a { color: #000;}
    header .sagust {margin-top: 5px; display: flex; justify-content: center;}
    header .sagust .pull-right {display: flex; justify-content:space-around; flex-wrap: wrap; margin-top: 0px; margin-bottom: 7px; margin-right: 0px; margin-left: 0px; }
    header .sagust .ustbutton {margin-bottom: 10px;}
    header .sagust .ustbuttonkutu {background: #eee;}
    header .sagust .ustbuttonkutu:after {display: none;}
    header .sagust .ustbuttonkutu figure {widows: 14%; float: right; margin-left: 5px;}
    header .sagust .ustbuttonkutu p {widows: 80%; float: left; margin-left: 0px; margin-bottom: 0px;}
    header .sagust .bize_ulasin p {font-size: 13pt;}

    #hakkimizda .kurumsalvideo figure {width: 92% !important; left:4%;}
    #hakkimizda .kurumsalvideo figure:nth-child(2) {width: 80% !important; left:4%; bottom: 0px;}

    #destekcilerimiz article.deskteciler {width: 49%;}

    #projeler .grid-item {width: 100% !important; height: auto; float: left;}
    #projeler .grid-item figure{width: 100%;}
    #projeler .grid-item .baslikveozet {width: 100%;margin-left: 0px; margin-top: 10px;}
    #istatistikler .istatistik_kutu span {text-align: center !important; justify-content: center !important}

    #gonullu_bagis {padding-top: 60px; padding-bottom: 30px;}
    #gonullu_bagis .kutu {margin-bottom: 40px;}

    #siteler {margin-top: 30px;}

    #istatistikler .istatistik_kutu {width: 100%;max-width:100%;height: auto; border:0px; margin-bottom: 10px;}
    #istatistikler .istatistik_kutu p {width: 40%;height: auto;  text-align: center; margin-bottom: 0px; font-size:28pt; }
    #istatistikler .istatistik_kutu span {width: 50%;height: auto; text-align: center; margin-left: 0px; font-size: 14pt;  margin-left: 12px; display: flex; align-items: center;}
    #istatistikler {padding-top: 30px; padding-bottom: 20px;}

    .owl-nav .owl-next {right: 20px !important;}
    .owl-nav .owl-prev {left: 20px !important;}

    .formalani {width: 100%; padding: 0px !important; margin-top: 20px;}
    .form-group {width: 91% !important;}

    #anasayfa_iletisim .sol {padding:0px;}
    #anasayfa_iletisim .sag {padding:0px;}
    #anasayfa_iletisim .form button {padding: 10px;font-size: 12pt; }

    #anasayfa_iletisim .sag .ikonlar {flex-wrap: wrap;}
    #anasayfa_iletisim .sag .ikonlar .ikon {width: 30% !important;}
    #anasayfa_iletisim .form {margin-top: 20px;}
    #anasayfa_iletisim .form input {width: 100%;height: 40px;}
    #anasayfa_iletisim .form input.email {width: 100%;}

    
    header .logo figure {height: auto;width: 88%; margin-top: 0px;}
    header .logo figure img {width: 100%; height: auto;}

    header .sagust .distributorluk {width: 50%; font-size: 10pt;text-align: center; padding:0px; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; margin-bottom: 10px;}
    header .sagust .teklifal {width: 35%; font-size: 10pt; margin-right: 0px; text-align: center; padding:0px; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; margin-bottom: 10px;}
    header .sagust .teklifal img {width: 18px;}
    header .sagust .distributorluk img {width: 18px;}
    header .sagust .iletisim {width: 45%; margin-top:0px; padding-top: 4px; margin-left: 0px; margin-right: 0px;}
    header .sagust .iletisim p {margin-bottom: 0px;}

    #firmalar .baslikveaciklama {padding: 0px;}
    #firmalar p {font-size: 18pt;}

    .sosyalmedya {margin-top: 14px;background: #7d7d7d;padding:3px; padding-left: 10px; padding-right: 10px;}
    .sosyalmedya .icon {width: auto; height: auto; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: transparent; font-size: 12pt; margin:0px; margin-left: 2px; margin-right: 2px;}

    #hakkimizda .baslik {font-size: 28pt;}
    #hakkimizda .aciklama {font-size: 20pt;}



    footer .footersosyalmedya { margin-top: 10px;}
    footer .hakkinda span {color:#FFF; font-size: 14pt;}
    footer .orta {padding-top: 30px; padding-bottom: 20px;}
    footer .orta .container {padding:0px;}
    footer .orta .noborder {padding:0px;}
    footer .adresbilgileri .satir p {font-size: 13pt;}
    footer .adresbilgileri .satir span i {font-size: 12pt;}
    .mm-spn a{text-transform: uppercase;}
    .mm-spn span {text-transform: uppercase;}

    header > .container {padding: 0px;}
    header .sagtaraf {padding: 0px;}
    header .sagust .bize_ulasin_whatsapp i {font-size: 13pt;}
    header .sagust .bize_ulasin_whatsapp p {font-size: 11pt;}
    header .sagust .bize_ulasin p {font-size: 11pt;}
    footer .kutu::before {display: none;}


    #detay .sag iframe {width: 100%;}


    }

    @media (min-width: 330px) and (max-width: 380px){
        header .sagust .distributorluk {font-size: 12pt;}
        header .sagust .teklifal {font-size: 12pt;}
        header .sagust .teklifal img {width: 18px;}
        header .sagust .iletisim p {padding-top: 2px; font-size: 19px; font-weight: 700;}
        #istatistikler .istatistik_kutu span  {font-size: 12pt;}

    }
    @media (min-width: 380px) and (max-width: 500px){
        header .sagust .distributorluk {font-size: 12pt;}
        header .sagust .teklifal {font-size: 12pt;}
        header .sagust .teklifal img {width: 18px;}
    }

    @media (max-width: 330px){
        header .sagust .bize_ulasin_whatsapp {margin-bottom: 10px;}
        header .sagust .bize_ulasin_whatsapp p {font-size: 14pt;}
        header .sagust .bize_ulasin {margin-bottom: 10px; margin-right: 0px !important;}
        header .sagust .bize_ulasin p {font-size: 14pt;}
        header .sagust .iletisim p {padding-top: 5px; font-size: 16px; font-weight: 700;}

        #istatistikler .istatistik_kutu {margin-bottom: 20px;}
        #istatistikler .istatistik_kutu span  {font-size: 11pt;}
        #istatistikler .istatistik_kutu p {font-size: 23pt;}
        .sosyalmedya {margin-top: 0px; margin-right: 0px; float: right;}
    }
    @media (max-width: 500px){
    #projeliste article {width: 100%;}
    }

    @media (min-width: 500px) and (max-width: 1050px){
        footer .container {width: 100% !important;}
        .logo {text-align: center;}
        .sagust {display: flex; justify-content: center;}
        .nav>li {width: 20%;}
        #ustbar .container {display: flex; justify-content: center; flex-wrap: wrap;}
        .referanslar figure {width: 31% !important;}

    }
    @media (min-width: 500px) and (max-width: 800px){
    .container {width: 100%;}
    .kurumlar figure {width: 30% !important;}
    #detay .sol {width:35%; }
    #detay .sag {width: 65%;}
    #nedenokumussigorta article {width: 25%; float: left !important}
    .full {width: 100% !important;}
    .smp0 {padding: 0px !important;}
    img {max-width: 100%; max-height: 100%;}
    }

    @media (min-width:900px) and (max-width:1100px){
        header nav {margin:0px; float: right;}
        header nav ul li {font-size: 11pt; padding-left: 7px; padding-right: 7px; font-size: 11pt;}
        footer .bize_ulasin {padding:5px;}
        footer .bize_ulasin_whatsapp {padding:5px;}
    }