@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: 'Quicksand', sans-serif;}
    header {width:100%; height: auto; float:left; border-top: 4px solid #444444;  }
    header .logo figure{ margin-top: 22px; margin-bottom: 20px;}
    header .logo figure img {max-width: 85%;}
    header .sagust {width: 100%; height: auto; float:left; margin-top: 30px;}
    header .sagalt {margin-top: 20px; float: left; width: 100%; margin-bottom: 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: bold; margin-top: 4px;  }
    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; padding:8px; padding-left:20px; padding-right:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #0F1921; margin-right: 15px;}
    header .sagust .bize_ulasin p {width: auto; height: auto; float:right; font-size: 13pt;  color:#000;margin:0px; font-weight: 600;}
    header .sagust .bize_ulasin img {margin-right: 10px;}

    header .sagust .gonullu_olun {width: auto; height: auto; float:left; padding:8px; padding-left:13px; padding-right:13px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #0D5B69;}
    header .sagust .gonullu_olun p {width: auto; height: auto; float:left;  font-size: 12pt;  color:#FFF;margin:0px; margin-top:3px; font-weight: 600}
    header .sagust .gonullu_olun img {margin-left: 10px;}

    header .whatsapp_bar {width: auto; height: auto; float:left;  font-size: 13pt; padding:5px; padding-left: 10px; padding-right: 10px; margin-right: 15px; background: #25D366; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color:white;}
    header .whatsapp_bar i {color:white; }
    header #fixedheader {position: fixed; background: #f4f4f4; z-index: 55; width: 100%; top: -30px; display: none; transition: all 0.5s;-webkit-box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.51); -moz-box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.51); box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.51);}
    header #fixedheader nav ul li:first-child {display: none;}
    header #fixedheader .logo img {width: 75%;}
    header #fixedheader nav {margin-top:10px; margin-left: 0px; margin-right: 0px; float: right;}
    header #fixedheader .logo figure { margin-top: 13px; margin-bottom: 16px; }
    header #fixedheader nav ul {float: right}


    header nav {width: 100%; height: auto; float: left; margin-left: 15px; margin-right: 15px; display: flex; justify-content: center;}
    header nav ul {padding:0px; margin:0px;}
    header nav ul li {width:auto; height: auto; float: right; padding:10px;  list-style-type: none;transition: all 0.5s; padding-left: 15px; padding-right: 15px;}
    header nav ul li a {font-size: 12pt; font-weight: 600; color:#000; text-decoration: none; transition: all 0.5s;font-family: 'Quicksand', sans-serif; text-transform: uppercase;}
    header nav ul li:hover {background: #0b849a; 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;}
    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 .ust-bolum { width: 100%; height: auto; float: left; background: #d0d0d0; text-align: right; padding-top: 7px; padding-bottom: 7px; display: none;  } 
    header .ust-bolum .closebtn {width: auto; height: auto; float: right; display: none; font-size: 15pt; color: #000; font-weight: 600; margin-top: 11px; margin-left: 15px; cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } 
    header .ust-bolum .closebtn:hover { color:#e46701;  }
    header .ust-bolum .top-fast-button { width: 100%; height: auto; float: right; text-align: center; }
    header .ust-bolum .top-fast-button a { color:#000; }
    header .top-fast-button .color2 { width: auto; float:right; background: transparent;cursor: pointer;} 
    header .top-fast-button .color3 { width: auto;float:right;  margin-right: 20px; border-right:1px solid #b9b9b9; padding-right: 20px; background: transparent;cursor: pointer; } 
    header .ust-bolum .closebtn { float: left; }
    header .onlineislemler {cursor: pointer;}

    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: auto; float: left; background: #eee; padding-top: 5px; padding-bottom: 5px;}
    #ustbar .ustbar_menu {width: auto; height: auto; float: left;}
    #ustbar .ustbar_menu ul {width: auto; height: auto; float: left; padding:0px;margin:0px;}
    #ustbar .ustbar_menu ul li {width: auto; height: auto; float: left; margin-left: 5px; margin-right: 5px; font-size: 10pt; font-weight: 500; color: #000; list-style-type: none;}
    #ustbar .ustbar_menu ul li a { color: #000; list-style-type: none;}
    #ustbar .ustbar_menu_sol {width: auto; height: auto; float: right;}
    #ustbar .ustbar_menu_sol ul {width: auto; height: auto; float: right; padding:0px;margin:0px;}
    #ustbar .ustbar_menu_sol ul li {width: auto; height: auto; float: left; margin-left: 5px; margin-right: 5px; font-size: 10pt; font-weight: 500; color: #000; list-style-type: none;}
    #ustbar .ustbar_menu_sol ul li a { color: #000; list-style-type: none;}
    .sosyalmedya {width: auto; height: auto; float: left; margin-right: 15px; }
    .sosyalmedya .icon {width: 33px; height: 32px; float: left; margin-left: 7px; font-size: 10pt; text-align: center; padding: 5px; border-radius: 120px; -webkit-border-radius: 120px; -moz-border-radius: 120px; background: #e8e8e8; transition: all 0.5s; cursor: pointer; display: flex; align-items: center; justify-content: center;}
    .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: 100%; height: auto; float: left; font-size: 50pt; font-weight: 500; letter-spacing: 3px; color: #fff;line-height: 115%;font-family:"RBNo2.1a W00 Black" !important;}
    .slayt_bilgi_kutu .detay {width: 89%; height: auto; float: left; font-size: 18pt; font-weight: 500;color: #fff; margin-top: 15px;margin-bottom: 15px;}
    .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);}
    .flexslider li {height: 750px;}
    .flex-control-nav {display: none;}


    .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:#444444; 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:22pt; font-weight: 600; color:#FFF; 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:#FFF; text-align: center;}
    .flexcenter {display: flex; justify-content: center;}
    #hero .flexslider .slides li {display: flex !important; align-items: center;}
    #istatistikler .istatistik_kutu {width: auto; height:55px; float: left; border-right: 1px solid #eee; padding-right: 10px; padding-left: 20px;}
    #istatistikler .istatistik_kutu p {width:auto; height:auto; float:left; font-size: 34pt; font-weight: 500;color:#FFF;}
    #istatistikler .istatistik_kutu span {width:110px; height:auto; float:left; font-size: 16pt; font-weight: 500; margin-left: 10px;color:#FFF;}

    #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: 700; margin-top: 20px;color:black;}
    #hakkimizda .aciklama {width: 100%;height: auto; float: left; font-size: 16pt; margin-top: 0px;font-weight: 600;}
    #hakkimizda .ozet {width: 100%;height: 180px; float: left; overflow: hidden; font-size: 14pt;margin-top: 20px; font-weight: 500;overflow: hidden;}
    #hakkimizda span {width: 100%;height: auto; max-height: 160px; float: left; font-size: 12pt;margin-top:10px; font-weight: 500;color:black; overflow: hidden;}
    #hakkimizda a {color:black; text-decoration: none;}
    #hakkimizda .kurumsalvideo {max-width: 100%;}
    #hakkimizda .kurumsalvideo img {max-width: 100%;}

    #anlasmali_kurumlar {width: 100%; height: auto; float:left; padding-top: 60px; padding-bottom: 60px; background: #f8f8f8;}
    #anlasmali_kurumlar .baslikveaciklama {padding-bottom: 20px;text-align: center;}
    #anlasmali_kurumlar .baslik {width: 100%; height: auto; float:left; font-size: 24pt; font-weight: 600; text-align: center;}
    #anlasmali_kurumlar .baslik::after {width: 150px; height: 2px; content: ""; display: block; border-bottom: 2px dotted black; margin: 0 auto; margin-top: 7px; display: none;}
    #anlasmali_kurumlar .baslikveaciklama .ayrac img {width: 220px;}

    #anlasmali_kurumlar p {width: 100%; height: auto; float:left; font-size: 13pt; font-weight: 400; margin-top: 20px; display: none;}
    #anlasmali_kurumlar figure {background: #fff; padding:15px; height: 165px; border:1px solid #eee;}
    #anlasmali_kurumlar figure:hover img {filter: grayscale(0%); transition: all 0.5s;}
    #anlasmali_kurumlar figure img {filter: grayscale(100%);transition: all 0.5s;}
    
    #anlasmali_kurumlar small {width:100%; height:auto; float:left; text-align:center; font-size: 11pt; margin-bottom: 10px;}
    #anlasmali_kurumlar a {color:#000; text-decoration: none;}
    #anlasmali_kurumlar i {margin-right:8px;}
    #anlasmali_kurumlar .tumcozumortaklarimiz {width: auto; height: auto; float: left; padding: 10px; padding-left: 15px; padding-right: 15px; border-radius: 4px; background: #eee; font-size: 12pt; font-weight: 600; margin-top: 40px;}

    #anlasmali_kurumlar .owl-prev { width: auto;position: absolute; top: 40%; margin-left: -90px; display: block !important; border:0px solid black; font-size: 30px;} 
    #anlasmali_kurumlar .owl-prev:hover {background: transparent;} 
    #anlasmali_kurumlar .owl-next:hover {background: transparent;} 
    #anlasmali_kurumlar .owl-next { width: auto;position: absolute; top: 40%; right: -95px; display: block !important; border:0px solid black; font-size: 30px; } 
    #anlasmali_kurumlar .owl-prev img {width:35px;transform: rotate(0.5turn);}
    #anlasmali_kurumlar .owl-next img {width:35px;}

    #urunlerimiz {width: 100%; height: auto; float:left; padding-top: 40px; padding-bottom: 40px; background: #f1f1f1;}
    #urunlerimiz .baslikveaciklama {}
    #urunlerimiz .baslikveaciklama .baslik {width: 100%; height: auto; float:left; font-size: 24pt; font-weight: 600;color:#000;text-align: center;}
    #urunlerimiz .baslikveaciklama .baslik::after {width: 150px; height: 2px; content: ""; display: block; border-bottom: 2px dotted black; margin: 0 auto; margin-top: 7px; display: none;}
    #urunlerimiz .baslikveaciklama .ayrac {width: 100%;height: auto; float: left; text-align: center;}
    #urunlerimiz .baslikveaciklama .ayrac img {width: 220px;}
    #urunlerimiz p.aciklama {width: 100%; height: auto; float:left; font-size: 12pt; font-weight: 400;color:#000; text-align: center; margin-top: 10px;}
    #urunlerimiz article .kutu {width: 100%; height: auto; float:left; border:1px solid #fff; position: relative;}
    #urunlerimiz article figure {width: 100%; height: auto; float:left;}
    #urunlerimiz article .baslik {width: 95%; height: auto; float: left; font-size: 17pt; font-weight: 600; padding: 7px; text-transform: uppercase; text-align: left; margin-left: 17px; position: absolute; bottom: 30px; transition: all 0.5s;color: #FFF;}
    #urunlerimiz article .devami {font-size: 13pt; color: white; opacity: 0; bottom: -20px; width: 100%; height: auto; float: left; position: absolute;transition: all 0.5s; left: 27px; font-weight: 600;}
    #urunlerimiz article .devami i {font-size: 10pt;}
    #urunlerimiz .urunlerarticle {margin-top: 20px;width:100%; float:left;}
    #urunlerimiz article .full {position: absolute; width: 100%; height: 100%; background: #00000070; z-index: 5;}
    #urunlerimiz article:hover .baslik {bottom: 80px; font-size: 19pt; transition: all 0.5s;}
    #urunlerimiz article:hover .devami {opacity: 1; bottom:50px; transition: all 0.5s;}

    #urunlerimiz .owl-prev { width: auto;position: absolute; top: 48%; margin-left: -90px; display: block !important; border:0px solid black; font-size: 30px;} 
    #urunlerimiz .owl-prev:hover {background: transparent;} 
    #urunlerimiz .owl-next:hover {background: transparent;} 
    #urunlerimiz .owl-next { width: auto;position: absolute; top: 48%; right: -95px; display: block !important; border:0px solid black; font-size: 30px; } 
    #urunlerimiz .owl-prev img {width:40px;transform: rotate(0.5turn);}
    #urunlerimiz .owl-next img {width:40px;}

    #nedenokumussigorta {width: 100%; height: auto; float:left; padding-top: 60px; padding-bottom: 70px;}
    #nedenokumussigorta .baslikveaciklama {}
    #nedenokumussigorta .baslikveaciklama .baslik {width: 100%; height: auto; float:left; font-size: 24pt; font-weight: 600;color:#000;text-align: center;}
    #nedenokumussigorta .baslikveaciklama p.aciklama {width: 100%; height: auto; float:left; font-size: 12pt; font-weight: 400;color:#000; text-align: center; margin-top: 10px;}
    .mt-10 {margin-top: 10px;}
    .mt-30 {margin-top: 30px;}
    #nedenokumussigorta .kutu {width: 95%; height: 262px; float:left; margin-left: 15px; padding:20px;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: all 0.5s;}
    #nedenokumussigorta .kutu .ikon {width: 100%; height: 65px; float:left; margin-top:100px; display: flex; align-items: flex-end;transition: all 0.5s;}
    #nedenokumussigorta .kutu .ikon img {transition: all 0.5s}
    #nedenokumussigorta .kutu .baslik {width: 100%; height: auto; float:left; margin-top: 15px; font-size: 18pt; font-weight: 700; text-transform: uppercase; color:#FFF;  transition: all 0.5s;}
    #nedenokumussigorta .kutu .aciklama {width: 100%; height: auto; float:left; margin-top: 10px; font-size: 10pt; font-weight: 500; }

    #nedenokumussigorta .kutu:hover {transition: all 0.5s; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.28);}
    #nedenokumussigorta .kutu:hover .baslik {transition: all 0.5s; font-size: 22pt;}
    #nedenokumussigorta .kutu:hover .ikon img {; width: 75px;}



    #nedenokumussigorta article:nth-child(1) .kutu {background: url('images/nedenokumus_kutubg1.jpg') repeat; }
    #nedenokumussigorta article:nth-child(2) .kutu {background: url('images/nedenokumus_kutubg2.jpg') repeat; }
    #nedenokumussigorta article:nth-child(3) .kutu {background: url('images/nedenokumus_kutubg3.jpg') repeat; }
    #nedenokumussigorta article:nth-child(4) .kutu {background: url('images/nedenokumus_kutubg4.jpg') repeat; }



    #haberlerduyurular {width: 100%; height: auto; float:left; padding-top: 40px; padding-bottom: 40px;}
    #haberlerduyurular .baslikveaciklama {width: 100%; height: auto; float:left; margin-top: 20px;}
    #haberlerduyurular .baslikveaciklama .baslik {width: 100%; height: auto; float:left; font-size: 24pt; font-weight: 600;color:#000;text-align: center;}
    #haberlerduyurular .baslikveaciklama .baslik:after {width: 150px; height: 2px; content: ""; display: block; border-bottom: 2px dotted black; margin: 0 auto; margin-top: 7px; display: none;}
    #haberlerduyurular .baslikveaciklama .ayrac {width: 100%;height: auto; float: left; text-align: center;}
    #haberlerduyurular .baslikveaciklama .ayrac img {width: 220px;}
    #haberlerduyurular .baslikveaciklama p.aciklama {width: 100%; height: auto; float:left; font-size: 12pt; font-weight: 400;color:#000; text-align: center; margin-top: 10px;}
    .mt-10 {margin-top: 10px;}

    #haberlerduyurular article .kutu {width: 100%; height: auto; float:left; padding:7px;}
    #haberlerduyurular article figure {width: 100%; height: 180px; float:left; transition: all 0.5s ease;}
    #haberlerduyurular article figure img {opacity: 0;}
    #haberlerduyurular article .baslik {width: 100%; height: auto; float:left; font-size: 13pt; font-weight: 600; text-transform: uppercase; margin-top: 10px;color:#000;}
    #haberlerduyurular article .ozet {width: 100%; height: auto; float:left; font-size: 12pt; font-weight: 400; margin-top: 5px;color:#000;}
    #haberlerduyurular article .devami {width: 100%; height: auto; float:left; font-size: 11pt; font-weight: 400; margin-top: 5px;color:#000;}
    #haberlerduyurular article:hover figure {-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
    #haberlerduyurular .urunlerarticle {margin-top: 40px;width: 100%; float: left;}
    #haberlerduyurular .owl-prev img {width:40px;transform: rotate(0.5turn);}

    /* FOOTER */
    .#004276 {color: #444444;}
    footer {width: 100%; height: auto; float:left; background: #0E1921;padding-top: 50px;}
    footer .baslik {width: 100%; height: 100px; float: left; overflow: hidden; font-size: 15pt; padding-bottom: 7px; font-weight: 600; margin-bottom: 10px; color:white; line-height: 165%; text-align: center; color:white;}
   
    footer .kutu {padding-left: 30px; padding-right: 45px;}

    footer .adresbilgileri .satir {width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; flex-wrap: wrap; }
    footer .adresbilgileri .satir span {width: 14%; height: auto; float: left; text-align: center; font-size: 26pt; }
    footer .adresbilgileri .satir span img {float:left; width: 30px;}
    footer .adresbilgileri .satir p {width: 86%; height: auto; float: left; font-size: 12pt; font-weight: 600; margin:0px; text-align: left; }

    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:#444444;  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: #444444; 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:45px;height:45px;border-radius:36px;background-color:#444444;color:#fff;margin:0 3px 3px 0;}
    ul.social > li > a:hover{text-decoration:none;background-color:#0b849a;}

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


    #detay {width: 100%; height: auto; float:left;padding:0px; }
    #detay .anabaslikkutu {width: 100%; height: auto; float: left; padding-top: 40px; padding-bottom: 40px; background:url('images/detaybg.png'); background-size: cover;}
    #detay .anabaslikkutu .baslik {width: 100%; height: auto; float: left; font-size: 26pt; font-weight: 600; color:#FFF; text-transform: uppercase; }
    #detay .anabaslikkutu .baslikveyol {width:auto; height: auto; float:left;}
    #detay .anabaslikkutu .yol {width: 100%; height: auto; float:left; margin-top: 5px;}
    #detay .anabaslikkutu .yol a {color:#FFF;}
    #detay .anabaslikkutu .yol p {float:right;color:#FFF; margin-right: 5px;text-align: right;}
    #detay .anabaslikkutu .yol img {transform:rotate(180deg)}
    #detay .digerleri {margin-top: 10px;}
    #detay .digerleri .kategoribaslik {width: 100%; height: auto; float:left; padding:10px; background: #f0f0f0; }
    #detay .digerleri .kategoribaslik div {width: 100%; height: auto; float:left;text-transform: uppercase; font-weight: 600; color:#b9b9b9; font-size: 13pt; direction:rtl }
    #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; background: #f5f5f5; direction: rtl; text-align: right;}
    #detay .digerleri ul li a { text-decoration: none; color:#555555; transition:  all 0.5s;}
    #detay .digerleri ul li a:hover {color:#444444; transition:  all 0.5s;}
    #detay .digerleri ul li img {transform: rotate(180deg);}
    #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: 20px;padding-bottom: 20px;}
    #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;}



    @media (max-width: 500px){
     img {max-width: 100%;}
     .kurumsalvideo {margin-top: 40px;}
    #hakkimizda {padding-top: 0px; padding-bottom: 30px;}
    #anlasmali_kurumlar {padding-top: 40px; padding-bottom: 40px;}
    #anlasmali_kurumlar .baslikveaciklama {padding-top: 0px;}
    #nedenokumussigorta article {margin-bottom: 20px;}
    footer .kutu {margin-bottom: 20px;}
    #detay .anabaslikkutu {background-position: center; background-size: cover;}
    .slayt_bilgi_kutu .baslik {font-size: 33pt;}
    .menubar {position: absolute !important; text-align: right; top: 30px; right: 0px; font-size: 18pt; padding: 5px; background: #eee; padding-left: 10px; padding-right: 10px; color: black !important;}
    .menubar a { color: #000;}
    header .sagust {margin-top: 20px;}
    header .sagust .pull-right {display: flex; justify-content:center; flex-wrap: wrap; }
    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;}

    #istatistikler .istatistik_kutu {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: 57px; text-align: center; margin-left: 0px; font-size: 14pt;  margin-left: 12px; display: flex; align-items: center;}
    #istatistikler {padding-top: 30px; padding-bottom: 20px;}

    #anlasmali_kurumlar figure {height: 120px;}

    .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%;}
    #anlasmali_kurumlar figure {height:auto; margin-bottom: 10px; }
    #anlasmali_kurumlar figure img {height:auto;position: relative; z-index: 3; }
    #anlasmali_kurumlar small {margin-top: -25px; position: relative; z-index: 5;}
    
    header .logo figure {height: auto;width: 88%;}
    header .logo figure img {width: 92%; height: auto;}
    header .ustsagalan {padding: 0px;}
    header #fixedheader {display: none;}

    .sosyalmedya {margin-top: 14px;background: #eee;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;}
    header .ust-bolum .closebtn {margin-top: -3px !important}
    #anlasmali_kurumlar .owl-prev {margin-left: -50px;}
    #anlasmali_kurumlar .owl-prev img{width: 38px;}
    #anlasmali_kurumlar .owl-next {right: -50px;}
    #anlasmali_kurumlar .owl-next img{width: 38px;}

    #urunlerimiz .owl-theme .owl-nav {width: 100%; float: left; display: flex; justify-content: center;}
    #urunlerimiz .owl-prev {position: initial !important; margin-left: 0px !important; top: 0 !important; float: left;}
    #urunlerimiz .owl-next {position: initial !important; margin-left: 0px !important; top: 0 !important; float: left;}
    #urunlerimiz .owl-nav  img {max-width: 40px;}

    #anlasmali_kurumlar .owl-theme .owl-nav {width: 100%; float: left; display: flex; justify-content: center;}
    #anlasmali_kurumlar .owl-prev {position: initial !important; margin-left: 0px !important; top: 0 !important; float: left;}
    #anlasmali_kurumlar .owl-next {position: initial !important; margin-left: 0px !important; top: 0 !important; float: left;}
    #anlasmali_kurumlar .owl-nav  img {max-width: 40px;}

    #haberlerduyurular .owl-theme .owl-nav {width: 100%; float: left; display: flex; justify-content: center;}
    #haberlerduyurular .owl-prev {position: initial !important; margin-left: 0px !important; top: 0 !important; float: left;}
    #haberlerduyurular .owl-next {position: initial !important; margin-left: 0px !important; top: 0 !important; float: left;}
    #haberlerduyurular .owl-nav  img {max-width: 40px;}
    header .ust-bolum .closebtn {display: block !important}

    #urun_gruplari article .border {width: 90% !important; height: 83% !important; margin-top: 0px !important; margin: 5% !important;}

    }
    @media (max-width: 370px){
       .sosyalmedya {margin-right: 0px;}
    }
    @media (min-width:375px) and (max-width: 425px){
        header .logo figure {width: 98%;}
        .sosyalmedya {margin-top: 0px;}
        .kurumlar {margin-top: 20px;}
        header .sagust .pull-right {width: 100%; justify-content: space-around;}
    }
    @media (max-width: 375px){
        #anlasmali_kurumlar .baslikveaciklama {padding: 0px !important}
        #urunlerimiz .baslikveaciklama {padding: 0px !important}
        #haberlerduyurular .baslikveaciklama {padding: 0px !important}
    }

    @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;}
    }