@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
 
 h1,
 h2,
 h3,
 h4,
 p,
 strong,
 b,
 ul,
 li {
     margin: 0px;
     padding: 0px;
     list-style: none;
 }
 
 p {
     line-height: 30px;
     font-size: 15px;
 }
 
 a {
     text-decoration: none;
     color: #666
 }
 
 button,
 input {
     outline: none;
 }
 
 body {
     margin: 0;
     padding: 0;
     font-family: 'Poppins', sans-serif;
     font-size: 16px;
     overflow-x: hidden;
     content: none;
 }

 


 ::-webkit-scrollbar {width: 0px !important;}

::-webkit-scrollbar-track {}

::-webkit-scrollbar-thumb {background: #272727;}

::-webkit-scrollbar-thumb:window-inactive {background: #272727;}

 
.detay-fiyat {
   
    line-height: 35px;
    font-size: 18px;
    text-align: right;
}
.detay-fiyat .ciz { color:  red; font-size: 14px; }
.detay-fiyat .parabirimi { color: #0AA830; }





 input,
 select,
 textarea,
 button {
    font-family: 'Poppins', sans-serif;
     border-radius: 9px;
 }
 
 .bold {
     font-weight: bold;
 }
 
 .ciz {
     text-decoration: line-through;
 }
 
 .innerbox {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .txtcrop {
     width: 100%;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .clear:after {
     display: inline-table;
     clear: both;
     content: '';
 }
 
.site-title-h2 { color: #031e57; font-size: 22px; }

 .COMPUTER {}
 
 .MOBILE {
     display: none;
 }
 
 @media screen and (max-width: 1000px) {
     .COMPUTER {
         display: none;
     }
     .MOBILE {
         display: block;
     }
 }
 
 html {
     --color:  #272727;
     --color2: #f2f2f2;
     --color-tema: #183d65;
     --color-tema-in: #fff;
 }
 
 
 
 .bg-light {
     background: #f8fafd;
 }
 
 .bg-banner-1 {
     color: #fff;
     background: #FC466B;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #031e57, #FC466B);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #031e57, #FC466B);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
 

 .buton-grup .btn-3 {
    background: #031e57;
}


 .sosyalmedya-1 { border-bottom: 1px solid #f2f2f2; color: #183d65; font-size: 13px;}
 
 .sosyalmedya-1 i {
     line-height: 25px;
     font-size: 16px; padding: 0px 6px; color: #183d65;
 }
 
 .sosyalmedya-1 p {
    color: #183d65; font-size: 13px;
 } 
 .sosyalmedya-1 a {
     line-height: 30px;
     display: inline-block;
     padding: 8px 0px;
     margin: 0px 0px;
     width: 30px;
     color: #183d65;
 }
 
 .sosyalmedya-1 a:hover {
     opacity: 0.5
 }
 
.d-form { padding: 40px; background: #f5f5f5;}

.mobile-header {     box-shadow:  0px 0px 40px rgba(0,0,0,0.1);  }
.mobile-header img { height:100px; padding: 20px;}
 
.mini_arama  {background: #fff; border:1px solid #ccc; position: relative; max-width: 350px; border-radius: 30px; overflow: hidden; text-align:left;}
.mini_aramai { width: calc(100% - 30px);  border:none; outline: none; color:#000;  height: 30px; margin: 0; padding: 0 15px ; box-sizing: border-box; }
.mini_aramab { background: none; border:none; outline: none; position: absolute; top:0px; right: 5px;   margin: 0; padding: 0; height: 30px; }
.mini_aramab i { font-size: 19px; color: #031e57;}
.mini_aramab:hover { cursor: pointer ; opacity: 0.5;}

    .header-4 {
        width: 100%;
        left: 0;
        top: 0;
        z-index: 800;
        padding: 0px 0px;
        width: 100%; 
        position: relative;
    }

 .header-4 .logo { height: 50px;  }

 .header-4 .menu {
 
   
}

 .header-4 .content  {   padding:0px 0px;    }
 .header-4 .bg-menu {    float: right;      }
 
 .header-4 .sentez {   height: 80px; display: flex;     align-items: center; align-content: center;  }


 .header-4 .menu  .url-menu       a { color: #031e57; display: inline-block;  padding: 8px 10px;     margin: 0px 0px;   font-weight: 600; font-size: 14px; letter-spacing: -0.5px; transition: 0.5s }
 .header-4 .menu  .url-menu:hover  {  cursor:pointer; color: #031e57;   }
 

 .header-4 .menu > .url-menu             { display: inline-block;  }
  .header-4 .menu  .url-menu:hover a { color: #031e57;   }
 
 
 .header-4 .menu  .url-menu .acilanmenu { position: absolute;     display: none; background: #031e57;  transition: 0.5s; box-shadow: 0px 10px 40px rgba(0,0,0,0.2);  }
 .header-4 .menu  .url-menu:hover .acilanmenu { display: block;}
 

.header-4 .menu  .url-menu .acilanmenu .menu_item { display: block;  position: relative;    }
.header-4 .menu  .url-menu .acilanmenu .menu_selection {  margin: 0; display: none; z-index: 1;  }
.header-4 .menu  .url-menu .acilanmenu .menu_top_nav i {  text-align: center; position: absolute; right: 10px;  }
.header-4 .menu  .url-menu .acilanmenu .menu_top_nav {    box-sizing: border-box; padding: 0px 0px; }
.header-4 .menu  .url-menu .acilanmenu .sub-menu {  }
.header-4 .menu  .url-menu .acilanmenu ul li {   position: relative; cursor:pointer }
.header-4 .menu  .url-menu .acilanmenu ul li a { display: inline-block; width: 100%; color:#031e57; border-bottom: 1px solid rgba(255,255,255,0.2); color:#fff;  }
.header-4 .menu  .url-menu .acilanmenu ul li a:hover { color:#fff; opacity: 1; background: #666; border-radius: 0px;}




.header-4 .menu  .url-menu:last-child a    {    

    /**animation: efekt 2s ease infinite;**/
    
 }


 @keyframes efekt {
	0% {
		background : #000;
	}
 
	100% {
		background : #031e57;
	}
}

 

.header-top-4 {   color: #fff;        }
.header-top-4 p { float: right ; padding-right: 10px;  color: #fff;} 
.header-top-4 p i { width: 30px; height: 30px; text-align: center; border-radius: 40px;   display: inline-block; border: 1px solid #fff;}
.header-top-4 a.trans4 { display: inline-block; float: right; padding: 0px 4px;  margin-left: 9px;}
.header-top-4 a.trans4 i { color: #fff; padding: 0px 4px; }

 
 
 @media screen and (max-width: 1000px) {
 
 
.kapakvar { height: 200px; background: #272727;  clip-path: polygon(0 0, 100% 0%, 100% 82%, 0% 100%); display: none; }
.kapakvar img { display: none ;}
       
  }

 /********************* MENU *************************/

  



 
.anasayfa .header-kapsa                          { position:absolute; background: none; width: 100%; z-index: 3000;   }
.anasayfa .header-kapsa .header-4                { background: none; }
.anasayfa .header-kapsa .header-top-4            { color: #fff;   }
.anasayfa .header-kapsa .header-top-4 p i        {   border: 1px solid #fff;}
.anasayfa .header-kapsa .header-top-4 a.trans4 i { color: #fff; padding: 0px 4px; }
.anasayfa .header-top-4 { background: none;}
.anasayfa .header-4 .logo { background: none;}

.anasayfa .header-4 .menu  .url-menu       a { color: #fff;   }
.anasayfa .sosyalmedya-1 i {
    line-height: 25px;
    font-size: 16px; padding: 0px 6px; color: #fff;
}

.anasayfa .sosyalmedya-1 p {
      color: #fff;
} 


@media screen and (max-width: 1000px) {
    
.anasayfa .head { position:relative; top: 0; width: 100%; z-index: 1500; }
    
 }


 
 .header-4 .menu .login-btn {
     background: var(--color);
     color: #fff;
 }
 
 
 .header-4 .menu a:last-child .a {
     
 }
 
 .header-4 .menu a:last-child .a   {   
    
 }
 

  
 
 /********************* MENU *************************/

 .flex-yap {
     display: flex;
 }
 
 .flex-yap>div:first-child {
     display: flex;
     width: 40%;
 }
 
 .flex-yap>div:last-child {
     display: flex;
     width: 60%;
     flex-direction: row-reverse;
 }
 
 @media screen and (max-width: 1000px) {
     .flex-yap {
         display: block;
     }
     .flex-yap>div:first-child {
         display: block;
         width: 100%;
     }
     .flex-yap>div:last-child {
         display: block;
     }
     .header-4 {
         position: relative;
         text-align: left;
          
     }
     .header-4 .logo {
         width: 90%;
         max-width: 200px;
         height: 150px;
         position: relative;
         margin-top: 0px;
     }
 }
 

 
 .fix-header {
     position: absolute
 }
 
 h1,
 h2,
 h3 {
     font-family: var(--font-2);
 }
 
 .renkli-2 {
     margin-top: -150px;
     position: relative;
     z-index: 1000;
 }
 
 .renkli-2 .colon {
     padding-top: 80px;
 }
 
 .renkli-2 .colon>div {
     position: relative;
 }
 
 .renkli-2 .colon>div h3 {
     font-size: 26px;
 }
 
 .renkli-2 .colon img {
     width: 100px;
     height: 100px;
     border-radius: 50px;
     object-fit: cover;
     position: absolute;
     right: 10px;
     top: -50px;
     box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.2);
     transition: 0.5s;
 }
 
 .renkli-2 .colon>div a {
     display: inline-block;
     background: #fff;
     color: #272727;
     padding: 4px 20px;
     border-radius: 4px;
     margin-top: 8px;
 }
 
 .renkli-2 .colon>div a:hover {
     background: #272727;
     color: #fff;
 }
 
 .renkli-2 .colon>div:hover img {
     -webkit-transform: scale(1.20);
     -moz-transform: scale(1.20);
     -o-transform: scale(1.20);
     -ms-transform: scale(1.20);
     transform: scale(1.20);
 }
 
 @media screen and (max-width: 1000px) {
     .renkli-2 {
         margin-top: 20px;
         position: relative;
         z-index: 1000;
     }
 }
 
 .border-tablo {
     padding: 10px
 }
 
 .border-tablo>div {
     border: 1px solid #f2f2f2;
     margin-bottom: 3px;
     border-radius: 5px;
     overflow: hidden
 }
 
 .border-tablo>div>div {
     border-left: 1px solid #f2f2f2;
     padding: 5px 10px
 }
 
 .border-tablo>div>div:first-child {
     border: none;
 }
 
 .border-tablo span.bilgi {}
 
 .border-tablo .color-mavi {
     color: var(--color);
 }
 
 .tablo-liste .durumu-2 {
     display: inline-block;
     padding: 4px;
     border-radius: 3px;
     background: var(--color);
     color: #fff;
     font-size: 12px;
 }
 
 .tablo-liste .durumu-1 {
     display: inline-block;
     padding: 4px;
     border-radius: 3px;
     background: #6dc632;
     color: #fff;
     font-size: 12px;
 }
 
 .tablo-liste .bilgi {
     font-size: 12px;
     color: #666
 }
 
 .btn-small {
     font-size: 13px;
     line-height: 35px !important;
     padding: 0px 6px
 }
 
 .tahlil-bg {
     background: #f5f5f5;
     margin-bottom: 9px !important;
 }
 
 .t-form-bg {
     background: #f5f5f5;
     margin-bottom: 9px !important;
 }
 
 @media screen and (max-width: 1000px) {
     .t-form-bg {
         background: none
     }
 }
 
 .fullbg {
     width: 100%;
     height: 350px;
     object-fit: cover;
     position: relative;
     z-index: 30
 }
 
 #clear {
     clear: both
 }
 
 .ara:hover {
     cursor: pointer
 }
 
 .ara-u {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9000;
     text-align: center;
     color: #fff;
     transition: All 0.2000s ease;
     -webkit-transition: All 0.2000s ease;
     -moz-transition: All 0.2000s ease;
     -o-transition: All 0.2000s ease;
 }
 

 
 .share {
     text-align: center;
 }
 
 .paylas-gurubu {
     display: inline-block;
     color: #272727;
 }
 
 .paylas-gurubu a {
     display: inline-block;
 }
 
 .paylas-gurubu a:hover {
     cursor: pointer;
     opacity: 0.5
 }
 
 .paylas-gurubu i {
     line-height: 35px;
     width: 35px;
     height: 35px;
     text-align: center;
     color: #272727;
 }
 
 .ara-u h1 {
     font-size: 40px;
     font-weight: 100;
     padding: 10% 0px 20px 0px;
     letter-spacing: 1px
 }
 
 .ara-u .ara-i {
     border: 1px solid #fff;
     background: none;
     outline: none;
     padding: 0px 20px;
     color: #fff;
     width: calc(50% - 150px);
     height: 80px;
     font-size: 28px;
 }
 
 .ara-u .ara-kapat {
     font-size: 30px;
     position: fixed;
     top: 30px;
     left: 50%;
     margin-left: -20px;
     color: #fff;
     padding: 10px;
 }
 
 .ara-u .ara-kapat:hover {
     background: #272727;
     color: #fff;
     cursor: pointer;
 }
 
 .ara-u .ara-b {
     border: 1px solid #fff;
     background: none;
     outline: none;
     padding: 0px 20px;
     color: #fff;
     width: calc(90px);
     height: 82px;
     font-size: 28px;
 }
 
 .ara-u .ara-b:hover {
     background: #FFF;
     color: #272727;
     cursor: pointer;
 }
 
 .ara-u .gelendegerler {
     background: #fff;
     width: calc(50% - 108px);
     margin: 0 auto;
 }
 
 .ara-u .gelendegerler .s-li {
     padding: 20px 15px;
     color: #272727;
     text-align: left;
 }
 
 .ara-u .gelendegerler .s-li:hover {
     background: #f4f4f4
 }
 
 .ara-K {
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -o-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
 }
 
 .ARANANYOK {
     border: 1px solid #ccc;
     background: #f2f2f2;
     text-align: center;
     padding: 40px
 }
 
 .YUKLENME {
     background: #fff;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 50000;
 }
 
 .YUKLENME img {
     width: 90px;
     position: absolute;
     left: 50%;
     top: 40%;
     margin-left: -45px;
     -webkit-filter: grayscale(100%);
     /* Safari 6.0 - 9.0 */
     filter: grayscale(100%);
 }
 
 .loaderLOGO {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 400px;
     margin-left: -200px;
     margin-top: -200px;
     animation: bounce 0.2s;
     animation-direction: alternate;
     animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
     animation-iteration-count: infinite;
 }
 
 .loaderX {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 80px;
     height: 80px;
     margin-left: -40px;
     margin-top: -40px;
     border: 2px solid #004e9c;
     border-top: 2px solid #fff;
     border-radius: 50%;
     animation: spin 1s linear infinite;
 }
 
 .loaderTXT {
     position: fixed;
     width: 100%;
     text-align: center;
     top: 50%;
     margin-top: -20px;
     font-size: 20px
 }
 
 .loaderTXT i {
     font-size: 40px;
     color: #004e9c;
 }
 
 blockquote {
     background-color: #f2f2f2;
     border-left: 1em solid #272727;
     margin: 1.5em 0 1.5em;
     padding: 1em 1.5em 1em 2.5em;
     position: relative;
 }
 
 blockquote:before {
     color: #272727;
     content: "\201C";
     font-size: 5em;
     position: absolute;
     left: 5px;
     top: 0.6em;
     line-height: 0.1em;
 }
 
 blockquote:after {
     color: #272727;
     content: "\201D";
     font-size: 5em;
     position: absolute;
     right: 3px;
     bottom: 0em;
     line-height: 0.1em;
 }
 
 @-moz-keyframes spin {
     100% {
         -moz-transform: rotate(360deg);
     }
 }
 
 @-webkit-keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 
 @keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 /********************************** MESAJ UYARISI *********************************/
 
 .UYARIBOX-2 {
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: 5000;
     background: rgba(0, 0, 0, 0.8);
     left: 0;
     top: 0;
     display: none
 }
 
 .UYARIBOX-2 .uyari-a-2 {
     font-size: 18px;
     color: #272727;
     text-align: center;
     padding: 20px;
     width: 400px;
     background: #fff;
     position: fixed;
     left: 50%;
     top: 40%;
     margin-left: -150px;
     border-radius: 8px
 }
 
 .UYARIBOX-2 .uyari-a-2 .uyari-kapat {
     padding: 8px;
     background: #FFF;
     color: #272727;
     font-size: 24px;
     display: inline-block;
     position: absolute;
     top: 10px;
     right: 10px;
     border-radius: 6px;
 }
 
 .UYARIBOX-2 .uyari-a-2 .uyari-kapat:hover {
     background: #272727;
     color: #fff;
     cursor: pointer;
 }
 
 .UYARIBOX-2 .uyari-a-2 .mesaj-2 {
     padding: 30px 0px
 }
 /********************************** MESAJ UYARISI *********************************/
 /********************************** MESAJ UYARISI *********************************/
 
 .UYARIBOX {
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: 5000;
     background: rgba(0, 0, 0, 0.8);
     left: 0;
     top: 0;
     display: none
 }
 
 .UYARIBOX .uyari-a {
     font-size: 18px;
     color: #272727;
     text-align: center;
     padding: 20px;
     width: 400px;
     background: #fff;
     position: fixed;
     left: 50%;
     top: 40%;
     margin-left: -150px;
     border-radius: 8px
 }
 
 .UYARIBOX .uyari-a .mesaj {
     padding: 30px 0px
 }
 /********************************** MESAJ UYARISI *********************************/
 
 @media screen and (max-width: 1000px) {
     .UYARIBOX-2 .uyari-a-2 {
         width: calc(90% - 40px);
         left: 5%;
         margin-left: 0;
     }
     .UYARIBOX .uyari-a {
         width: calc(90% - 40px);
         left: 5%;
         margin-left: 0;
     }
 }
 
 .IN:after {
     clear: both;
     content: "";
     display: table;
 }
 
 .clear:after {
     clear: both;
     content: "";
     display: table;
 }
 
 .INCONTENT {
     position: relative;
     width: 100%;
     z-index: 2;
     background: #fff;
     box-shadow: 0px 0px 25px -16px rgba(0, 0, 0, 0.75);
     transition: All 0.5s ease;
 }
 
 .NLOGIN {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 4000;
     overflow: auto;
     display: none;
 }
 
 #NLOGIN {
     width: 400px;
     left: 50%;
     margin-left: -200px;
     background: #fff;
     top: 30%;
     position: absolute;
     margin-bottom: 100px;
 }
 
 #NLOGIN .loginkapat {
     position: absolute;
     right: 0px;
     top: -30px;
     font-size: 19px;
     background: #fff;
     color: #272727;
     padding: 10px
 }
 
 #NLOGIN .loginkapat:hover {
     background: #272727;
     color: #fff;
     cursor: pointer;
 }
 
 .image-text-banner-2 {
     position: relative;
     z-index: 3;
     display: flex;
     flex-direction: column;
     overflow: hidden;
    
 }
 
 .image-text-banner-2 .text {
     position: absolute;
     bottom: 0px;
     z-index: 5;
     box-sizing: border-box;
     padding: 30px;
     width: 100%;
     height: 100%;
 }
 
 .image-text-banner-2 .text-ust {
     display: flex;
     flex-direction: column;
     justify-content: flex-start
 }
 
 .image-text-banner-2 .text-orta {
     display: flex;
     flex-direction: column;
     justify-content: center
 }
 
 .image-text-banner-2 .text-alt {
     display: flex;
     flex-direction: column;
     justify-content: flex-end
 }
 
 .image-text-banner-2 .img {
     position: relative;
     z-index: 0;
   
 }
 
 .image-text-banner-2 a {
     display: inline-block;
     padding: 6px 15px;
     background: #031e57;
     color: #fff;
     border-radius: 4px; margin-top: 10px;
 }
 
 .image-text-banner-2 a:hover {
     opacity: 0.5;
 }
 
 .image-text-banner-2:after {
     display: inline-table;
     content: '';
     position: absolute;
     width: 100%;
     height: 50%;
     bottom: 0;
     background: rgb(0, 0, 0);
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.5550595238095238) 0%, rgba(0, 0, 0, 0.3169642857142857) 46%, rgba(0, 212, 255, 0) 100%);
 }
 
 .image-text-banner-2 h2 {
     font-weight: 300;
     padding-bottom: 9px;
 }







 .image-text-banner-3 {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    overflow: hidden;
 
}

.image-text-banner-3 .text {
    position: absolute;
    bottom: 0px;
    z-index: 5;
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    height: 100%;
}

.image-text-banner-3 .text-ust {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.image-text-banner-3 .text-orta {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.image-text-banner-3 .text-alt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.image-text-banner-3 .img {
    position: relative;
    z-index: 0;
  
}

.image-text-banner-3 a {
    display: inline-block;
    padding: 6px 15px;
    background: #031e57;
    color: #fff;
    border-radius: 4px; margin-top: 10px;
}

.image-text-banner-3 a:hover {
    opacity: 0.5;
}

 

.image-text-banner-3 h2 {
    font-weight: 300;
    padding-bottom: 9px;
}








 .frame-menu-1 {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    overflow: hidden;
     
}

.frame-menu-1 .text {
    position: absolute;
    bottom: 0px;
    z-index: 5;
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    height: 100%;
}

.frame-menu-1 .text-ust {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.frame-menu-1 .text-orta {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.frame-menu-1 .text-alt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.frame-menu-1 .img {
    position: relative;
    z-index: 0;
  
}
.frame-menu-1:after {
    display: inline-table;
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5550595238095238) 0%, rgba(0, 0, 0, 0.3169642857142857) 46%, rgba(0, 212, 255, 0) 100%);
}

 















 
 ul.LOGINTAB {
     list-style: none;
     margin: 0;
     padding: 10px;
 }
 
 ul.LOGINTAB li {
     width: calc(100% / 2 - 20px);
     padding: 10px;
     color: #fff;
     background: #272727;
     float: left;
     text-align: center;
 }
 
 ul.LOGINTAB li.active {
     background: #fff;
     color: #272727
 }
 
 ul.LOGINTAB li:hover {
     background: #fff;
     color: #272727;
     cursor: pointer
 }
 
 ul.LOGINCONTENT {
     list-style: none;
     margin: 0;
     padding: 10px;
 }
 
 ul.LOGINCONTENT li {
     display: none
 }
 
 ul.LOGINCONTENT li.active {
     display: block
 }
 
 .RESFORM {
     padding: 10px;
 }
 
 .RESFORM p {
     padding: 10px 0px;
 }
 
 .RESFORM .text-i {
     width: calc(100% - 2px - 30px);
     height: 50px;
     border: 1px solid #ccc;
     padding: 0px 15px;
     outline: none;
 }
 
 .RESFORM .BUTON {
     background: #272727;
     color: #fff;
     padding: 0px 15px;
     height: 50px;
     line-height: 50px;
     margin-top: 10px;
     text-align: center;
 }
 
 .RESFORM .BUTON:hover {
     background: #464646;
     cursor: pointer;
 }
 
 .allbg {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-position: center center;
     background-size: cover;
 }
 
 .KUTU {
     padding: 5px;
     text-align: center;
 }
 
 .KUTU .DROP1 {
     width: calc(50% - 10px);
     height: 510px;
     float: left;
     margin: 5px;
     position: relative;
     background: #272727
 }
 
 .KUTU .DROP2 {
     width: calc(50% - 10px);
     height: 250px;
     float: left;
     margin: 5px;
     position: relative;
 }
 
 .KUTU .DROP3 {
     width: calc(50% - 10px);
     height: 250px;
     float: left;
     margin: 5px;
     position: relative;
 }
 
 .KUTU h2 {
     padding-top: 90px;
     font-weight: 400
 }
 
 .KUTU a {
     display: inline-block;
     padding: 8px 10px;
     background: #272727;
     color: #fff;
     margin-top: 10px
 }
 
 .KUTU a:hover {
     background: #555;
 }
 
 .KUTU .DI {
     position: absolute;
     bottom: 50px;
     width: calc(100% - 60px);
     padding: 0px 30px
 }
 
 .KUTU h2,
 p {}
 
 .G-CONTENT {}
 
 .G-CONTENT .IN {
     max-width: 1200px;
     margin: 0 auto;
     text-align: center;
     position: relative;
 }
 
 .G-CONTENT .IN h1 {
     color: #fff;
 }
 
 .G-CONTENT .IN .li {
     width: calc(100% / 3);
     float: left;
     color: #fff;
 }
 
 .TAGS {
     padding-top: 40px
 }
 
 .TAGS a {
     display: inline-block;
     padding: 8px 10px;
     color: #fff;
     background: #272727;
     font-size: 12px;
     border-radius: 6px;
 }
 
 .TAGS a:hover {
     background: #666
 }
 
 .ARAMA {
     padding: 60px 0px;
     background: #f2f2f2
 }
 
 .ARAMA .IN {
     max-width: 1200px;
     margin: 0 auto;
     position: relative;
 }
 
 .SONUCLARI {
     padding: 60px 0px;
 }
 
 .SONUCLARI .IN {
     max-width: 1200px;
     margin: 0 auto;
     position: relative;
 }
 
 .SONUCLARI .IN .li {
     padding: 40px 0px;
 }
 
 .SONUCLARI .IN .li h2 {
     font-size: 18px;
     text-transform: uppercase;
 }
 
 .SONUCLARI .IN .li p {
     font-size: 14px;
 }
 
 .SONUCLARI .IN .li .item-btn {
     padding: 8px 10px;
     background: #272727;
     color: #fff;
     font-size: 14px;
     border-radius: 30px;
     margin-top: 15px;
     display: inline-block
 }
 
 .SONUCLARI .IN .li .item-content {}
 
 .container {
     max-width: 1300px;
     margin: 0 auto
 }
 
 @media screen and (max-width: 1400px) {
     .container {
         padding: 0px 10px
     }
 }

 .max-content { margin: 0px 50px;}
 
 .content {
 
    max-width: 1500px;
    margin: 0 auto;
}

 .content-2 { 
     padding-left: 50px;
     padding-right: 50px;
}

@media screen and (max-width: 1300px) {
    .content {
        padding: 0px 10px
    }
    .content-2 { 
        padding-left: 10px;
        padding-right: 10px;
   }


}
 
 .min-content {
     max-width: 650px;
     box-sizing: border-box
 }
 
 @media screen and (max-width: 1000px) {
     .min-content {
         max-width: 100%;
     }
 }
 
 .konumbar {
     color: #272727;
      
 }
 
 .minder {
     font-size: 14px;
 }
 
 .minder a {
     display: inline-block;
     padding: 10px 10px;
     color: #272727;
 }
 
 .minder a:first-child {
     font-weight: 700;
     color: #272727
 }
 
 ._table {
     background: #f5f5f5
 }
 
 .ust-tasarim {
     background: #254264;
     color: #fff;
 }
 
 .ust-tasarim p {
     display: inline-block;
     padding: 0px 15px;
     font-size: 13px
 }
 
 .ust-tasarim p i {}
 
 .ust-tasarim a {
     display: inline-block;
 }
 
 .ust-tasarim a i {
     padding: 0px 8px;
     color: #fff;
 }
 
 .odalistele {
     border-radius: 3px;
     padding: 10px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1)
 }
 
 .odalistele .listi {
     padding: 0px 0px;
     font-size: 16px;
     line-height: 36px;
 }
 
 .odalistele .listi i {
     padding: 0px 9px;
     line-height: 36px;
     color: #25c05f;
 }
 
 .ikonbar {
     
     text-align: center;
     padding: 40px 0px;
    
 }
 
 .ikonbar .li {
     display: inline-block;
     border-left: 1px solid rgba(255, 255, 255, 0.1);
     font-size: 13px;
  
     padding: 0px 20px;

 }
 
 .ikonbar .li i {
     font-size: 45px;
     padding: 15px 0px;
     width: 100%;
     color: var(--color-tema);
   
 }

 .ikonbar .li p {
    color:var(--color-tema);
   
 }
 
 
 .ikonbar .li:first-child {
     border-left: none;
 }
 .ikonbar h3 {
     font-size: 16px; font-weight: 600; letter-spacing: 1px;
     color: #555;
 } 
 .ikonbar p  {
     font-size: 13px; font-weight: 400; color: #999;
     
 }
 
 

 .liste-2a { position: relative; overflow: hidden}
 .liste-2a .text { position:absolute ; left:0; top:0; width: 100%; height: 100%;  display: flex; align-items: center; align-content: center; transition: .5s;}
 .liste-2a .text > div { width: 100%; text-align: center; position: relative; z-index:1; font-size: 28px; font-weight: 300; color: #fff;}
 .liste-2a .text:after { display: table; position: absolute; content: ''; width: 100%; height: 100%; bottom: 0; left:0;   z-index:0;  background: rgb(0,0,0,0.5); }
 .liste-2a:hover .text { left: -100%; }






 .alt-ikonlar .cekin i {
     width:30px;
     text-align: center;
     color: #0AA830;
     font-size: 16px;
 }
 
 .belirt {
     display: inline-block;
     background: #0AA830;
     padding: 0px 8px;
     border-radius: 4px;
     color: #fff;
     font-weight: 400
 }
 
 .allow {
     background: #fff;
     box-shadow: 15px 15px 20px #f2f2f2;
     border: 1px solid #f2f2f2;
     color: #828282;
 }
 
 .butondiv {
     padding: 8px 20px;
     border-radius: 4px;
     background: #272727;
     color: #fff;
 }
 
 .butondiv:hover {
     background: #ccc
 }
 
 .page-sayfalama {
     padding: 35px
 }
 
 .page-sayfalama a {
     display: inline-block;
     line-height: 35px;
     color: #fff;
     background: #272727;
     width: 35px;
     height: 35px;
     border-radius: 4px;
     text-align: center;
 }
 
 .page-sayfalama .aktif {
     background: #152d47;
 }
 
 .icerik-yok {
     background: #FFECD7;
     color: #272727;
     padding: 30px;
     text-align: center;
     border-radius: 9px;
 }
 
 .menu-bar-2 {
     background: #272727;
 }
 
 .ikon-menu img {
     width: 55px;
 }
 
 .ikon-menu .colon {
     color: #fff;
 }
 
 .ikon-menu .colon a {
     font-weight: 600;
     letter-spacing: 1px;
 }
 
 .ikon-menu .colon:hover {
     background: rgba(0, 0, 0, 0.1)
 }
 
 .menu-bar {
     background: #272727;
 }
 
 .mini-box-1 .img-kare {
     border-radius: 4px;
     position: relative;
 }
 
 .mini-box-1 .img-kare:after {
     display: inline-table;
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     bottom: 0px;
     background: rgb(255, 255, 255);
     background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 72%);
 }
 
 .mini-box-1 .title {
     padding: 10px 0px;
     font-size: 22px;
     color: #272727;
 }
 
 .mini-box-2 {
     text-align: center;
     padding-bottom: 50px;
 }
 
 .mini-box-2 .img-kare {
     border-radius: 200px;
     width: 170px;
     height: 170px;
     padding: 0px;
     box-shadow: 9px 9px 30px rgba(0, 0, 0, 0.1)
 }
 
 .mini-box-2 .img-kare:after {
     display: inline-table;
     content: '';
     position: absolute;
     top: 0px;
     left: 0px;
     width: 50%;
     height: 100%;
     transition: 0.5s;
     background: rgb(26, 187, 155);
     background: linear-gradient(90deg, rgb(26, 187, 155) 25%, rgba(255, 255, 255, 0) 78%);
     opacity: 0.5
 }
 
 .mini-box-2:hover .img-kare:after {
     opacity: 1;
     width: 100%;
 }
 
 .mini-box-2 .title {
     padding: 6px 20px;
     font-size: 18px;
 }
 
 .mini-box-2 .ozet {
     padding: 2px 20px;
     font-size: 13px;
 }
 
 .dr-kutular {
     background: #254264;
     position: relative;
     z-index: 50;
 }
 
 .flex-h {
     display: flex;
     align-items: stretch;
     box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);
     -webkit-transform: translate(0px, -20px);
     -moz-transform: translate(0px, -20px);
     -o-transform: translate(0px, -20px);
     -ms-transform: translate(0px, -20px);
     transform: translate(0px, -20px);
 }
 
 .flex-h .colon {
     background: #00CCCC;
 }
 
 .flex-h .colon:nth-of-type(odd) {
     background-color: #ffffff;
 }
 
 .flex-h .colon:nth-of-type(even) {
     background-color: #fbfafa;
 }
 



 
 .acordion-2 {
     display: flex;
     align-items: center;
 }
 
 @media screen and (max-width: 1000px) {
     .acordion-2 {
         display: block;
         align-items: center;
     }
 }
 
 .full-kutu .img-cover {
     z-index: -1;
     position: absolute;
 }
 
 .a-buton-4 {
     display: inline-block;
     background: #fff;
     border-radius: 4px;
     color: #272727;
     line-height: 38px;
     padding: 0px 20px;
 }
 
 .mobil-menu-ikonu {
     position: fixed;
     top: 20px;
     right: 20px;
     z-index: 99900;
     color: #fff;
     padding: 5px;
     background: #000;
    
     box-shadow: 0px 10px 40px rgba(0,0,0,0.2);
     
 }
 
 .mobil-menu-ikonu i {
     font-size: 28px;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
 }
 
 .mobil-menu-ikonu:hover {
     cursor: pointer;
 }
 
 .mobil-kategori-ikonu {
     position: fixed;
     top: 10px;
     left: 10px;
     z-index: 900;
     background: #272727;
     color: #fff;
     padding: 10px;
 }
 
 .mobil-kategori-ikonu i {
     font-size: 24px
 }
 
 .mobil-kategori-ikonu:hover {
     cursor: pointer;
 }
 
 .yan-menu {
     position: fixed;
     width: 100%;
     height: 100%;
     overflow-y: auto;
     background:#031e57; 
     right: -100%;
     top: 0px;
     z-index: 99800;
     transition: 0.5s;
     box-sizing: border-box;
      display: flex; align-items: center; align-content: center;
 }
 
.yan-menu > div {  width: 100%; }
 
 
 
 
 .yan-menu .mobil-menu a {
  
 }
 
 
 
 .yan-menu .DIL {
     padding-top: 50px
 }
 
 .yan-menu .DIL a {
     display: inline-block;
     padding: 5px;
 }
 
 .yan-menu .DIL .acdil {
     font-weight: 800;
 }
 
 
 
 .yan-menu  .menu_item {
     display: block;
     position: relative;
 
     vertical-align: middle;
 }
 
 .yan-menu .menu_selection {
     margin: 0;
     width: 100%;
     display: none;
     z-index: 1;
     color: #272727;
 }
 
 .yan-menu .menu_selection li {}
 
 .yan-menu .menu_top_nav a {
     color: #fff;
     line-height: 40px;
     font-size: 22px;
   
     display: table;
     width: 100%;
 }
 
 .yan-menu .menu_top_nav a:hover { }
 
 .yan-menu .menu_top_nav i {
     line-height: 30px;
     width: 20px;
     text-align: center;
     font-size: 16px;
 }
 
 .yan-menu .sub-menu {
     width: 100%;  
 }
 
 .yan-menu .sub-menu .menu_top_nav {
     width: 100%;
     box-sizing: border-box;
     padding: 0px 10px;
 }
 
 .border-1 {
     border: 1px solid #f2f2f2;
 }
 
 .sol-menu {}
 
 .sol-menu a {
     line-height: 40px;
     color: #272727
 }
 
 


 .ff-text .max-700 { padding: 50px; }
 .ff-text img { border-radius: 10px;}
 @media screen and (max-width: 1000px) {
  .ff-text .max-700 { padding: 0px; }
}


 
 /***animation: gradient 15s ease infinite; background-size: 400% 400%;***/
 @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.bg-none { background: none; background-color: #0076ae;}

 
 .black-bg {}
 
 .bg-mavi {
     background-color: #228ae6 !important;
 }
 



 
 
 
 .WP-NEW {
     position: fixed;
     z-index: 2000;
     background: #031e57;
     color: #fff;
     width: 50px;
     font-size: 28px;
     text-align: center;
 }
 
 .WP-NEW i {
     line-height: 50px;
     width: 100%;
     border-radius: 40px;
 }
 
 .WP-NEW>i:hover {
     cursor: pointer;
     background: #272727
 }
 
 .ikon-buton {
     position: absolute;
     bottom: 50px;
     width: 100%;
     display: none
 }
 
 .ikon-buton i {
     width: 100%;
     border-radius: 40px;
     margin-bottom: 9px
 }
 
 .ikon-buton .i-1 {
     background: #49e670;
 }
 
 .ikon-buton .i-2 {
     background: #03e78b;
 }
 .ikon-buton .i-3 {
     background: #03e78b;
 }

 
 
 .ikon-buton i:hover {
     background: #272727;
     cursor: pointer
 }
 
 
 
 @media screen and (max-width: 1000px) {
     .BAR {
         display: none;
     }
     .PH-FIX,
     .WP-FIX,
     .MENU-M,
 
     /**:first-child {  color: lime;} **/
 }
 
 @media screen and (max-width: 1400px) {}
 
 .IMG-BANNER {
     background: #2355a1;
     color: #fff;
 }
 
 .IMG-BANNER>div {
     padding: 10px 0px;
 }
 
 .IMG-BANNER>div i {
     line-height: 40px;
     width: 100%;
     font-size: 30px;
 }
 
 .tepe-arama {
     position: relative;
     z-index: 0;
 }
 
 .tepe-arama button {
     position: absolute;
     font-size: 20px;
     top: 10px;
     right: 10px;
     background: none;
     outline: none;
     border: none
 }
 
 .tepe-arama button:hover {
     cursor: pointer;
     color: #ccc;
 }
 
 .DARSLIDER {
     position: relative;
     z-index: 0;
 }
 .anasayfa .DARSLIDER .li:after {
    width: 100%;
    height: 50%;
   
  
    position: absolute;
    content: '';
    display: table;
    left:0;
    top:0;
    background: rgb(228,242,255);
    background: linear-gradient(0deg, rgba(228,242,255,0) 0%, rgba(0,0,0,0.5) 84%);
  
} 


 .DARSLIDER .owl-dots {
     display: block;
     position: absolute;
     width: 100%;
     bottom: 10px;
     left: 0px;
     text-align: center;
     z-index: 9999;  
 }
 
 .DARSLIDER .owl-dots .owl-dot {
     display: inline-block;
     width: 30px;
     height: 10px;
    
     margin: 2px;
     border-radius: 100px;
     background: #fff;
     opacity: 0.3;
 }
 
 .DARSLIDER .owl-dots .active {
     opacity: 1;
 }
 
 .DARSLIDER .li {
     position: relative;
     z-index: 1
 }
 
 .DARSLIDER .li .text a {
     display: inline-block;
     color: #fff;
     background: #031e57;
   
     padding: 9px 25px;
     margin-top: 15px;
     margin-right: 9px;
     border-radius: 6px;
     letter-spacing: 1px;
     font-size: 13px;
     font-weight: 600;
 }
 
 .DARSLIDER .li .text a:hover {
     opacity: 0.5
 }
 
 .DARSLIDER .li .text>div {
     box-sizing: border-box;
     width: 90%;
     margin: 0 auto;
 }


 .DARSLIDER video {
     width: 100%;
     height: 100%;
     position: absolute;
     left:0; top:0; background: #004A93;
     object-fit: cover;
     z-index: -1;
 
 }
 




 .DARSLIDER .li .text h2 {
     opacity: 0;
     padding: 0px 0px;
     font-weight: 100;
 
     font-size:36px
 }
 
 .DARSLIDER .li .text p {
     font-size: 16px;
     font-weight: 200;
     opacity: 0;
     padding: 0px 0px;
 }
 

 @media screen and (max-width: 1000px) {
  .DARSLIDER .li .text h2 {
     font-size: 22px;
    }
  .DARSLIDER .li .text p {
     font-size: 16px;
    }
  .DARSLIDER .li .text br {
     display: none;
    }
    

    
}


 .DARSLIDER .li .text img {
     left: auto;
     top: auto;
     right: auto;
     display: inline-block;
 }
 
 .DARSLIDER .text {
     position: absolute;
     bottom: 0px;
     z-index: 5;
     box-sizing: border-box;
 
     width: 100%;
     height: 100%;
 }

 .all-bounce { position:absolute; width: 100px; height: 100px; bottom: 50px; right: 0px; z-index: 3; text-align: center; margin-left: -50px; margin-top: -50px; }
.all-bounce .box  { width:80px; height: 90px; position: relative; display: inline-block; }
.all-bounce .box  .box-fx {   text-align: center;   background-color: #fff; transform-origin: center; border-radius: 500px; z-index: 60; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top:-30px; } 
.all-bounce .box  .box-fx i { line-height: 60px; font-size: 30px; color: #fff; font-weight: normal }
.all-bounce .box  .box-1 { animation-duration: 1s; animation-iteration-count: infinite; background-color: #fff; transform-origin: center; border-radius: 500px; z-index: 20;  width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; margin-left: 0; margin-top: 0; }
.all-bounce .box  .box-2 { animation-duration: 2s; animation-iteration-count: infinite; background-color: #fff; transform-origin: center; border-radius: 500px; z-index: 30;  width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; margin-left: 0; margin-top: 0; }
.all-bounce .box  .bounce-2 {  animation-name: bounce-2; animation-timing-function: ease; }
@keyframes bounce-2 {
        0%   {  width: 0px ; height: 0px;  }
   
        80%  {  width: 200px ; height: 200px; margin-left: -100px; margin-top:-100px;  }
        100% {  opacity: 0}
}

 
 .DARSLIDER .text-ust {
     display: flex;
     flex-direction: column;
     justify-content: flex-start
 }
 
 .DARSLIDER .text-orta {
     display: flex;
     flex-direction: column;
     justify-content: center
 }
 
 .DARSLIDER .text-alt {
     display: flex;
     flex-direction: column;
     justify-content: flex-end
 }
 
 .DARSLIDER .ekrana {
     height: 100vh;
     object-fit: cover;
 }
 
 .DARSLIDER .ekrana img {
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 0;
     object-fit: cover;
 }
 
 .DARSLIDER .active .text h2:nth-of-type(1) {
     animation-duration: 1s;
     animation-iteration-count: 1;
     animation-name: data-1;
     animation-timing-function: ease;
     animation-fill-mode: both;
 }
 
 .DARSLIDER .active .text h2:nth-of-type(2) {
     animation-duration: 3s;
     animation-iteration-count: 1;
     animation-name: data-1;
     animation-timing-function: ease;
     animation-fill-mode: both;
 }
 
 .DARSLIDER .active .text h2:nth-of-type(3) {
     animation-duration: 5s;
     animation-iteration-count: 1;
     animation-name: data-1;
     animation-timing-function: ease;
     animation-fill-mode: both;
 }



  .DARSLIDER .slider-met {       text-align: center; position: absolute; width: 100%; height: 100%; right: 0; top:0; display: flex; align-items: center; align-content: center; }
 .DARSLIDER .slider-met > row { display: inline-block; width: 100%; padding: 30px; box-sizing: border-box;   }
 .DARSLIDER .slider-met ul { margin: 0; padding: 0 ;  }
 .DARSLIDER .slider-met ul li { display: inline-block; padding: 30px; font-size: 18px; list-style: 30px;  }
  .DARSLIDER .slider-met ul li i { font-size: 20px; display: inline-block; width: 30px; height: 30px; border: 1px solid #fff; line-height: 30px; text-align: center; border-radius: 30px; }
  .DARSLIDER .slider-met ul  {
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-name: data-2;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.DARSLIDER .active .slider-met ul {
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-name: data-1;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

 
 .DARSLIDER .active .text p {
     animation-duration: 2s;
     animation-iteration-count: 1;
     animation-name: data-2;
     animation-timing-function: ease;
     animation-fill-mode: both;
 }
 

.DARSLIDER .owl-nav {
    position: absolute;
    width: 100%;
    bottom:50%;
    height: 1px;
    left: 0px;
    text-align: center;
    z-index: 9999;
    display:block;
}
.DARSLIDER .owl-carousel .owl-prev {
    position: absolute;
    left: 20px;
    bottom: 0%;
}

.DARSLIDER .owl-carousel .owl-next {
    position: absolute;
    right: 20px;
    bottom: 0%;
}

.DARSLIDER .owl-carousel .owl-nav i {
    display: inline-block;
    margin: 2px;
    color: #fff;
    font-size: 35px;
}

.DARSLIDER .mask { position: absolute; z-index:500 ; width: 100%;    bottom:0; }
.DARSLIDER .mask img { width: 100%; height: auto;}
.DARSLIDER .menuslider { position: absolute; width: 300px;    bottom:0; padding-bottom: 50px; right: calc((100% - 1500px) / 2); background:rgba(255,255,255,1);    backdrop-filter: blur(6px);
    filter: none; z-index: 1000; display: flex; align-items: center; box-shadow: 0px -30px 50px rgba(0, 0, 0, 0.1); display: none;}
.DARSLIDER .menuslider  > div { width: 100%; }
.DARSLIDER .menuslider a {display: inline-block; width: 100%; padding: 7px 15px; color: #031e57; transition: 0.5s; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 13px; font-weight: 400; letter-spacing: -1px;}
.DARSLIDER .menuslider a:hover { background: #031e57; color: #fff; }
.DARSLIDER .menuslider a i { display: inline-block; padding-right: 20px;}

@media screen and (max-width: 1000px) {
 .DARSLIDER .mask {  display: none; }
}

.anasayfa .DARSLIDER:afterxxxxx { width: 100% ; height:30%; left: 0; top: 0; content: ''; display: inline-table; position: absolute; z-index: 100; background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 29%, rgba(52,133,117,0) 100%);}

 
    
.anasayfa .DARSLIDER  .owl-carousel { position: relative; z-index: 90;}




.en-bilgi-bar { background: #f5f5f5;  color:#000;}
.en-bilgi-bar ul { margin: 0; padding:10px 0px ; float: right; margin: 0;  }
.en-bilgi-bar ul li { display: inline-block;  font-size: 13px;   padding-left: 55px;  position: relative;   }
.en-bilgi-bar ul li i { font-size: 20px; display: inline-block; width: 40px; height: 40px; line-height: 40px;  position: absolute; left:5px; top:0px; background: #031e57; color: #fff;  text-align: center; border-radius: 30px; }
.en-bilgi-bar ul li strong { display: inline-block; width: 100%; font-weight: 600; }

.logo-1 { position: relative; z-index: 0; }
.logo-1 .image { position: relative ; z-index: 0; filter: grayscale(100%); }
.logo-1:after  { content: ''; display: inline-table; position: absolute; z-index: 100; width: 100%; height: 100%; left:0; top:0; background: rgb(52,133,117);
    background: radial-gradient(circle, rgba(52,133,117,0) 34%, rgba(0,0,0,0.2) 100%); transition: .5s;}
.logo-1:hover:after { opacity: 0; }
.rand_efek .active:after { opacity: 0; }
.logo-1:hover .image { filter: grayscale(0%); }
.rand_efek .active .image {  filter: grayscale(0%); } 
 

 .w-content {
     padding: 0px 6%;
 }
 
 .home-slider {
     padding: 0px 6%;
 }
 
 .home-slider .DARSLIDER {
     border-radius: 8px;
     overflow: hidden;
 }
 
 .form-bg {
     background: #eef3fb;
     border-radius: 8px;
     overflow: hidden;
 }
 
 ._tablo {}
 
 .paket-header {
     border: 1px solid #ccc;
     border-left: none;
     padding: 4px;
     border-bottom: none;
 }
 
 .paket-header:first-child {
     border-left: 1px solid #ccc;
     border-top-left-radius: 8px;
 }
 
 .paket-header:last-child {
     border-top-right-radius: 8px;
 }
 
 .paket-header a {
     display: inline-block;
     background: var(--color);
     color: #fff;
     padding: 4px 10px;
     border-radius: 60px;
     font-size: 12px;
 }
 
 .paket-header a:hover {
     background: #0076ae;
 }
 
 .paket-header span {
     display: inline-block;
     padding: 4px 6px;
     width: 100%;
     box-sizing: border-box;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
 }
 
 .paket-baslik {
     background: #eef3fb;
     font-size: 14px;
     padding: 10px;
     border: 1px solid #ddd;
     font-weight: 600;
     
 }
 
 .paket-icerik {
     padding: 10px;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
 }
 
 .paket_s_baslik {
     font-size: 14px;
     letter-spacing: -0.5px;
 }
 
 .paket_s_icerik {
     font-size: 12px;
     color: #888;
 }
 
 .yesil-ch {
     color: #11c96c;
 }
 
 .kirmizi-ch {
     color: #cc1616;
 }
 
 .turuncu-ch {
     color: #f5b812;
 }
 
 .tr-bottom {
     border-bottom: 1px solid #ddd;
 }
 
 .fake-tablo {
     border-right: 1px solid #ddd;
 }
 
 .align-items-s {
     display: flex;
     align-items: stretch;
     align-content: stretch;
 }
 
 .align-items-s>div {
     width: 100%;
 }
 
 .align-items-c {
     display: flex;
     align-items: center
 }
 
 .align-items-c>div {
     width: 100%;
 }
 
 .flex-content-2 {
     display: flex;
     align-content: stretch;
     align-items: center;
 }
 
 .flex-content-2>div {
     width: 100%;
 }
 
 .tab_text h2 {
     font-weight: 300;
     font-size: 29px;
     padding-bottom: 15px;
 }
 
 .tab_text p {
     color: #888
 }
 
 .ikon-box {
     border: 1px solid #eee;
     border-radius: 6px; background: #fff;
 }
 
 .ikon-box img {
     width: 100px;
     height: 100px;
 }
 
 .ikon-box p {
     padding-top: 10px;
     font-size: 13px;
     line-height: 17px;
 }
 
 .ikon-box:hover {
     cursor: pointer;
 }
 
 
 .aktif-tab { box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1); } 

 










 .test-1 {
     background-color: crimson;
 }
 
 .test-2 {
     background-color: rgb(6, 250, 238);
 }
 
 .CAROUSEL { width: 100%; overflow: hidden;}
 
 .CAROUSEL .owl-nav {
     position: absolute;
     left: 0px;
     bottom: 0px;
     right: 0;
     text-align: center;
     z-index: 9999;
     display: block
 }
 
 .CAROUSEL .owl-nav i {
     padding: 10px;
     color: #272727;
  
     margin: 0px;
     font-size: 18px;
 }
 
 .CAROUSEL .owl-dots {
     display: block;
     position: absolute;
     width: 100%;
     bottom: -10px;
     left: 0px;
     text-align: center;
     z-index: 9999;
     display: none;
 }
 
 .CAROUSEL .owl-dots .owl-dot {
     display: inline-block;
     width: 12px;
     height: 12px;
     border: 1px solid #272727;
     margin: 2px;
     border-radius: 100px
 }
 
 .CAROUSEL .owl-dots .active {
     background: #272727;
 }
 
 .YORUMCS {}
 
 .YORUMCS .owl-nav {
     position: absolute;
     width: 100%;
     bottom: 10px;
     right: 0;
     text-align: center;
     z-index: 9999;
     display: none
 }
 
 .YORUMCS .owl-nav i {
     padding: 10px;
     color: #272727;
     background: #fff;
     margin: 0px
 }
 
 .YORUMCS .owl-dots {
     display: block;
     position: absolute;
     width: 100%;
     bottom: -30px;
     left: 0px;
     text-align: center;
     z-index: 9999;
 }
 
 .YORUMCS .owl-dots .owl-dot {
     display: inline-block;
     width: 6px;
     height: 6px;
     border: 1px solid #272727;
     margin: 2px;
     border-radius: 100px
 }
 
 .YORUMCS .owl-dots .active {
     background: #272727;
 }
 
 .yorum-post .yorum-user {
     font-size: 16px;
     color: #666;
 }
 
 .yorum-post .yorum-klinik-2 {
     color: #1aba9a;
 }
 
 .yorum-post .yorum-text {
     font-size: 15px;
     line-height: 33px;
     color: #909090;
 }
 
 .yorum-post .yorum-tarih {
     color: #909090;
 }
 
 .yorum-post .yorum-tarih i {
     color: #1aba9a;
     padding-left: 30px
 }
 
 @keyframes data-1 {
     0% {
         transform: translate(0px, -50px);
         opacity: 0
     }
     100% {
         transform: translate(0px, 0px);
         opacity: 1
     }
 }
 
 @keyframes data-2 {
     0% {
         transform: translate(0, 100px);
         opacity: 0
     }
     100% {
         transform: translate(0px, 0px);
         opacity: 1
     }
 }
 
 .instagram-content {
     padding: 20px 0px
 }
 
 .gliste {}
 
 .gliste .li {
     line-height: 40px;
     background: #fff;
     padding: 0px 15px;
     margin-bottom: 9px;
 }
 
 .gliste .li i {
     float: right;
     line-height: 40px;
 }
 
 .gliste .li:hover {
     background: #f6f6f6
 }
 
 .K-HOME {}
 
 .K-HOME .li {}
 
 .K-HOME .li .baslik {
     font-size: 13px;
     padding: 15px 10px;
 }
 
 .K-HOME .li .baslik:hover {
     background: #272727;
     color: #fff;
 }
 
 @media screen and (max-width: 1000px) {
     .K-HOME {
         display: none
     }
 }
 
 .text-box h2 {
     font-weight: 400;
 }
 
 .text-box p {
     padding-top: 4px;
 }
 
 .form-kapsa {
     background-color: #004e9c;
 }
 
 .liste-4 {
     background: #f2f2f2;
     text-align: center;
     padding: 30px 20px;
     position: relative;
 }
 .liste-4 img { position:absolute; width: 100%; height: 100%; left:0; top:0; z-index: 0; object-fit: cover; opacity: 0.1;
    filter: grayscale(100%); transition: 0.5s;
  
 } 
 
 
 .liste-4 p {
     font-size: 18px;    
     font-weight: 600;
     letter-spacing: 0.5px;
     color: #031e57;
 }
 
 
 .liste-4:hover img  {
       filter: grayscale(0%);
       opacity: 1;
       z-index: 30;
 } 
 
 .liste-5 {  box-shadow: 10px 20px 40px rgba(0,0,0,0.1); transition: 0.5s;}
 .liste-5:hover {box-shadow: 10px 20px 40px rgba(0,0,0,0.3); }

 
 .liste-5 .text h3 {
     line-height: 19px;
     font-size: 25px;
     font-weight: 600;
     padding-bottom: 30px;
     color: var(--color);
 }
 
 .liste-5 .text p {
     line-height: 29px;
     font-size: 14px;
 }
 
 .liste-6 img { border-radius: 6px;}
 
 .liste-6 .text h3 {
     line-height: 25px;
     font-size: 17px;
     font-weight: 600;
 
 }
 
 .liste-6 .text p {
     line-height: 25px;
     font-size: 13px;
 }




 .renkli-1 {
     background: #fff;
     border-radius: 20px;
     box-shadow: -10px 10px 30px rgba(220, 232, 244, 1);
     overflow: hidden;
     text-align: center;
     padding: 50px 0px
 }
 
 .renkli-1 img {
     width: 150px;
 }
 
 .renkli-1 .text h2 {
     color: #7c8a96;
     font-size: 18px;
 }
 
 .renkli-1 .text p {
     color: #7c8a96;
     font-size: 15px;
     line-height: 22px
 }
 
 .serbest-form {
     max-width: 450px;
     position: absolute;
     left: 50%;
     top: 120px;
     border-radius: 20px;
     background: #fff;
     padding: 40px;
     box-shadow: -10px 10px 30px rgba(220, 232, 244, 1);
 }
 
 .div-buton {
     line-height: 50px;
     display: inline-block;
     border-radius: 50px;
     padding: 0px 20px;
     min-width: 240px;
     background: #272727;
     color: #fff;
     border: none;
     outline: none;
 }
 
 .div-buton:hover {
     background: #004A93;
     cursor: pointer;
 }
 
 .a-buton {
     display: inline-block;
     color: #272727;
     border: 1px solid #272727;
     text-align: center;
     width: 100%;
     box-sizing: border-box;
     line-height: 40px;
 }
 
 .a-buton i {
     margin-right: 6px
 }
 
 .a-buton:hover {
     cursor: pointer;
     background: #f2f2f2
 }
 
 .a-buton-2 {
     line-height: 30px;
     display: inline-block;
     padding: 0px 0px;
     color: #71B62C;
     border: none;
     outline: none;
     font-size: 15px;
     text-decoration: underline;
 }
 
 .a-buton-2:hover {
     color: #004A93;
     cursor: pointer;
 }
 
 .a-buton-3 {
     display: inline-block;
     color: #fff;
     text-align: center;
     width: 100%;
     box-sizing: border-box;
     line-height: 40px;
     background: #0dc143;
 }
 
 .a-buton-3 i {
     margin-right: 6px
 }
 
 .a-buton-3:hover {
     cursor: pointer;
     background: #272727
 }
 
 .div-buton-tam {
     line-height: 50px;
     padding: 0px 0px;
     background: #272727;
     color: #fff;
     border: none;
     outline: none;
     text-align: center;
     box-sizing: border-box;
     width: 100%;
     margin: 0px
 }
 
 .div-buton-tam:hover {
     background: #404040;
     cursor: pointer;
 }
 
 .div-buton-tam-2 {
     padding: 0px 25px;
     background: #C41114;
     color: #fff;
     border: none;
     outline: none;
     text-align: center;
     box-sizing: border-box;
     margin: 0px;
     display: inline-block;
 }
 
 .div-buton-tam-2:hover {
     background: #272727;
     cursor: pointer;
 }
 
 .lg-menu-sol {
    position: relative;
    z-index: 2000;
}
 .lg-menu-sol h3 { font-size: 18px; padding-left: 30px; padding-bottom: 20px;
}
.lg-menu-sol a {
    display: inline-table;
    width: 100%;
    padding: 8px 0px 8px 30px;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
 
 
}

 
.lg-menu-sol a i {
    color:#031e57;
    position: absolute;
    left: 0px;
    bottom:  14px;
}

.lg-menu-sol a:hover i {
    color: #272727;
}

.lg-menu-sol a:hover {
   
}

.lg-menu-sol h2 {}

.lg-menu-sol .lb {
    font-size: 13px;
    opacity: 0.3;
}

 
 
 
 .rev-img {
     border: 1px solid rgba(0, 0, 0, 0.1)
 }
 
 * {
     box-sizing: border-box;
 }
 
 .kapakvar {
     width: 100%;
     position: relative;
     z-index: -1;
 }
 
 .kapakvar img {
     width: 100%;
 }
 
 .kapakvar-fix {
     width: 100%;
     position: absolute;
     z-index: -1;
 }
 
 .kapakvar-fix img {
     width: 100%;
 }
 
 .kapakvar-min img {
     height: 110px;
     object-fit: cover;
 }
 
 .TXT-HEADER {
     background: #f2f2f2;
     height: 250px;
     position: relative;
     z-index: 0;
     overflow: hidden;
 }
 
 .TXT-HEADER .opafont {
     position: absolute;
     left: 0;
     top: 0;
     font-weight: 800;
     font-size: 250px;
     color: #8E8E8E;
     opacity: 0.2
 }
 
 .TXT-HEADER .content {
     position: relative;
     z-index: 10;
 }
 
 .megan-lg {}
 

  .liste-9  {    }
 
 .liste-9 a { color: #999; padding: 5px 0px;; font-size: 13px; border-bottom: 1px solid #ccc; display: inline-block; width: 100%; box-sizing: border-box;}
  .liste-9 a:hover { color:#031e57 ; }
  .liste-9 img { border-radius: 6px; }
  .liste-9 h3 { color:#031e57 ;}



  
 .fullkutu {
     background: #f2f2f2
 }
 
 .fullkutu a {
     display: inline-block;
     padding: 8px 15px;
     margin-top: 15px;
     border-radius: 6px;
     color: #fff;
     background: var(--color);
 }
 
 .fullkutu a:hover {
     background: #272727;
     color: #fff;
 }


 .urunler-content {}
 
 .urun {
     position: relative;
     z-index: 0;
 
   color: #183d65;
 
     transition: 0.5s;
     padding: 30px;
   
     margin: 10px;
 
   
 }
 
 .urun .isim {
     font-size: 13px;
     padding: 6px 0px;
     font-weight: 600;

     
 }
 
 .urun .text {
     padding: 10px 0px;
     position: relative;
     z-index: 1;
   
 }
 
 
 
 .urun .buton {
     line-height: 35px;
     font-size: 14px;
     padding: 0px 15px;
     display: inline-block;
     border-radius: 6px;
     margin-top: 8px;
     background: rgb(103, 0, 1);
     background: linear-gradient(346deg, rgba(103, 0, 1, 1) 0%, rgba(237, 20, 20, 1) 100%);
     color: #fff;
 }
 
 .urun:hover .buton {
     background: #272727;
     color: #fff;
 }
 
 .urun .kategori {
     font-size: 13px;
     font-weight: 400;
     letter-spacing: 1px;
     
 }
 
 .urun .img-kare {
     
 
     
 }
 
 
 
 
 .urun .fiyat {
     padding: 9px 0px
 }
 
 .urun .ciz {
     color: #888
 }
 
 .urun .ikonlar {
     position: absolute;
     bottom: 10px;
     right: 0px;
     z-index: 15;
     width: 35px;
 }
 
 .urun .ikonlar i {
     display: inline-block;
     line-height: 35px;
     width: 35px;
     background: #2cbdb0;
     color: #fff;
     font-size: 18px;
     text-align: center;
     border-radius: 50px
 }
 
 .urun .img-hd {
     border-bottom: 1px solid #e6e6e6
 }
 
 .urun .image_1 {
     z-index: 10;
 }
 
 .urun .image_2 {
     z-index: 5;
 }
 
 .urun:hover .image_2 {
     z-index: 15
 }
 
 .urun .miniindirim {
     position: absolute;
     z-index: 60;
     top: 10px;
     left: 10px;
     padding: 3px;
     color: #fff;
     background: #d52929;
     text-align: center;
 }
 
 .urun .miniindirim .lg-1 {
     font-size: 18px;
     font-weight: 600;
 }
 
 .urun .miniindirim .lg-2 {
     font-size: 11px;
 }
 
 .urun .yeni {
     position: absolute;
     z-index: 60;
     top: 10px;
     right: 10px;
     padding: 3px;
     color: #fff;
     background: #d52929;
     text-align: center;
     font-size: 11px;
 }
 
 .yenisezon .yeni {
     display: inline-block;
     padding: 3px;
     color: #fff;
     background: #d52929;
     text-align: center;
     font-size: 11px;
 }
 
 .yenisezon strong {
     color: #006ab5;
 }
 
 .alt-bar {
     background: #272727;
     height: 70px;
 }
 
 .ALT-BANNER {}
 
 .ALT-BANNER .IN li {
     width: calc(100% / 2 - 10px);
     float: left;
     padding: 10px 10px;
     margin: 5px;
 }
 
 .ALT-BANNER .IN li img {
     width: 100%;
     height: 150px;
     object-fit: cover;
 }
 
 .ALT-BANNER .IN li h2 {
     font-size: 16px;
     padding: 4px 0px
 }
 
 @media screen and (max-width: 1000px) {
     .ALT-BANNER .IN li {
         width: calc(100% / 1 - 0px);
         float: left;
         padding: 10px 0px;
         margin: 0px;
     }
     .ALT-BANNER .IN li img {
         width: 100%;
         height: 190px;
     }
 }
 
 .GALERI-img {
     padding: 15px;
 }
 
 .GALERI-img .img-li {
     width: calc(100% / 4);
     float: left;
     padding: 10px;
 }
 
 .GALERI-img .img-li img {
     width: 100%;
     height: 200px;
     object-fit: cover
 }
 
 .GALERI-img .img-li:hover {
     cursor: pointer
 }
 
 @media screen and (max-width: 1000px) {
     .GALERI-img .img-li {
         width: calc(100% / 1);
     }
 }
 
 .no-border {
     border: none !important;
 }
 
 .li-table {
     padding: 30px 0px
 }
 
 .li-table .li-tr {}
 
 .li-table .li-tr .li-td {
     padding: 8px 0px;
 }
 
 .li-table .li-tr .li-td span {
     color: #DD0306
 }
 
 .li-table .li-tr .fiyat {
     font-size: 38px;
 }
 
 .profil-kart {
     background: #fff;
     border-radius: 10px;
     box-shadow: -10px 10px 30px rgba(220, 232, 244, 1);
     overflow: hidden;
     text-align: center;
 }
 
 .randevu {
     position: relative;
     z-index: 0;
     overflow: hidden;
     background: rgb(37, 66, 100);
     background: linear-gradient(90deg, rgba(37, 66, 100, 1) 50%, rgb(245, 245, 245) 50%);
 }
 
 .form-st-1 .form_text {
     box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
     height: 45px;
     padding: 0px 20px;
     border: 1px solid #f2f2f2;
     border-radius: 6px;
     font-weight: 400;
 }
 
 .form-st-1 .form_text:focus {
     background: #fff;
     box-shadow: 0px 0px 30px rgba(7, 236, 156, 0.4);
 }
 
 .form-st-1 .form_select {
     box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
     height: 45px;
     padding: 0px 20px;
     border: 1px solid #f2f2f2;
     border-radius: 6px;
     font-weight: 400;
 }
 
 .form-st-1 .form_select:focus {
     background: #fff;
     box-shadow: 0px 0px 30px rgba(7, 236, 156, 0.4);
 }
 
 .form-st-1 .form_textarea {
     box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
     height: 95px;
     padding: 20px 20px;
     border: 1px solid #f2f2f2;
     border-radius: 6px;
     font-weight: 400;
 }
 
 .form-st-1 .form_textarea:focus {
     background: #fff;
     box-shadow: 0px 0px 30px rgba(7, 236, 156, 0.4);
 }
 
 .form-st-1 .btn {
     height: 45px;
     box-sizing: border-box;
     line-height: 45px;
     border: none
 }
 
 .form-st-1 .label {
     height: 35px;
     line-height: 35px;
     color: #272727;
     font-weight: 400;
     font-size: 14px;
 }
 
 .buton-grup .btn-tema {
     background: #031e57;
     color: #fff;
     
 }
 
 .buton-grup .btn-tema:hover {
     background: #272727;
     color:#fff;
 }
 
 .buton-grup .btn-tema-border {
     border: 1px solid #272727;
     color: #272727;
 }
 
 .buton-grup .btn-tema-border:hover {
     background: #272727;
     color: #fff;
 }
 
 .buton-grup .btn-tema-color {
     color: #272727;
 }
 
 .buton-grup .btn-tema-color:hover {
     background: #313131;
     color: #fff;
 }
 
 ul.ACILIRTAB {
     padding: 20px 0px
 }
 
 ul.ACILIRTAB li {
     margin-bottom: 15px;
     position: relative;
 }
 
 ul.ACILIRTAB li i {
     position: absolute;
     right: 25px;
     top: 25px;
     font-size: 28px;
 }
 
 ul.ACILIRTAB li h2:hover {
     cursor: pointer;
 }
 
 ul.ACILIRTAB li h2 {
     padding: 0px;
     margin: 0;
     color: #494949;
     font-size: 20px;
 }
 
 ul.ACILIRTAB li .li {
     color: #777;
     padding: 30px 0px;
     display: none;
 }
 
 ul.ACILIRTAB li .li p {
     line-height: 30px;
 }
 
 ul.ACILIRTAB li:first-child .li {}
 
 ul.ACILIRTAB .active .li {
     display: block;
 }
 
 @media screen and (max-width: 1000px) {
     ul.ACILIRTAB li h2 {
         padding: 0px 40px 0px 0px;
         margin: 0;
         color: #494949;
         font-size: 18px
     }
 }
 
 .UYELIK {
     padding: 0px 0px;
     position: relative;
 }
 
 .UYELIK .IN {
     max-width: 1200px;
     margin: 0 auto;
     padding: 100px 0px;
     background: #fff
 }
 
 .UYELIK .UYEFORM {
     max-width: 500px;
     margin: 0px auto;
     min-height: 500px
 }
 
 .shadow-2 {
     box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1)
 }
 
 .lg-blog {
     position: relative;
     z-index: 0;
     overflow: hidden;
     background: #f5f5f5;
 }
 
 .lg-blog h3 {
     font-size: 15px;
     padding: 0px 0px 0px 0px;
     margin: 0px;
     color: #ccc;
     font-weight: 400;
 }
 
 .lg-blog h2 {
     font-size: 16px;
     padding: 0px 0px 0px 0px;
     margin: 0px;
     color: #666;
     font-weight: 400;
 }
 
 .lg-blog p {
     font-size: 14px;
     padding: 0px 0px;
     color: #404040;
     margin: 0px;
     opacity: 0.5;
 }
 
 .lg-blog .ikon {
     position: absolute;
     right: -26px;
     top: 50%;
     margin-top: -30px;
     box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
     transition: .5s;
     color: #fff;
     background: var(--color);
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     border-radius: 60px;
 }
 
 .lg-blog:hover .ikon {
     right: 10px;
 }
 
 .lg-blog a {
     display: inline-block;
     padding: 6px 15px;
     border-radius: 4px;
     background: var(--color);
     color: #fff;
 }
 
 .blog-content {
     background: #fff;
     margin-left: 400px;
     box-shadow: -10px 10px 30px rgba(220, 232, 244, 1);
     border-radius: 10px
 }
 
 @media screen and (max-width: 1000px) {
     .blog-content {
         background: #fff;
         margin-left: 0px;
         box-shadow: -10px 10px 30px rgba(220, 232, 244, 0);
         border-radius: 10px
     }
 }
 
 .blog-post {
     position: relative;
     z-index: 0;
 }
 
 .content-relative {
     position: relative;
     z-index: 10;
 }
 
 .bg-beyaz {
     background: #fff;
 }
 
 .li-tab {
     text-align: center
 }
 
 .li-tab .li {
     padding: 10px 20px;
     display: inline-block;
     color: #272727;
     border-bottom: 5px solid #f6f6f6;
 }
 
 .li-tab .li i {
     padding-right: 8px
 }
 
 .li-tab .aktif {
     border-bottom: 5px solid #272727;
 }
 
 .li-tab .li:hover {
     cursor: pointer;
     border-bottom: 5px solid #ccc;
 }
 
 .li-tab-icerik {}
 
 @media screen and (max-width: 1000px) {
     .UYELIK .IN {
         width: 100%;
         padding: 40px 0px;
     }
     .li-tab-icerik {
         padding: 50px 0px
     }
     .UYELIK .BG {
         display: none
     }
     .li-tab .li {
         padding: 10px 20px;
         display: inline-block;
         width: 100%;
         color: #272727;
         border-bottom: 5px solid #f6f6f6;
         text-align: left;
     }
     .UYELIK .UYEFORM {
         max-width: 500px;
         margin: 0 auto;
         padding: 0px 30px
     }
     .li-tab {
         padding: 30px
     }
     .mb1 {
         width: 70% !important;
     }
     .mb2,
     .mb3 {
         display: none
     }
 }
 
 .li-tab-1 {}
 
 .li-tab-1 .li {
     padding: 20px 0px;
     float: left;
     color: #999;
     text-align: center;
     width: calc(100% / 3);
 }
 
 .li-tab-1 .li span {
     display: inline-block;
     width: 100%;
     font-size: 36px;
     font-weight: 800;
     padding-bottom: 10px;
 }
 
 .li-tab-1 .aktif {
     background: #fff;
     color: #272727
 }
 
 .li-tab-1 .li:hover {}
 
 .li-tab-1-icerik {
     padding: 50px;
     background: #fff;
 }
 
 .login-menu-design {
     border-right: 1px solid #f2f2f2;
 }
 
 .login-menu .btn {
     display: inline-block;
     width: 100%;
     line-height: 40px;
     padding: 0px 10px;
     color: #666;
     border-bottom: 1px solid #f2f2f2;
     position: relative;
 }
 
 .login-menu .btn i {
     position: absolute;
     right: 10px;
     top: 6px;
     font-size: 16px;
     border-radius: 60px;
     line-height: 30px;
     width: 30px;
     height: 30px;
     text-align: center;
     background: #f2f2f2
 }
 
 .login-menu .btn:hover {
     background: #f2f2f2;
 }
 
 .uye-info {
     padding: 30px 0px;
 }
 
 .uye-info img {
     width: 150px;
     height: 150px;
     border-radius: 600px;
 }
 
 .buton-grup .btn {
     display: inline-block;
     line-height: 40px;
     padding: 0px 12px;
     margin-bottom: 4px;
     border-radius: 4px;
     letter-spacing: 0px;
     border: none;
     outline: none;
     box-sizing: border-box;
 }
 
 .buton-grup .btn i {
     padding-right: 4px
 }
 
 .buton-grup .btn:hover {
     cursor: pointer
 }
 
 .buton-grup .btn-7 {
     background: var(--color);
     color: #fff;
 }
 
 .buton-grup .btn-7:hover {
     background: #272727;
 }
 
 .buton-grup .btn-7-border {
     border: 1px solid var(--color);
     color: var(--color);
 }
 
 .buton-grup .btn-7-border:hover {
     background: var(--color);
     color: #fff;
 }
 
 .buton-grup .btn-7-color {
     color: var(--color);
 }
 
 .buton-grup .btn-7-color:hover {
     background: var(--color);
     color: #fff;
 }
 
 ul.ultablist {
    list-style: none;
    padding: 60px 0px;
    max-width: 1200px;
    margin: 0 auto
}

ul.ultablist li {
    padding: 0px 0px;
    font-size: 16px;
}



.ul-tab     { border-bottom: 1px solid #f2f2f2; }
.ul-tab > .li { line-height: 35px; float: left; border-bottom: 5px solid #fff; margin-right: 5px; padding: 0px 50px; font-size: 14px; font-weight: 600; color: #000  }
.ul-tab > .li:hover { cursor: pointer; border-bottom: 5px solid #71B62C; }
.ul-tab > .active { border-bottom: 5px solid #71B62C;}
.tab-content   {    }
.tab-content > .li { display: none; }
.tab-content > .li:first-child { display: block; }


.puanlamasoru {
    background: #1aba9a;
}
 
 #acordion {}
 
 #acordion .acordion {
     padding: 0px;
     background: #fff; border-bottom: 1px solid #fff;
 }
 
 #acordion .acordion-title h3 {
     cursor: pointer;
     padding: 0px 0px;
     line-height: 50px;
     letter-spacing: -0.5px;
     font-size: 18px;
     font-weight: 600;
     color: #272727;
     position: relative;
     z-index: 0;
 }
 
 #acordion .acordion-title h3 i {
     position: absolute;
     line-height: 30px;
     background: #f5f5f5;
     color: #031e57;
     top: 0px;
     right: 0px;
     padding: 0px 15px;
     border-radius: 5px;
      
 }
 
 #acordion .acordion-content {
     display: none;
 }
 
 #acordion .block {
     display: block
 }
 
 #acordion p {
     margin: 0px;
     padding: 0px;
     color: #505050;
     padding-bottom: 10px
 }


 @media screen and (max-width: 1000px) {
  #acordion .acordion-title h3 {
     line-height:30px;
     font-size: 14px;
     border-bottom: 1px solid #ccc;
      
 }

 #acordion .acordion-title h3 i {
    position:relative;
    line-height:auto;
    background:none;
    color: #031e57;
    top: 0px;
    right: 0px;
    padding: 0px 15px;
    border-radius: 5px;
     
}


}





 
 .al-checkbox {
     font-size: 14px;
     line-height: 25px
 }
 
 .image-text-banner {
     width: 100%;
 }
 
 .alt-bg {
     position: relative;
     z-index: 0;
     overflow: hidden;
 }
 
 .alt-bg .alt-img {
     position: absolute;
     z-index: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     left: 0;
     top: 0px;
 }
 
 .alt-bg .alt-img img {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 0px;
     object-fit: cover
 }
 
 .ikon-yazi {
     position: relative;
     z-index: 0;
     padding-left: 60px;
 }
 
 .ikon-yazi h3 {
     color: #555;
     font-weight: 600;
     font-size: 16px;
     padding-bottom: 0px
 }
 
 .ikon-yazi p {
     color: #555;
     font-size: 13px;
     line-height: 22px;
 }
 
 .ikon-yazi i {
     position: absolute;
     left: 10px;
     top: 30px;
     font-size: 36px;
     color: var(--color)
 }
 
 .outdoor {
     width: 150px;
     height: 150px;
     margin-left: -75px;
     margin-top: -75px;
     background: #fff;
     border-radius: 150px;
     position: absolute;
     left: 50%;
     top: 50%;
 }
 
 .outdoor i {
     font-size: 45px;
     padding-top: 30px
 }
 
 .outdoor .p {
     font-size: 15px;
 }
 
 .outdoor .link {
     position: relative;
     z-index: 10;
     cursor: pointer;
 }
 
 .bildiri {
     padding: 40px 30px;
     color: #fff;
     background: #272727;
     margin-top: 10px;
     border-radius: 10px;
 }
 
 .bildiri h1 {
     font-size: 25px;
     font-weight: 800;
 }
 
 .bildiri a {
     display: inline-block;
     background: #fff;
     color: #272727;
     padding: 8px 15px;
     margin-top: 15px;
 }
 
 .bosheader {
     background: var(--color);
     height: 50px;
 }
 
 .framehet {
     width: 100%;
     position: relative;
     overflow: auto;
     height: calc(100vh - 140px)
 }
 
 @media screen and (max-width: 1000px) {
     .bosheader {
         background: #2b2a2a;
         height: 1px;
     }
 }
 
 .article {}
 
 .article h1 {
     padding: 8px 0px;
     font-weight: 300;
 }
 
 .article h2 {
     padding: 8px 0px
 }
 
 .article p {
     padding: 8px 0px;
     font-size: 15px
 }
 
 .article ul {
     margin: 0px;
     padding: 20px;
 }
 
 .article ul li {
     list-style: disc;
     padding: 6px 0px;
     font-size: 15px
 }
 
 .article h3 {}
 
 .article ol li {
     padding: 6px 0px 6px 50px;
     margin-bottom: 30px;
     font-size: 15px;
     line-height: 30px;
     list-style: none;
     background-image: url("info.png");
     background-repeat: no-repeat;
     background-position: 0px 15px;
     background-size: 30px;
 }
 
 .article-x {}
 
 .article-x h1 {
     padding: 8px 0px;
     font-size: 22px;
 }
 
 .article-x h2 {
     padding: 8px 0px;
     font-size: 18px;
 }
 
 .article-x p {
     padding: 8px 0px;
     font-size: 15px;
 }
 
 .article-x ul {
     margin: 0px;
     padding: 20px;
 }
 
 .article-x ul li {
     list-style: disc;
     padding: 6px 0px
 }
 
 .article-2x {}
 
 .article-2x h1 {
     padding: 8px 0px;
     font-size: 29px;
 }
 
 .article-2x h2 {
     padding: 8px 0px;
     font-size: 25px;
 }
 
 .article-2x p {
     padding: 8px 0px;
     font-size: 18px;
 }
 
 .article-2x ul {
     margin: 0px;
     padding: 20px;
 }
 
 .article-2x ul li {
     list-style: disc;
     padding: 6px 0px
 }
 
 .article-xs {}
 
 .article-xs h1 {
     padding: 8px 0px;
     font-size: 36px;
     font-weight: 200;
 }
 
 .article-xs h2 {
     padding: 8px 0px;
     font-size: 36px;
     font-weight: 200;
 }
 
 .article-xs p {
     padding: 8px 0px;
     font-size: 15px;
     letter-spacing: 0px
 }
 
 .article-xs ul {
     margin: 0px;
     padding: 20px;
 }
 
 .article-xs ul li {
     list-style: disc;
     padding: 6px 0px
 }
 
 @media screen and (max-width: 1000px) {
     .article-xs h1 {
         padding: 8px 0px;
         font-size: 22px;
         font-weight: 200;
     }
     .article-xs h2 {
         padding: 8px 0px;
         font-size: 22px;
         font-weight: 200;
     }
     .article-xs br {
         display: none;
     }
 }
 
 .makale h1 {}
 
 .makale h2 {}
 
 .makale p {}
 
 .ul-box ul {
     border-radius: 9px;
     list-style: none;
     margin: 0px;
     padding: 20px 20px;
     box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1)
 }
 
 .ul-box ul:after {
     display: table;
     clear: both;
     content: '';
 }
 
 .ul-box ul li {
     width: calc(100% / 3);
     float: left;
     list-style: none;
     margin: 0px;
     padding: 5px 40px;
     font-size: 18px;
     color: #555;
     background: url("ck.png");
     background-size: 20px;
     background-repeat: no-repeat;
     background-position-y: 6px;
 }
 
 .ul-box h1 {
     padding: 8px 0px;
     font-size: 36px;
     font-weight: 800;
 }
 
 .ul-box h2 {
     padding: 8px 0px;
     font-size: 19px;
     font-weight: 800;
     background: #f5f5f5;
     display: inline-block;
     padding: 6px 15px;
     margin-left: 25px;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
 }
 
 .ul-box p {
     padding: 8px 0px;
     font-size: 14px;
     letter-spacing: 0px
 }
 
 @media screen and (max-width: 1000px) {
     .ul-box ul li {
         width: calc(100% / 1);
     }
 }
 
 .box-img a {
     display: inline-block;
     padding: 5px 15px;
     border-radius: 4px;
     background: #2727270cc;
     color: #fff;
     margin-top: 5px;
 }
 
 .box-img a:hover {
     background: #fff;
     color: #272727;
 }
 
 .tema-text h1 {}
 
 .tema-text h2 {}
 
 .tema-text p {
     color: #4d4d4d;
 }
 
 .log-max {
     max-width: 400px;
     margin: 0 auto;
 }
 
 .more-buton {
     display: inline-block;
     background:#031e57;
     color: #fff;
     padding: 6px 15px;
     border-radius: 4px;
     
 }
 
 .more-buton:hover {
     background: #000
 }
 
 .border-hover {
     border: 1px solid #ddd;
     margin-bottom: 5px
 }
 
 .border-hover:hover {
     background: #f5f5f5;
 }
 
 .profil-60 {
     width: 60px;
     height: 60px;
     object-fit: cover;
 }
 
 .bg-line {
     position: relative;
     z-index: 0;
 }
 
 .bg-line .ln-1 {
     position: relative;
     z-index: 20
 }
 
 .bg-line .ln-2 {
     position: absolute;
     z-index: 0;
     width: 220px;
     height: 220px;
     border-radius: 150px;
     right: 10%;
     top: 10%;
     background: #f2f2f2;
 }
 
 .BANNER {
     background: #fff;
     color: #272727
 }
 
 .BANNER h2 {
     padding: 6px 0px;
     letter-spacing: -1px;
     font-size: 30px
 }
 
 .BANNER p {
     padding: 6px 0px;
 }
 
 .BANNER .content {
     position: relative;
     z-index: 0
 }
 
 .BANNER a {
     position: absolute;
     right: 20px;
     top: calc(50% - 25px);
     background: #272727;
     color: #fff;
     padding: 6px 15px;
     border-radius: 6px;
     box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1)
 }
 
 .BANNER a:hover {
     background: #272727;
     color: #fff;
 }
 
 .cok-link {
     background: #f2f2f2
 }
 
 .cok-link a {
     display: inline-block;
     line-height: 35px;
     font-size: 15px;
     color: #272727;
 }
 
 .cok-link a:hover {
     text-decoration: underline
 }
 
 .cok-link i {
     padding-right: 9px;
 }
 
 .cok-link .ikonu {
     color: #11c96c
 }
 
 .BANNER-3 {
     background: var(--color);
     color: #fff;
     position: relative;
 }
 
 .BANNER-3 .text {
     position: relative;
     z-index: 5000
 }
 
 .BANNER-3 .text a {
     display: inline-block;
     background: var(--color);
     color: #fff;
     padding: 6px 15px;
     border-radius: 6px;
     box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1)
 }
 
 .BANNER-3 .text a:hover {
     background: #ccc;
     color: #272727;
 }
 
 .BANNER-3 p {
     padding: 6px 0px;
 }
 
 .NEREDEYIM {
     background: #f2f2f2
 }
 
 .NEREDEYIM .IN {
     max-width: 1200px;
     margin: 0 auto;
     padding: 10px 0px;
     text-align: center;
     color: #666;
     text-transform: uppercase;
 }
 
 .lg-list h3 {}
 
 .lg-list .description {}
 
 .lg-list:hover {
     background: #f5f5f5
 }
 
 .ABONEOL {
     color: #fff;
     padding: 60px 0px;
     overflow: hidden;
     background: var(--color);
 }
 

 

 .footer { background: var(--color-tema); color: var(--color-tema-in); padding: 50px 0px;

  
 }

 .footer i { color: var(--color-tema-in); font-size: 26px;}
 

 
 
 .footer .ul-menu h2 {
     font-size: 19px;
     padding-bottom: 15px;
 }
 
 .footer .ul-menu li {
     line-height: 32px;
     letter-spacing: -0.5px;
     font-size: 14px;
 }
 
 .footer .ul-menu li a {
     color: var(--color-tema-in);
 }
 
 .footer .ul-menu li a:hover {
     text-decoration: underline
 }
 

 .footer-link a {
    display: inline-block;
    padding: 6px 7px;
    font-size: 13px;
    color: #272727;
    letter-spacing: 1px;
  
}

.footer-link a:hover {
    opacity:0.5;
    text-decoration: underline;
}


 .e-bulten {
    
    color: var(--color-tema);
    background: #eff6fa;
 }
  .e-bulten h2 {
 padding-bottom: 15px;
 }


 .e-bulten-2 {
    
    color: #fff;
 }
  .e-bulten-2 h2 {
 
 }

 
 
 .bultenform {
     position: relative;
  
      
 }
 
 .bultenform .MA {
     width: calc(100% - 0px);
     border: none;
 
     outline: none;
     padding: 0px 15px;
     height: 50px;
      
     border-radius: 4px;
     color:#000;
     border:1px solid #fff;
     background: #fff;
   
 }
 
 .bultenform .MG {
     text-align: center;
     background: none;
     background:none;
     border-radius: 4px;
     border:none;
 
     padding: 0px 10px;
     line-height: 50px;
     height: 50px;
     background: #031e57;
  
 }
 
 .bultenform .MG i {
     font-size: 25px;
     line-height: 50px;
     color: #fff;
     
 }
 
 .bultenform .MG:hover {
     cursor: pointer;
     color:#ccc;
 }
 
 .ABONEOL .footer_cover {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     object-fit: contain
 }
 
 @media screen and (max-width: 1000px) {
     .ABONEOL {
         margin: 20px;
         border-radius: 15px;
     }
 }
 
 .PAGEBANNER {
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 350px;
 }
 
 .PAGEBANNER .IN {
     max-width: 1200px;
     margin: 0 auto
 }
 
 .PAGEBANNER .IN h1 {
     line-height: 350px;
     font-size: 28px;
     font-weight: 300;
 }
 
 .SOSYALMEDYA i {
     line-height: 40px;
     font-size: 20px;
     color: #fff;
 }
 
 .SOSYALMEDYA a {
     display: inline-block;
     padding: 0px 0px;
     margin: 0px 0px;
     width: 30px;
     height: 40px;
 }
 
 .SOSYALMEDYA a:hover {
     opacity: 0.5
 }
 
 .TAB-A1 {
     margin: 50px 0px
 }
 
 .TAB-A1 .TABI {
     text-align: center
 }
 
 .TAB-A1 .TABI .li {
     padding: 15px 30px;
     font-size: 20px;
     color: #272727;
     display: inline-block;
     margin: 0px 2px;
     cursor: pointer
 }
 
 .TAB-A1 .TABI .li i {
     font-size: 38px
 }
 
 .TAB-A1 .TABI .li p {
     font-size: 18px;
     font-weight: 700;
 }
 
 .TAB-A1 .TABI .active {
     background: #f2f2f2;
 }
 
 .TAB-A1 .CONU {
     background: #f2f2f2;
     padding: 30px
 }
 
 .TAB-A1 .CONU .li {
     display: none;
 }
 
 .TAB-A1 .CONU .li:first-of-type {
     column-count: 3;
     column-gap: 40px;
     column-rule: 1px solid #ccc;
     line-height: 32px
 }
 
 .i-filitre {
     width: calc(100% / 4 - 60px);
     float: left;
     padding: 10px 30px;
     position: relative
 }
 
 .i-filitre:hover {
     cursor: pointer
 }
 
 .i-filitre i {
     position: absolute;
     top: 13px;
     left: 5px;
     opacity: 0.2
 }
 
 .i-filitre:hover i {
     opacity: 1
 }
 
 .i-filitre-ac i {
     opacity: 1
 }
 
 .URUN-HOME {
     padding: 0px 0px;
 }
 
 .URUN-HOME .IN {
     margin: 0 auto;
     width: 90%;
     padding: 10px 0px 50px 0px
 }
 
 .URUN-HOME .owl-carousel .owl-nav {}
 
 .URUN-HOME .owl-carousel .owl-prev {
     position: absolute;
     left: -40px;
     top: 50%;
 }
 
 .URUN-HOME .owl-carousel .owl-next {
     position: absolute;
     right: -40px;
     top: 50%;
 }
 
 .URUN-HOME .owl-carousel .owl-nav i {
     display: inline-block;
     margin: 2px;
     color: #272727;
 }
 
 .URUN-HOME .owl-carousel .owl-next:hover {}
 
 .URUN-HOME .owl-carousel .owl-prev:hover {}
 
 .URUN-HOME .owl-item {
     margin: 0;
     padding: 0;
     background: #fff;
 }
 
 .URUN-HOME .owl-item span {
     text-decoration: line-through;
 }
 
 .URUN-HOME .owl-item h3 {
     position: absolute;
     z-index: 50;
     left: 0px;
     bottom: 10px;
     width: 100%;
     text-align: center;
     font-weight: 100
 }
 
 .URUN-HOME .owl-item:hover h3 {
     background: #272727;
     color: #fff
 }
 
 .URUN-HOME .owl-item img {
     width: 100%;
 }
 
 .URUN-HOME h2 {
     text-align: center;
 }
 
 @media screen and (max-width: 1000px) {
     .URUN-HOME .IN {
         margin: 0 auto;
         width: 100%;
     }
 }
 
 .form_form  .form_text  { border-radius: 4px; }
.form_form  .form_textarea  { border-radius: 4px; }
.form_form  .form_select  { border-radius: 4px; }

 
 @media screen and (max-width: 1000px) {
 
 }
 
 .BTN1 {
     background: #272727;
     color: #fff;
 }
 
 .BTN1:hover {
     background: #272727;
     color: #fff
 }
 
 .BUTONLAR {}
 
 .BUTONLAR button {
     border: none;
     background: none;
     outline: none;
     margin: 0;
     padding: 0;
 }
 
 .BUTONLAR .bt-1 {
     background: #272727;
     color: #fff;
     padding: 8px 10px;
 }
 
 .BUTONLAR .bt-2 {
     background: #4ba440;
     color: #fff;
     padding: 8px 10px;
 }
 
 .BUTONLAR .bt-txt {
     padding: 8px 0px;
 }
 
 .BUTONLAR button:hover {
     cursor: pointer;
     background: #272727;
     color: #fff;
 }
 
 .BUTONLARDIV {}
 
 .BUTONLARDIV .buton {
     padding: 8px 10px;
     float: left;
     font-size: 15px
 }
 
 .BUTONLARDIV .bt-1 {
     background: #272727;
     color: #fff;
 }
 
 .BUTONLARDIV .bt-2 {
     background: #4ba440;
     color: #fff;
     margin-left: 5px
 }
 
 .BUTONLARDIV .bt-txt {
     display: inline-block;
     padding: 8px 0px;
     margin-top: 15px;
     font-size: 14px
 }
 
 .BUTONLARDIV .buton:hover {
     background: #272727;
     cursor: pointer
 }
 
 @media screen and (max-width: 1000px) {
     .kategori-menusu {
         position: fixed;
         width: 100%;
         height: 100%;
         left: -100%;
         top: 0;
         background: #fff;
         z-index: 600;
         transition: 0.5s;
         display: flex;
         align-content: stretch;
         align-items: center
     }
     .kategori-menusu>div {
         padding: 0px 40px
     }
 }
 
 @-webkit-keyframes bardol {
     0% {
         width: 0%
     }
     100% {
         width: 85%
     }
 }
 
 @-moz-keyframes bardol {
     0% {
         width: 0%
     }
     100% {
         width: 85%
     }
 }
 
 @-o-keyframes bardol {
     0% {
         width: 0%
     }
     100% {
         width: 85%
     }
 }
 
 @keyframes bardol {
     0% {
         width: 0%
     }
     100% {
         width: 85%
     }
 }
 
 .akbar {
     background: #f2f2f2;
     margin-top: 20px;
 }
 
 .sozlesme {
     padding: 9px 0px;
 }
 
 .COROSER .owl-nav .owl-prev {
     position: absolute;
     top: 50%;
     left: -30px;
 }
 
 .COROSER .owl-nav .owl-next {
     position: absolute;
     top: 50%;
     right: -30px;
 }
 
 .COROSER .owl-nav i {
     font-size: 20px
 }
 
 .video-box-video {
     position: relative;
     background: #272727;
     
 }
 
 .video-box-video .text { width: 100%; height: 100%; position: absolute;  display: flex;  
 
     z-index: 10;
 }

 .video-box-video .text a {
    display: inline-block;
    color: #fff;
    background:#031e57;
    padding: 9px 25px;
    margin-top: 15px;
    margin-right: 9px;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
}
 
 .video-box-video .text > div { width: 100%;}

 .video-box-video .text-ust {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.video-box-video .text-orta {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.video-box-video .text-alt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.video-box-video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; 
 
}
 
.video-box-video h1 { font-size: 55px;}




 .text-header {
     background: #f8fafd;
     color: #272727;
     height: 150px;
     overflow: hidden;
     display: flex;
     align-items: center;
     position: relative;
     margin-bottom: 40px;
 }
 
 .text-header .text {
     font-size: 35px;
     margin: 0px;
     margin: 0px;
     text-align: right;
     padding-right: 50px;
     width: 100%;
     position: relative;
     z-index: 4;
     font-weight: 300;
 }
 
 .text-header .blur {
     font-size: 9rem;
     margin: 0px;
     margin: 0px;
     text-align: right;
     filter: blur(10px);
     width: 100%;
     position: absolute;
     height: 100%;
     z-index: 0;
     opacity: 0.3;
     color: #ccc;
 }
 
 .uyeol-d {
     position: relative;
     z-index: 0;
 }
 
 .uyeol-d:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #fff;
     top: 0;
     left: 0;
     z-index: -1;
 }
 
 .uyeol-d:before {
     content: '';
     position: absolute;
     width: 80%;
     height: 80%;
     background: #fff;
     border-radius: 20%;
     top: 10%;
     left: 0;
     z-index: -1;
     box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);
 }
 
 .bg-gri-500 {
     background: #031e57;
     color: #fff;
 }
 
 .bg-gri {
     background: #f2f2f2;
 }
 
 .bg-beyaz {
     background: #fff;
 }
 
 .bg-yesil {
     background: #6cad49;
     color: #fff;
 }
 
 .bg-yesil ul li {
     color: #fff;
 }
 
 .bg-mavi {
     background: #004A93;
     color: #fff;
 }
 
 .bg-mavi ul li {
     color: #fff;
 }
 
 .color-yesil {
     color: #71B62C;
 }
 
 .color-mavi {
     color: #004A93;
 }
 
 .color-beyaz {
     color: #fff;
 }
 
 .color-sari {
     color: #FFBA00;
 }
 
 .color-kirmizi {
     color: #E00F13 !important;
 }
 
 .color-gri {
     color: #9B9B9B;
 }
 
 .bg-soft-yesil {
     background: #e1fff5;
 }
 
 .hayalet-img {
     width: 50%;
     height: 400px;
     background: #1e55b9;
     left: 0px;
     top: 0px;
     display: block
 }
 
 .ul-butonlu li {
     padding: 4px 0px;
 }
 
 .ul-butonlu li a {
     padding: 6px 20px;
     border: 1px solid #1bbc9c;
     color: #1bbc9c;
     border-radius: 6px;
     display: inline-block;
     width: 100%;
     box-sizing: border-box;
 }
 
 .ul-butonlu li a:hover {
     background: #1bbc9c;
     color: #fff;
 }
 
 @keyframes data-3 {
     0% {
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
     }
     50% {
         -webkit-transform: scale(1.20);
         -moz-transform: scale(1.20);
         -o-transform: scale(1.20);
         -ms-transform: scale(1.20);
         transform: scale(1.20);
     }
     100% {
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
     }
 }
 
 .OLW-ANIMASYON .active {
     overflow: hidden;
 }
 
 .OLW-ANIMASYON .active img {
     animation: data-3 8s infinite;
 }
 
 .DIL {}
 
 .DIL a {
     display: inline-block;
 }
 
 .DIL a.acdil {}
 
 .DIL img {
     width: 25px;
 }
 
 .bg-siyah {
     background: #272727;
     color: #fff;
 }
 
 .bg-abstract {
     background: #0AA830;
 }
 
 .menu-article {
     font-weight: 400;
 }


 
.ikon-text p {  position: relative; box-sizing: border-box; padding: 30px 30px 30px 80px; font-size: 14px; }
.ikon-text p strong { font-size: 18px; font-weight: 600; }
.ikon-text img { position: absolute;   left:10px; opacity: 0.1; transition: 0.5s; }
.ikon-text p:hover img { opacity: 0.7; transform: scale(1.10);}
 

 
 .siyah-menu {
     position: fixed;
     background: rgba(255, 255, 255, 0.8);
     position: fixed;
     backdrop-filter: blur(10px);
     filter: none;
 }
 
 .gray-logo img {
     filter: grayscale(100%);
     transition: 0.5s;
     opacity: 0.4;
 }
 
 .gray-logo img:hover {
     filter: grayscale(0%);
     opacity: 1;
 }
 
 .mavi-bg {
     color: #fff;
     background: rgb(0, 129, 255);
     background: radial-gradient(circle, rgba(0, 129, 255, 1) 4%, rgba(44, 26, 135, 1) 100%);
 }
 
 @keyframes gradient {
     0% {
         background-position: 0% 50%;
     }
     50% {
         background-position: 100% 50%;
     }
     100% {
         background-position: 0% 50%;
     }
 }
 
 .kayanyazi {
     background: #161514;
     color: #fff;
 }
 
 .bg-ver {
     position: relative;
 }
 
 .bg-ver::before {
     display: inline-table;
     content: '';
     position: absolute;
     width: 100%;
     height: 50%;
     top: 0;
     background: url(de2.png) top right no-repeat;
     z-index: -1;
 }
 
 .bg-ver::after {
     display: inline-table;
     content: '';
     position: absolute;
     width: 100%;
     height: 50%;
     bottom: 0;
     background: url(de1.png) bottom left no-repeat;
     z-index: -1;
 }
 
 .site-butonlar {
     background: #895941
 }
 
 .site-butonlar a {
     display: inline-block;
     padding: 9px 15px;
     color: #fff;
     transition: 0.5s
 }
 
 .site-butonlar a:hover {
     opacity: 0.5;
     background: rgba(0, 0, 0, 0.1);
 }
 
 @media screen and (max-width: 1000px) {
     .site-butonlar {
         margin: 10px;
         border-radius: 8px;
         overflow: hidden
     }
     .site-butonlar a {
         display: inline-block;
         padding: 9px 15px;
         color: #fff;
         width: 100%;
         box-sizing: border-box;
         border-bottom: 1px solid rgba(255, 255, 255, .1)
     }
 }
 
 .dar-kutu h3 {}
 
 .liste-1 {
     padding-bottom: 40px;
     position: relative;
 }
 
 .liste-1 .h3 {
 
     font-weight: 600;
     font-size: 18px;
     color:var(--color-tema);
 }
 
 .liste-1 .p {
 
     line-height: 28px;
     color: var(--color-tema);
 }
 
 .liste-1 .ikon-order i {
     position: absolute;
     z-index: 500;
     bottom: 20px;
     right: 20px;
     background: #0dc143;
     color: #fff;
     text-align: center;
     width: 40px;
     height: 40px;
     line-height: 40px;
     font-size: 19px;
     border-radius: 40px;
 }
 
 .liste-1 .img  {
     z-index: 10;
     background: #fff;
     border-radius: 6px;
 }

 .liste-1 .img  {overflow: hidden;}

 .liste-1 .img  img {transition: 0.5s}
 
 .liste-1:hover .img   img {transform: scale(1.10)}



 
 
 
 .liste-1 .text:before {
    display: inline-block;
    content:'';
     width: 80%;
     height: 30px;
     left:10%;
     top:-20px;
     position: relative;
     z-index: 0;
     border-radius: 60px;
     -webkit-transform: translate(0px, -30px);
     -moz-transform: translate(0px, -30px);
     -o-transform: translate(0px, -30px);
     -ms-transform: translate(0px, -30px);
     transform: translate(0px, -30px);
     box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
 }
 



.liste-10 { position: relative; padding-top: 75px;}

.liste-10 .img { position: absolute; width: 100px; height: 100px; right:30px ;  top:30px ; border-radius: 100px; overflow: hidden;  }

.liste-10 .h3 { font-size: 22px; padding-bottom: 15px; font-weight: 600; padding-right: 80px; }
.liste-10 .p { font-size: 15px; line-height: 25px; padding-bottom: 15px;  }
.liste-10 .text { background: #fff; padding: 20px; border-radius: 6px; box-shadow: 0px 10px 40px rgba(0,0,0,0.2); transition: 0.5s;}
.liste-10:hover .text {box-shadow: 0px 10px 40px rgba(0,0,0,0.3); }



.liste-12 {
   
    position: relative;
     
    padding: 20px; background: #fff;
    border:1px solid #f2f2f2;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    transition: 0.5s;

}

.liste-12 .h3 {
    color: #272727;
    font-weight: 600;
    font-size: 15px;
    
}

.liste-12 .p {
    color: #666;
    line-height: 28px
}
 
.liste-12 .fiyat {
   
    line-height: 35px;
    font-size: 18px;
    text-align: right;
}
.liste-12 .fiyat .ciz { color:  red; font-size: 14px; }
.liste-12 .fiyat .parabirimi { color: #0AA830; }
 

.liste-12 .img { border-radius: 4px;}
.liste-12 .img:after { display: table; content: ''; position: absolute; width: 100%; height:  100%; z-index: 1000; background: #031e57; transition: 0.5s; left: -100%; top:0; opacity: 0.5;  }
.liste-12:hover .img:after { left: 0; }
.liste-12 .info { font-size: 12px; color: #666;  }
 


 

 @media screen and (max-width: 1000px) {
  
 }
 
 .liste-3 {
     border: 1px solid #f2f2f2
 }
 
 .CAROUSEL-MIN {}
 
 .CAROUSEL-MIN .owl-nav {
     position: relative;
     text-align: center;
     z-index: 9999;
     display: block
 }
 
 .CAROUSEL-MIN .owl-nav i {
     padding: 10px;
     color: #272727;
     background: #fff;
     margin: 0px
 }
 
 .CAROUSEL-MIN .owl-dots {
     display: block;
     position: absolute;
     width: 100%;
     bottom: -10px;
     left: 0px;
     text-align: center;
     z-index: 9999;
     display: none;
 }
 
 .CAROUSEL-MIN .owl-dots .owl-dot {
     display: inline-block;
     width: 12px;
     height: 12px;
     border: 1px solid #272727;
     margin: 2px;
     border-radius: 100px
 }
 
 .CAROUSEL-MIN .owl-dots .active {
     background: #272727;
 }
 
 .home-yorum {
     background: #fff;
     max-width: 800px;
     margin: 30px auto;
     padding: 30px;
     border-radius: 8px;
     box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
 }
 
 .genel-puan {
     color: #FFBA00;
 }
 
 .genel-puan i {
     margin-left: 5px;
 }
 
 .genel-puan span {
     color: #555;
     font-size: 16px;
 }
 
 .yorum-liste {
     background: #F7F7F7;
     border-radius: 10px;
     margin: 0px 0px
 }
 
 .yorum-liste .puan {
     color: #FFBA00;
 }
 
 .yorum-liste .puan i {
     margin-left: 5px;
 }
 
 .yorum-liste .puan span {
     color: #555;
     font-size: 16px;
 }
 
 .yorum-liste .tit {
     font-size: 18px;
     font-weight: 600;
     padding-bottom: 10px;
 }
 
 .yorum-liste .tit a {
     color: #004A93;
     text-decoration: underline;
 }
 
 .yorum-liste .ozet {
     color: #555;
     font-size: 13px;
     line-height: 20px;
     padding-top: 15px;
     border-top: 1px solid #ccc;
 }
 
 .yorum-liste .tarih {
     color: #9B9B9B;
     position: absolute;
     top: 10px;
     right: 10px;
     font-size: 12px;
 }
 
 .yorum-liste .tarih i {
     padding-left: 10px;
 }
 
 .h4-revize {}
 
 .h4-revize h4 {
     font-weight: 400;
     font-size: 18px;
     color: #272727;
 }
 
 .h4-revize h4 strong {
     font-weight: 400;
 }
 
 .h4-revize p {
     color: #999 !important;
 }
 
 .teklif-asama-bg {
     background: #f7f7f7;
 }
 
 .teklif-asama-bg .teklif-asama {
     text-align: center;
     padding: 40px 0px;
 }
 
 .teklif-asama-bg .teklif-asama .big-ikon {
     display: inline-block;
     width: 80px;
     height: 80px;
     text-align: center;
     line-height: 60px;
     border: 8px solid #ccc;
     border-radius: 90px;
     font-size: 36px;
     font-weight: 600;
     margin: 0 auto;
     background: #fff;
     position: relative;
     z-index: 2;
 }
 
 .teklif-asama-bg .teklif-asama .txt {
     text-align: center;
     position: relative;
     margin-top: 20px;
     display: inline-block;
 }
 
 .teklif-asama-bg .teklif-asama .txt h2 {
     padding: 0;
     margin: 0;
     font-size: 18px;
 }
 
 .teklif-asama-bg .teklif-asama .txt p {
     padding: 0;
     margin: 0;
     font-size: 13px;
 }
 
 .teklif-asama-bg .teklif-asama .txt i {
     position: absolute;
     left: 0;
     top: 5px;
     font-size: 20px;
 }
 
 .teklif-asama-bg .devredisi {
     color: #d6d6d6;
 }
 
 .teklif-asama-bg .devredisi .big-ikon {
     border: 8px solid #d6d6d6;
 }
 
 .teklif-asama-bg .burada {
     color: #272727;
 }
 
 .teklif-asama-bg .burada .big-ikon {
     border: 8px solid #ffba00
 }
 
 .teklif-asama-bg .burada .big-ikon i {
     line-height: 80px;
     text-align: center;
     color: #71B62C;
     font-size: 35px;
 }
 
 .teklif-asama-bg .i-1 {
     display: none
 }
 
 .teklif-asama-bg .gecti .i-2 {
     display: none
 }
 
 .teklif-asama-bg .gecti .i-1 {
     display: block
 }
 
 .teklif-asama-bg .gecti .big-ikon {
     border: 8px solid #71B62C
 }
 
 .teklif-asama-bg .cizgisi {
     position: absolute;
     z-index: 0;
     width: 80%;
     height: 10px;
     background: #d6d6d6;
     left: 10%;
     top: 35%;
 }
 
 .resimler-firma {
     background: #f2f2f2;
     padding: 30px;
 }
 
 .resim-sil {
     font-size: 16px;
     color: #272727;
     padding: 4px;
 }
 
 table {
     width: 100%;
     border-collapse: collapse;
 }
 /* Zebra striping */
 
 tr:nth-of-type(odd) {
     background: #f2f2f2;
 }
 
 th {
     color: #272727;
     font-weight: bold;
 }
 
 td,
 th {
     padding: 9px 6px;
     border: 1px solid #f2f2f2;
     text-align: left;
 }
 
 @media only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1024px) {
     /* Force table to not be like tables anymore */
     table,
     thead,
     tbody,
     th,
     td,
     tr {
         display: block;
     }
     thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
     }
     tr {
         border: 1px solid #ccc;
     }
     td {
         /* Behave  like a "row" */
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
     }
     td:before {
         position: absolute;
         width: 100%;
         padding-right: 10px;
         white-space: nowrap;
     }
 }
 
 table tbody tr td:first-child {
     width: 70%;
 }
 
 table tbody h5 {
     margin: 0px;
     padding: 0px;
 }
 
 .onemli {
     background: #1abc9c;
     color: #fff;
     padding: 10px 15px 10px 70px;
     border-radius: 7px;
     margin: 5px 0px;
     background-image: url("blok.png");
     background-repeat: no-repeat;
     background-position: 20px 15px;
     background-size: 30px;
 }
 
 .onemli-2 {
     background: #d3ffee;
     padding: 10px 35px;
     border-radius: 7px;
     margin: 5px 0px;
 }

 .liste-8 {

  background: #fff;
    color:#666; 
    box-shadow: 0px 10px 40px rgba(0,0,0,0.1);
    border-radius: 6px;
 
    position: relative;
    z-index: 0;
    overflow: hidden;
}




.SIPARIS { background:#eef3fb; padding: 0px 0px    }
.SIPARIS .IN { max-width: 1200px; margin: 0 auto; padding: 50px 0px }
.SIPARIS .UYEFORM { max-width: 500px; margin: 0 auto;}
.SIPARIS h2.formbaslik { padding: 0px 0px 20px; font-size: 22px}




.SIPARISLERIM         { background: #fff; padding: 40px }
.SIPARISLERIM .baslik { background: #f2f2f2}
.SIPARISLERIM .tr     { width: calc(100% / 4); padding:8px 8px; float: left }
.SIPARISLERIM .list   { border-bottom:1px solid #f2f2f2 }



#yukaricik {
    display: inline-block;
    background-color: #fff;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 60px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #yukaricik::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 30px;
    color: #272727;
  }
  #yukaricik:hover {
    cursor: pointer;
    background-color: #fff;
  }
  #yukaricik:active {
    background-color: #555;
  }
  #yukaricik.show {
    opacity: 1;
    visibility: visible;
  }
 


 

  .footer-alt { 
    background: #f2f2f2; color: #000;

    
}
.footer-alt p {
   font-size: 13px;
   color: #000;
    
}

.sosyalmedya i { display: inline-block; width: 45px; height: 45px; line-height: 45px; border: 1px solid #ccc; text-align: center; border-radius: 35px;  }
.sosyalmedya a { display: inline-block;}
  
.footer-url  a { display: inline-block; padding: 6px 10px; font-size: 12px;   color: #272727; }




 

hr { border: 0px; width: 100%; background: #ccc; height:1px;}
.ekibimiz img {  filter: grayscale(100%);} 
.ekibimiz:hover img{  filter: grayscale(0%);} 

.ekibimiz .img-border { border: 1px solid #ddd; padding: 7px ; border-radius: 600px;  }
.ekibimiz .h3 { font-weight: 600; font-size: 16px; }
.ekibimiz .p p { font-size: 13px; line-height: 19px; opacity: 0.8; }

.full-kutu {}


.cek-ul ul { list-style: none;  }
.cek-ul ul li { width: 100%;  
   padding: 6px 0px 6px 50px;
   margin-bottom: 5px;
   font-size: 15px;
   line-height: 30px;
   list-style: none;
   background-image: url("ck.png");
   background-repeat: no-repeat;
   background-position: 0px 6px;
   background-size: 30px;
}
.cek-ul ul:after { display: table; clear: both; content: '';}


.food {  padding: 20px;}
.food ul {   width: calc(100% / 3); float: left; padding: 30px;   box-sizing: border-box; }
.food ul li { list-style: none; border-bottom: 1px solid #ccc; color: #666; font-size: 12px;  }
.food ul li strong:first-child { color:#031e57; width: 100%; display:inline-block; font-size: 14px;}
.food ul li strong:last-child { color:#031e57; float: right; font-size: 14px;}
.food ul h3 { color: #888; font-weight: 300;}


@media screen and (max-width: 1000px) {
    .food ul {   width: calc(100% / 1); float: left; padding: 30px;   box-sizing: border-box; } 
}


 .liste-8 {  display: flex; align-content: center; align-items: center;}
  .liste-8 .div { width: 100%;   text-align: center; }



  .ic-menu {}
  .ic-menu .li { line-height: 35px; margin-bottom: 3px; padding: 0px 30px;   font-size: 13px; position: relative; transition: 0.5s; background: #fff; border: 1px solid #ddd; overflow: hidden; border-radius: 4px; }
  .ic-menu .li i { position: absolute; right: 5px; top:5px; color:#fff; background: #ccc; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 30px; }
 
  .ic-menu .li:hover { background: #f5f5f5; }
 
  
  

  .free-article ul     { margin: 0px; padding: 0px; }
  .free-article ul li  {
      padding: 6px 0px 6px 30px;
      font-size: 15px;
      margin: 0px;
      line-height: 30px;
      list-style: none;
      background-image: url("ck.png");
      background-repeat: no-repeat;
      background-position: 0px 15px;
      background-size: 15px;
      
      margin-bottom: 1px;
  }
 
  .free-article ol     { margin: 0px; padding: 0px; }
  .free-article ol li  {
      padding: 6px 0px 6px 30px;
      margin: 0px;
      font-size: 15px;
      line-height: 30px;
      list-style: none;
      background-image: url("close.png");
      background-repeat: no-repeat;
      background-position: 0px 15px;
      background-size: 15px;
   
      margin-bottom: 1px;
  }
  .free-article h1 {
    padding: 8px 0px;
    font-weight: 300;
}

.free-article h2 {
    padding: 8px 0px;
    font-size: 19px;
}

.free-article p {
    padding: 0px 0px;
    font-size: 14px
}
.free-article hr {   margin: 30px 0px; background: rgb(212,212,212);
    background: linear-gradient(100deg, rgba(212,212,212,1) 0%, rgba(0,15,85,0) 47%);}

 .minipencere { width:100px; padding: 5px; }

.bg-dark { background: #272727; color: #fff;}
.bg-dark h1 { color: #fff; }
.bg-dark h2 { color: #fff; }
.bg-dark p  { color: #fff; }
 
.bg-light { background: #272727; color: #fff;}
.bg-light h1 { color: #fff; }
.bg-light h2 { color: #fff; }
.bg-light p  { color: #fff; }

.bg-tema { background:#eff6fa; color: #183d65}
.bg-tema h1 { color: #183d65 }
.bg-tema h2 { color: #183d65 }
.bg-tema h3 { color: #183d65 }
.bg-tema p  { color: #183d65 }

 
.bg-tema-2:after { background: #031e57; position: absolute; display: table; content: ''; width: 60%; height: 100%; top: 0; left: 0; z-index:0;}
.bg-tema-2 > div { position: relative ; z-index: 1;}
.bg-tema-2 {   color: #fff; position: relative;}
.bg-tema-2 h1 { color: #fff; }
.bg-tema-2 h2 { color: #fff; }
.bg-tema-2 h3 { color: #fff; }
.bg-tema-2 p  { color: #fff; }

.bg-tema-3:after { background: #031e57; position: absolute; display: table; content: ''; width: 60%; height: 100%; top: 0; right: 0; z-index:0;}
.bg-tema-3 > div { position: relative ; z-index: 1;}
.bg-tema-3 {   color: #fff; position: relative;}
.bg-tema-3 h1 { color: #fff; }
.bg-tema-3 h2 { color: #fff; }
.bg-tema-3 h3 { color: #fff; }
.bg-tema-3 p  { color: #fff; } 



 
 
.color-tema    { color: #183d65; }
.color-tema h1 { color: #183d65; }
.color-tema h2 { color: #183d65; }
.color-tema h3 { color: #183d65; }
.color-tema p  { color: #183d65; }