/*  ===== RENK KODLARI ===== RENK: #243545; RENK TURUNCU: #FF7810; RENK:#232533; */

/*#region ====================================================  FONT YUKLEME */

@import url('https://fonts.googleapis.com/css?family=Poppins&subset=latin-ext');

/*#region ==================================================== GENEL KULLANILAN CSS LER */

/*#region  SIFIRLAMALAR */

html { box-sizing: border-box; -ms-overflow-style: scrollbar; }

*,
*::before,
*::after { box-sizing: inherit; }

body 
{ 
    margin:auto; padding:0; height:100%;  font-size:16px; border:0; color:#535353; overflow: hidden; overflow-y: scroll;
    font-family: 'Poppins', sans-serif;

    background-color:#F6F6F6; 
    /*background-image:url(/_tema/cms/images/bg.jpg); background-repeat:no-repeat; background-size:100%;*/ 
    /*line-height:25px;*/
}

h1 {font-size:36px;}
h2 {font-size:24px; line-height:30px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

a {text-decoration: none; font-size:15px; color:#535353; /*line-height:25px;*/
   outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
a:hover {text-decoration: none; font-size:15px; color:#000; /*line-height:25px;*/}

img {border:none;}

.temizle {clear: both}

.oHidden { overflow:hidden; }
.border { overflow:hidden; border:1px solid #535353; }
.borderLight { overflow:hidden; border:1px solid #ccc; }

.containerKapsa { padding-left:25px; padding-right:25px; }

@media screen and (max-width:2560px) and (-webkit-device-pixel-ratio: 1.25) {
    .containerKapsa { padding-left:10px; padding-right:10px; }
}

@media screen and (max-width:1366px)
{
    .containerKapsa { padding-left:5px; padding-right:5px; }
}

@media screen and (max-width:800px) {

    h1 {font-size:22px;}
    h2 {font-size:18px; line-height:30px;}
    h3 {font-size:15px;}
    h4 {font-size:14px;}
    h5 {font-size:13px;}
    h6 {font-size:13px;}

    .containerKapsa { padding-left:5px; padding-right:5px; }
}

/*#endregion*/

/*#region IMAGE - IMAGE HOVER - FIGURE */

/*#region TEK IMG */

.ImgKapsa { width:100%; display:block; overflow:hidden;
            outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }

.ImgKapsa:hover { width:100%; display:block; overflow:hidden; }

.ImgKapsaInner { overflow: hidden; padding: 0px 20px 10px 0px; /*-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;*/ }

.ImgKapsaInner .bosBg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden;
                        transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;  }
.ImgKapsaInner:hover .bosBg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; 
                              -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.ImgKapsaImgbgH { overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.ImgKapsa:hover .ImgKapsaImgbgH { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; }

    .ImgKapsaInner figure { position: relative; }

        .ImgKapsaInner figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;
                                        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
                                        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
                                        -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

    .ImgKapsaInner:hover figure:before { -webkit-animation: shineImgKapsaInner .75s; animation: shineImgKapsaInner .75s; }

@-webkit-keyframes shineImgKapsaInner  { 100% { left: 125%; } }

@keyframes shineImgKapsaInner  { 100% { left: 125%; } }

/*#endregion*/

/*#region TEK IMG LIST */

.ImgListKapsa { width:100%; display:block; background-color:#fff; overflow:hidden;
                    outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;  }
.ImgListKapsa:hover { width:100%; display:block; background-color:#fff; overflow:hidden; }

.ImgListImgKapsa { overflow:hidden; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.ImgListImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden; 
                  -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; 
                  -o-transition: all 300ms ease; transition: all 300ms ease; }

.ImgListKapsa:hover .ImgListImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center;
                                          -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.ImgListImgbgH { margin-bottom: 1px; overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .ImgListKapsa:hover .ImgListImgbgH { background-color: rgba(0, 0, 0, 0.3); overflow: hidden; }

.ImgListKapsa figure { position: relative; }

    .ImgListKapsa figure::before {
        position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }

.ImgListKapsa:hover figure:before { -webkit-animation: shineImgListKapsa .75s; animation: shineImgListKapsa .75s; }

@-webkit-keyframes shineImgListKapsa {
    100% { left: 125%; }
}

@keyframes shineImgListKapsa {
    100% { left: 125%; }
}

/*#endregion*/

/*#endregion*/

/*#region BOS BG */

.bosBG { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden; 
         -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease;
         -o-transition: all 300ms ease;transition: all 300ms ease; }

    .bosBG:hover { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; 
                   -moz-transform: scale(1.1); -webkit-transform: scale(1.1); 
                   -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.bgH { margin-bottom: 1px; overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

    .bgH:hover { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; }

/*#endregion*/

/*#region KOYU ZEMIN LINK */

.linkKoyuZemin, .linkKoyuZemin a{color:#fff;}
.linkKoyuZemin a:hover{color:#ccc;}

.linkKoyuZemin2, .linkKoyuZemin2 a{color:#fff; font-size:18px;}
.linkKoyuZemin2 a:hover{color:#ccc; font-size:18px;}

/*#endregion*/

/*#region YUSELT - BOSLUK*/

.genelYukselt150px { width:100%; clear: both; height: 150px; }
.genelYukselt100px { clear: both; height: 100px; }
.genelYukselt50px { clear: both; height: 50px; }
.genelYukselt30px { clear: both; height: 30px; }
.genelYukselt25px { clear: both; height: 25px; }
.genelYukselt20px { clear: both; height: 20px; }
.genelYukselt15px { clear: both; height: 15px; }
.genelYukselt10px { clear: both; height: 10px; }
.genelYukselt5px { clear: both; height: 5px; }
.genelYukselt3px { clear: both; height: 3px; }

.gap { width: 100%; height: 25px; }
.gap2 { width: 100%; height: 20px; }

@media screen and (max-width:800px) {
    .genelYukselt150px { width:100%; clear: both; height: 100px; }
    .genelYukselt100px { width:100%; clear: both; height: 80px; }
    .genelYukselt50px { width:100%; clear: both; height: 30px; }
    .genelYukselt30px { width:100%; clear: both; height: 20px; }
    .genelYukselt25px { width:100%; clear: both; height: 20px; }
    .genelYukselt20px { width:100%; clear: both; height: 15px; }
    .genelYukselt15px { width:100%; clear: both; height: 10px; }
    .genelYukselt10px { width:100%; clear: both; height: 10px; }
    .genelYukselt5px { width:100%; clear: both; height: 5px; }
    .genelYukselt3px { width:100%; clear: both; height: 3px; }

    .gap { width:100%; height:5px; }
    .gap2 { width: 100%; height: 5px; }
}

/*#endregion*/

/*#region  SCROOL BAR RENKLENDIRME */

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb { background: #535353; }
::-webkit-scrollbar-thumb:window-inactive { background: #535353; }

/*#endregion*/

/*#region IMAJ RESPONSIVE */
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; 
                                    outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .img-responsive:hover { }

.img-responsive5 { display: block; width: 100% \9; max-width: 100%; height: auto; 
                   outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;     
                   /*RESMİN ORTALANMASI İÇİN AKTİF ET*/ 
                   /*margin:0 auto;*/ }
    .img-responsive5:hover { opacity:0.6; }

/* ======================================= BU KISMIN NE ISE YARADIGINA BAK */
.post{margin-bottom:40px;}
.post.small{margin-bottom:20px;}
img.lazy{width:100% !important;}
.post .picture{overflow:hidden;}
.picture img{width:100%;display:block;}
.post .picture:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);transition:0.5s all ease;-webkit-transition:0.5s all ease;}
.picture img{transform:scale(1);-webkit-transform:scale(1);transition:0.5s all ease;-webkit-transition:0.5s all ease;}
.post .picture{margin-bottom:15px;position:relative;background-color:#000;}
.post .picture:hover img{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.post .picture:hover img{opacity:0.8;}
    
/*#endregion*/

/*#region RESİM EFEKT THUMB*/

.thumbResim { display: block; position: relative; overflow: hidden; }

.thumbResim img { width: 100%; height: auto; 
                  -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; }

.thumbResim_overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -moz-transition: 0.3s all ease; 
                      -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease;  
                      color: #ffffff; background: transparent; }

.thumbResim_overlay:before { content: '\F00E'; position: absolute; top: 50%; left: 0; right: 0; font: 400 30px 'FontAwesome'; 
                             line-height: 30px; margin-top: -15px; text-align: center; 
                             -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }

.lt-ie9 .thumbResim_overlay:before { display: none; }

.thumbResim:hover .thumbResim_overlay { opacity: 1; }

.lt-ie9 .thumbResim:hover .thumbResim_overlay { background: none;
                                                -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');  
                                                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000'); zoom: 1; }

.lt-ie9 .thumbResim:hover .thumbResim_overlay:before { display: block; }

.thumbResim:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

/*#endregion*/

/*#region LINK EFEKT THUMB*/

.thumbLink { display: block; position: relative; overflow: hidden; }

.thumbLink img { width: 100%; height: auto; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; }

.thumbLink_overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; 
                     -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease;  
                     color: #ffffff; background: transparent; }

.thumbLink_overlay:before { content: '\f065'; position: absolute; top: 50%; left: 0; right: 0; font: 400 30px 'FontAwesome'; 
                            line-height: 30px; margin-top: -15px; text-align: center; 
                            -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }

.lt-ie9 .thumbLink_overlay:before { display: none; }

.thumbLink:hover .thumbLink_overlay { opacity: 1; }

.lt-ie9 .thumbLink:hover .thumbLink_overlay { background: none; 
                                              -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');  
                                              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000'); zoom: 1; }

.lt-ie9 .thumbLink:hover .thumbLink_overlay:before { display: block; }

.thumbLink:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

/*#endregion*/

/*#region VIDEO EFEKT THUMB*/

.thumbVideo { display: block; position: relative; overflow: hidden; }

.thumbVideo img { width: 100%; height: auto; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; }

.thumbVideo_overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; 
                      -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; 
                      color: #fff; background: transparent; }

.thumbVideo_overlay:before { content: '\f03d'; position: absolute; top: 50%; left: 0; right: 0; 
                             font: 400 30px 'FontAwesome'; line-height: 30px; margin-top: -15px; text-align: center; 
                             -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }

.lt-ie9 .thumbVideo_overlay:before { display: none; }
.thumbVideo:hover .thumbVideo_overlay { opacity: 1; }
.lt-ie9 .thumbVideo:hover .thumbVideo_overlay { background: none;
                                                -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000'); 
                                                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000'); zoom: 1; }
.lt-ie9 .thumbVideo:hover .thumbVideo_overlay:before { display: block; }

.thumbVideo:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
/*#endregion*/

/*#region BOOTSTRAP PAGINATION / SAYFALAMA */

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; 
                          color: #1D282A; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #fff; background-color: #FF8800; border-color: #ddd; } /* HOVER RENGI BURADAN*/

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #1D282A; border-color: #1D282A; } /* BORDER RENGI BURADAN*/

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a,
.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus { text-decoration: none; background-color: #eee; }

.pager .next > a,
.pager .next > span { float: right; }

.pager .previous > a,
.pager .previous > span { float: left; }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center;  
         white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
a.label:hover,
a.label:focus { color: #fff; text-decoration: none; cursor: pointer; }

/*#endregion*/

/*#region TASARIM - YAZILIM */

.do { width:130px; height:24px; overflow:hidden;
      background-image:url(/_tema/cms/images/do.png); background-repeat:no-repeat; 
      background-position-y:top; float:right;      
      /*transition: 0.5s;*/
      outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
    .do:hover {
        width:130px; height:24px; overflow:hidden;
        background-image:url(/_tema/cms/images/do.png); background-repeat:no-repeat; 
        background-position-y:bottom; float:right;

    }

    /*.do img { }
        .do img:hover { display:none; }*/

@media screen and (max-width:800px) {

    .doKapsa { width: 100%; margin-top: 5px; text-align: center; /*display: inline-block;*/ position: relative; }

    .do { width:130px; height:25px; overflow:hidden;
          background-image:url(/_tema/cms/images/do.png); background-repeat:no-repeat; 
          background-position-y:bottom;      
          /*transition: 0.5s;*/
          outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
          margin:0 auto;
    }
        .do:hover {
            width:130px; height:25px; overflow:hidden;
            background-image:url(/_tema/cms/images/do.png); background-repeat:no-repeat; 
            background-position-y:top;
            margin:0 auto;

        }

        /*.do img { }
            .do img:hover { display:none; }*/
}

/*#endregion*/

/*#region CEREZ */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;
                      font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:0.3em 1em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}
.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}
.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}
.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape)
{.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}
.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px; font-size:14px; color:#535353;}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/*#endregion*/

/*#endregion*/

/*#region ==================================================== SOL / SAG SABIT  */

.solSabitKapsa { position:fixed; width:15.2%; z-index:99999; height:100vh; bottom: 0; top: 0; left: 0; text-align:center; 
                 z-index: 1001; border-right:2px solid #eee;
                 background-color:#243545;
                 -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; border: none; 
                 -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 5%); box-shadow: 0 0 30px rgb(0 0 0 / 5%); scrollbar-width: none; }
.solSabitKapsaInner { width:100%; height:100vh; /*display:flex; align-items:center;*/ }
.solSabitKapsaInnerElement { width:100%; }

.main { width: 85%; float: right; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

@media screen and (max-width:1450px) {
    .solSabitKapsa { width:20.2%; }
    .main { width: 80%; }
}

@media screen and (max-width:1025px) {
    .solSabitKapsa { width:23.2%; }
    .main { width: 77%; }
}
@media screen and (max-width:800px) {
    .solSabitKapsa { position:fixed; width:100%; height:60px; top:0; z-index:99999; text-align:center; 
                     background-color:#243545; }

    .main { width: 100%; margin-top:60px; }

    .solSabitKapsaInner { width:100%; height:60px; /*display:flex; align-items:center;*/ }
}

/*#endregion*/

/*#region ==================================================== TUM SAYFALARDA KULLANILAN CSS LER */

/*#region YUKARI GIT */

.butonUP, .butonUP a  { display:inline-block; color:#fff; padding:6px; padding-left: 18px; padding-right: 18px; font-size:18px; cursor:pointer;   
                        margin-left:5px; margin-right:5px; background-color:#2E323E;
                        -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
                        outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.butonUP:hover { color:#FF8800; padding:6px; padding-left: 18px; padding-right: 18px; font-size:18px; cursor:pointer; background-color:#1D282A;
                 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#up { z-index: 999; position: fixed; bottom: 15px; right: 15px; cursor: pointer; opacity:0.8; display: none;
      outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
#up:hover { z-index: 999; position: fixed; bottom: 15px; right: 15px; cursor: pointer; opacity:1; display: none; }

/*#endregion*/

/*#region TUMU */

.tumu, .tumu a { display:inline-block; color:#fff; padding:10px; padding-left: 30px; padding-right: 30px; font-size:16px; background-color:#243545; 
                 outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; cursor:pointer; 
                 border:none; border:0; text-decoration:none; list-style: none; list-style-type:none;
}
.tumu:hover { color:#fff; padding:10px; padding-left: 30px; padding-right: 30px; font-size:16px; background-color:#232533; }

@media screen and (max-width:800px) {
}

/*#endregion*/

/*#region OKLAR */

.okLeft, .okLeft a { position:absolute; display:inline-block; background-color:#535353; color:#fff; 
                               width:45px; height:45px; line-height:45px !important; font-size:18px; right:50%;
                               margin:5px; outline:none; transition:all 500ms ease; 
                               /*-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;*/ }
.okLeft:hover { color:#fff; background-color:#3A3C3B; }

.okRight, .okRight a { position:absolute; display:inline-block; background-color:#535353; color:#fff; 
                                 width:45px; height:45px; line-height:45px !important; font-size:18px; left:50%;
                                 margin:5px; outline:none; transition:all 500ms ease; 
                                 /*-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;*/ }
.okRight:hover { color:#fff; background-color:#3A3C3B; }


.okLeftDark, .okLeftDark a {  }
.okLeftDark:hover {  }

.okRightDark, .okRightDark a {  }
.okRightDark:hover {  }

@media screen and (max-width:800px) {

    .okLeft, .okLeft a { display: none; }
    .okLeft:hover { display:none; }

    .okRight, .okRightLight a { display:none; }
    .okRight:hover { display:none; }

    .okLeftDark, .okLeftDark a { display:none; }
    .okLeftDark:hover { display:none; }

    .okRightDark, .okRightDark a { display:none; }
    .okRightDark:hover { display:none; }
}

/*#endregion*/

/*#region RESPONSIVE VIDEO */
.flex-video {position: relative;padding-top: 25px;padding-bottom: 67.5%;height: 0;margin-bottom: 16px;overflow: hidden;}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*#endregion*/

/*#region WHATSAPP */

#whatsapp { z-index: 999; position: fixed; bottom: 130px; left: 10px; cursor: pointer; outline: none; 
            transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.mypage-alo-ph-circle, .mypage-alo-ph-circle-fill { -webkit-border-radius: 100%; -moz-border-radius: 100% }

.mypage-alo-phone { bottom: 180px }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }

.mypage-alo-ph-circle { width: 90px; height: 90px; top: 12px; left: 12px; position: absolute; background-color: transparent; 
                        border-radius: 100%; border: 2px solid rgba(30,30,30,.4); opacity: .1; opacity: .5 }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

.mypage-alo-ph-circle-fill { width: 60px; height: 60px; top: 28px; left: 28px; position: absolute; -ms-transition: all .2s ease-in-out; 
                             border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; 
                             -o-transition: all .5s; transition: all .5s; opacity: .4 !important }

.mypage-alo-ph-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle { border-color: #43b91e; display:none; }

.mypage-alo-ph-img-circle { width: 30px; height: 30px; top: 43px; left: 43px; position: absolute; 
                            background: url("/_tema/cms/images/whatsapp.png") center center no-repeat rgba(30,30,30,.1); 
                            -webkit-border-radius: 100%; -moz-border-radius: 100%; opacity: 1; -webkit-transition: all .2s ease-in-out;
                            -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; 
                            transition: all .2s ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; 
                            -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-size: 100% }

.cquery, .cquery .bg { width: 100%; top: 0; left: 0 }

.mypage-alo-ph-circle-fill, .mypage-alo-ph-img-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle-fill, .mypage-alo-phone:hover .mypage-alo-ph-img-circle {
    background-color: #43b91e }

.tada { -webkit-animation-name: tada; animation-name: tada }

@-webkit-keyframes tada {
    from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }

    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) }

    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) }

    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) }
}

@keyframes tada { 
    from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }

    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) }

    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) }

    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) }
}

@keyframes pulse {
    from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }

    50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) }
}

@-webkit-keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }

    50% { opacity: 1 }
}

@keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }

    50% { opacity: 1 }
}

.mypage-alo-phone { position: fixed; bottom: 110px; left: 0 }

/*#endregion*/

/*#endregion*/

/*#region ==================================================== ANASAYFADA GENEL CSS LER */

.anasayfaBaslik { font-size:36px; color:#535353; text-align:center; margin-bottom:15px; }

.titleAltCizgi { width:100px; height:2px; background-color:#535353; margin:0 auto; }

.parallaxBG { width: 100%; background-size:100%;  /*-webkit-background-size:cover;*/ }

.anasayfaUstMetin { font-size:20px; color:#243545; text-align:center; }

@media screen and (max-width:800px) {

    .anasayfaBaslik { font-size:30px; color:#535353; text-align:center; }

    .parallaxBG { width: 100%; background-size:100%;  /*-webkit-background-size:cover;*/ }

}

/*#endregion*/

/*#region ==================================================== LOGO - SOSYAL ICON - DIL */

/*#region  LOGO */

.logoKapsa { width:100%; text-align:center; margin-top:50px; margin-bottom:50px; }
.logo { /*width:125px;*/ transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }

@media screen and (max-width:800px) {
    .logoKapsa { width:100%; text-align:right; margin-top:0px; }
    .logo { width:55%; padding-right:15px; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }    
}

/*#endregion*/

/*#region SOSYAL ICONLAR */

.socialKapsa {width:100%; text-align:center; margin-top:50px; }
.socialIcon { transition: 0.8s ease;-o-transition: 0.8s ease;-webkit-transition: 0.8s ease; }
.socialIcon:hover { /*transform: rotate(-360deg);*/ opacity:0.5; }

.socialMobil { display:none; }

@media screen and (max-width:800px) {
    .socialKapsa { display:none; }
    .socialMobil { display:flex; justify-content:center; }
}

/*#endregion*/

/*#endregion*/

/*#region ==================================================== MENULER */

nav { vertical-align: middle; box-sizing: border-box; }

.main-menu { width:100%; display:inline-block; list-style: none; margin: 0; padding: 0px; font-size: 0; text-align:center; }
.main-menu li { padding:5px; outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; } 
.main-menu li:hover { padding:5px; color:#535353; } 

.main-menu > li { display: block; position: relative; vertical-align: middle; color:#fff; }
.main-menu > li a { display: block; color:#fff; }
.main-menu > li.active  { opacity: 1; pointer-events: auto; margin-top: 0; z-index: 20; }

.sub-menu { display: inline-block; list-style: none; margin: 0; padding: 0; font-size: 0; }
.sub-menu li { padding:0px; font-size:18px; outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.sub-menu li:hover { padding:0px; font-size:18px; background-color:#535353; } 

.sub-menu > li a { display: block; }
.sub-menu > li.active { opacity: 1; pointer-events: auto; margin-top: 0; z-index: 20; }

@media only screen and (min-width: 800px) {
    .main-menu > li:hover .sub-menu { opacity: 1; pointer-events: auto; margin-top: 0; z-index: 20; }
}

.main-menu .expand { display: none; }

@media only screen and (max-width: 800px) {
    .menuKapsa { width:100%; background-color:transparent; position:relative; z-index:1000; text-align:center; }
    .responsive-menu {position: fixed; top:5px; left:10px; z-index:2000; }
    .main-menu { display:block; opacity: 0; pointer-events: none; margin-top: 20px; transition: 200ms all; position: absolute; 
                 top: 100%; left: 0; right: auto; min-width: 200px; width: 80%; left: 10%; }
        .main-menu li { display: block; }
        .main-menu .expand { display: block; position: absolute; top: 10px; right: 0; padding: 0.5rem 1rem; 
                             z-index: 15; transform-origin: 50%; transition: 200ms all; }
            .main-menu .expand.active { transform: rotate(45deg); }
    .main-menu.active { opacity: 1; pointer-events: auto; background-color:#243545; top: 30px; left: -10px; }
 }

.sub-menu { opacity: 0; pointer-events: none; margin-top: 20px; transition: 200ms all; position: absolute; 
            top: 0%; left: 100%; right: auto; min-width: 220px; }

@media only screen and (max-width: 800px) {
    .sub-menu { display: block; width: 100%; }
}

.sub-menu li a { display: block; }
.toggle-menu { display: none; }

@media only screen and (max-width: 800px) {
    .toggle-menu { display: inline-block; }
    nav { text-align: right; }
}

.toggle-menu { color: #ffffff; padding-right: 1rem; float: right; }
    .toggle-menu span { display: inline-block; vertical-align: middle; padding-left: 0.3rem; }
    .toggle-menu svg { display: inline-block; vertical-align: middle; }

.sub-menu { display:inline-block; background: #535353; text-align:left; }
.sub-menu a:hover { width:100%; background: #000; text-align:left; }

    .main-menu li a { padding: 1rem 1rem; color:#fff; text-decoration: none; font-size:18px; } 
    .main-menu li a:hover { color: #FF7810; }

    .sub-menu li a { padding:15px; color: #fff; text-decoration: none; }
    .sub-menu li a:hover { padding:15px; color: #fff; background-color:#535353; }

    .main-menu .expand, .sub-menu .expand { padding:10px; margin-top:-10px; color: #fff; font-size: 23px; }

@media only screen and (max-width: 800px) {
    .main-menu > li.active .sub-menu { opacity:1; background-color:#535353; z-index:99999; pointer-events:auto; top:30px; left:0px; }
}

/*#endregion*/

/*#region ==================================================== FOOTER */

.footerKapsa { width:100%; background-color:#232533; 
               /*background-image:url(/uploads/Bg/footerBG.jpg); */
               background-position-x:center; background-position-y:center; color:#fff; }

.footerInner, .footerInner a { color:#fff; text-align:center; }
.footerInner a:hover{color:#ccc; text-align:center;}

.footerLogoKapsa { width:100%; text-align:center; padding:50px 0px 50px 0px; }

.footerList, .footerList a { display:inline-block; padding:10px; }

@media screen and (max-width:800px) {
}

/*#endregion*/

/*#region ==================================================== HAKKIMIZDA [ AboutUs } */

.aboutUsTitle { font-size:36px; color:#535353; text-align:center; margin-bottom:15px; }

.aboutUsSpot { font-size:18px; line-height:25px; color:#535353; }


.listKapsa { position:relative; display:flex; /*justify-content:center; align-items:center;*/ flex-wrap:wrap; }

    .listKapsa .card { position:relative; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin:70px 0; }
        .listKapsa .card:nth-child(odd) { flex-direction:row; }
        .listKapsa .card:nth-child(even) { flex-direction:row-reverse; text-align:right; }

        .listKapsa .card .imgBx { position:relative; left:0px; width:50%; height:500px; }

        .listKapsa .card:nth-child(even) .imgBx { right:-20px; }
            .listKapsa .card .imgBx img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;  
                                          -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}

        .listKapsa .card .contentBx { position:relative; left:-25px; width:50%; height:600px; display:flex;
                                      justify-content:center; align-items:center; padding:20px 30px 20px 30px; z-index:1; }

        .listKapsa .card:nth-child(even) .contentBx { left:25px; padding:20px 30px 20px 30px; z-index:1; }

            .listKapsa .card .contentBx:before { content:''; position:absolute; top:-50px; bottom:-50px; left:0px; right:0px; background:#243545; z-index:-1; 
                                                 -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
            .listKapsa .card .contentBx h2 { font-size:30px; color:#fff; }
            .listKapsa .card .contentBx .spot { margin-top:20px; color:#fff; }
            .listKapsa .card .contentBx .detay { margin-top:20px; color:#fff; }
            .listKapsa .card .contentBx a { display:inline-block; margin-top:15px; color:#fff; text-decoration:none; padding:10px; border:1px solid #fff; }
            .listKapsa .card .contentBx a:hover { display:inline-block; margin-top:15px; color:#F29032; text-decoration:none; padding:10px; border:1px solid #F29032; }

@media (max-width:1000px) {
    .listKapsa .card { flex-direction:column; width:100%; margin:5px 5px; }
        .listKapsa .card .imgBx { width:100%; height:350px; left:0; }
        .listKapsa .card .contentBx { width:100%; height:auto; left:0; padding:30px; text-align:center; }
            .listKapsa .card .contentBx:before { top:0; bottom:0; }
        .listKapsa .card:nth-child(even) .imgBx { width:100%; height:250px; left:0; }

        .listKapsa .card:nth-child(even) .contentBx { width:100%; height:auto; left:0; padding:30px; text-align:center; }
}

/*#endregion*/

/*#region ==================================================== KATEGORI LISTE */

.catKapsa { width:100%; display:block; background-color:#fff; overflow:hidden;
             outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;  }
.catKapsa:hover { width:100%; display:block; background-color:#fff; overflow:hidden; }

.catImgKapsa { overflow:hidden; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.catImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden; -webkit-transition: all 300ms ease; 
              -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.catKapsa:hover .catImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center;
                                  -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.catImgbgH { margin-bottom: 1px; overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .catKapsa:hover .catImgbgH { background-color: rgba(0, 0, 0, 0.3); overflow: hidden; }

.catTitleSpotKapsa { padding:5px 25px 5px 25px;}

.catTitle { padding:15px 0px 5px 10px; font-size:26px; font-weight:bold; overflow:hidden; color:#535353; 
             outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }


.catKapsa:hover .catTitle { padding:15px 0px 5px 10px; font-size:26px; font-weight:bold; overflow:hidden; color:#3A3C3B; }

.catSpot { height:75px; overflow:hidden; padding:10px 10px 10px 10px; }

.catKapsa figure { position: relative; }

    .catKapsa figure::before {
        position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }

.catKapsa:hover figure:before { -webkit-animation: shinecatKapsa .75s; animation: shinecatKapsa .75s; }

@-webkit-keyframes shinecatKapsa {
    100% { left: 125%; }
}

@keyframes shinecatKapsa {
    100% { left: 125%; }
}

@media screen and (max-width:800px) {

}

/*#endregion*/

/*#region ==================================================== BLOG / BLOG LISTE / BLOG DETAY */

/*#region  BLOG YAN SAG KISIM */

.blogYanTitle { font-size:22px; font-weight:500; margin-bottom:5px; padding-bottom:10px; border-bottom:1px solid #F6F6F6; }

.blogYanKategorilerKapsa { padding:25px; background-color:#fff; margin:10px 0px 0px 10px; }

.blogCategory, 
.blogCategory a { width:100%; display:block; padding:15px 15px 15px 0px; background-color:#535353; color:#fff; margin-bottom:5px; 
                  text-align:right; /*-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;*/ }
.blogCategory:hover { width:100%; display:block; padding:15px 25px 15px 0px; background-color:#3A3C3B; color:#fff; 
                      text-align:right; /*-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;*/ }

.blogCategoryUstKapsa { padding:20px; background-color:#fff; margin-top:10px; margin-bottom:25px; }
.blogCategoryUst { display:inline-block; color:#fff; background-color:#FF7810; padding:10px; margin-bottom:10px; }
.blogCategoryUst:hover { display:inline-block; color:#fff; background-color:#243545; padding:10px; }

.contentListPopulerTitle { display:block; padding:10px 0px 10px 0px; border-bottom:1px solid #F6F6F6;
                           outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.contentListPopulerTitle:hover { display:block; padding:10px 0px 10px 0px; border-bottom:1px solid #F6F6F6; color:#FF7810; }
.contentListPopulerSpot { display:none; }

/*#endregion*/

/*#region  BLOG LISTE */

.blogPadding { padding:10px; }

.blogKapsa { width:100%; display:block; background-color:#fff; overflow:hidden;
             outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; margin-bottom:5px; }
.blogKapsa:hover { width:100%; display:block; background-color:#fff; overflow:hidden; margin-bottom:5px; }

.blogImgKapsa { overflow:hidden; }
.blogImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden; -webkit-transition: all 300ms ease; 
           -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.blogKapsa:hover .blogImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center;
                            -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.blogImgbgH { margin-bottom: 1px; overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

    .blogKapsa:hover .blogImgbgH { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; }

.blogTitleSpotKapsa { padding:25px;}

.blogTitle { font-size:18px; font-weight:bold; padding-bottom:30px; height:55px; overflow:hidden; color:#535353;
             outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }

.blogKapsa:hover .blogTitle { font-size:18px; font-weight:bold; padding-bottom:30px; height:55px; overflow:hidden; color:#000; }

.blogSpot { font-size:14px; height:93px; overflow:hidden; padding:10px 0px 20px 0px; margin-bottom:10px; }

.blogDate { padding-top:10px; border-top:1px solid #F6F6F6; color:#FF7810; }


@media screen and (max-width:1367px) {
}

@media screen and (max-width:800px){
}

/*#endregion*/


/*#region YORUMLAR / EK YAZILAR */

.ekMetinTitle { font-size:26px; font-weight:bold; }

.yorumTitle {
    width:90%; height:40px; border:1px solid #ddd; padding: 10px;
}

.yorumMetin {
    width:90%; height:100px; border:1px solid #ddd; padding: 10px;
}

/*#endregion*/

/*#endregion*/

/*#region ==================================================== LISTE SAYFALARI */

.contentListKapsa { width:100%; display:block; overflow:hidden; margin-bottom:25px; background-color:#fff;
                    outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;  }
.contentListKapsa:hover { width:100%; display:block; overflow:hidden; }

.contentListImgKapsa { overflow:hidden; /*-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;*/ }
.contentListImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden; -webkit-transition: all 300ms ease; 
                  -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.contentListKapsa:hover .contentListImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center;
                                          -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); 
                                          -ms-transform: scale(1.1); transform: scale(1.1); }

.contentListImgbgH { margin-bottom: 1px; overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .contentListKapsa:hover .contentListImgbgH { background-color: rgba(0, 0, 0, 0.3); overflow: hidden; }

.contentListTitleSpotKapsa { padding:5px 5px 5px 5px;}

.contentListTitle { padding:15px 0px 5px 10px; font-weight:bold; overflow:hidden; color:#535353; 
                    outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }

.contentListKapsa:hover .contentListTitle { padding:15px 0px 5px 10px; font-weight:bold; overflow:hidden; color:#3A3C3B; }

.contentListSpot { height:75px; overflow:hidden; padding:10px 10px 10px 10px; margin-bottom:15px; }

.contentListKapsa 
.contentListDevam, 
.contentListDevam a { display:inline-block; color:#fff; padding:10px; padding-left: 20px; padding-right: 20px; font-size:16px; background-color:#535353; 
                      outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; cursor:pointer; 
                      border:none; border:0; text-decoration:none; list-style: none; list-style-type:none; margin-left:10px; }
.contentListKapsa:hover .contentListDevam { color:#fff; padding:10px; padding-left: 20px; padding-right: 20px; font-size:16px; 
                                            background-color:#2D3E50; margin-left:10px; }


@media screen and (max-width:800px) {

}

.listeKapsa { overflow:hidden; outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; margin-bottom:25px; padding:5px; }
.listeBaslik { color: #5B5B5B; padding: 5px 0px 5px 0px; height: 60px; overflow: hidden; font-size:18px; font-weight:bold; }
.listeSpot { color: #5B5B5B; padding: 5px 0px 5px 0px; height: 60px; overflow: hidden; }

/*#endregion*/

/*#region ==================================================== ALT SAYFA CSS LERI */

.contentDetayTitle { font-size:30px; line-height:40px; margin-bottom:15px; }

/*#region ALT SAYFA HEADER - TITLE - CONTAINER VS*/

.subHeaderKapsa { width: 100%; background-image: url(/uploads/Bg/headerBG.jpg); padding-top:50px;
                  background-position: center center; background-repeat: no-repeat; position: relative; 
                  background-color:rgba(0,0,0,0.7); background-blend-mode: overlay; background-size:cover;
                  display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; }

.altGenelTitleKapsa { width: 100%; color: #fff; text-align: center; padding-bottom:30px; }
    .altGenelTitleKapsa h1 { color: #fff; font-size: 36px; line-height:50px; }
    .altGenelTitleKapsa a { color: #fff; font-size: 36px; line-height:50px; }

.altGenelTitleKapsaMain { width: 100%; color: #fff; text-align: center; padding-bottom:50px; }
    .altGenelTitleKapsaMain h1 { color: #fff; font-size: 36px; line-height:50px; }
    .altGenelTitleKapsaMain a { color: #fff; font-size: 36px; line-height:50px; }

.subPagingDateRecordKapsa { padding:10px; }

@media screen and (max-width:800px)
{
    .subHeaderKapsa { width: 100%; background-image: url(/uploads/Bg/headerBG.jpg); padding-top:70px;
                  background-position: center center; background-repeat: no-repeat; position: relative; 
                  background-color:rgba(0,0,0,0.7); background-blend-mode: overlay; background-size:cover;
                  display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; }

.altGenelTitleKapsa { width: 100%; color: #fff; text-align: center; padding-bottom:20px; }
    .altGenelTitleKapsa h1 { color: #fff; font-size: 20px; line-height:30px; }
    .altGenelTitleKapsa a { color: #fff; font-size: 20px; line-height:30px; }
}

/*#endregion*/

/*#region NAVIGASYON */

.navigasyon, .navigasyon a  { font-size:16px; color:#fff; text-align:center; padding-top:10px; padding-bottom:50px; 
                              border:none; border:0; text-decoration:none; list-style: none; list-style-type:none; }

@media screen and (max-width:800px) {

}

/*#endregion*/

/*#region ALT SAYFA */

.altSayfaEkTitle { font-size:26px; color:#535353; }

.altSayfaRightPadding { padding-left: 20px; }

@media screen and (max-width:800px)
{

}

/*#endregion*/

/*#endregion*/

/*#region ==================================================== ILETISIM SAYFASI VE FORMLAR */

/*#region ILETISIM BOLUMU / GENEL FORMLAR */

.contactGenelKapsa { width:100%; text-align:center; }

.contactUstTitle { font-size:28px; padding:20px 0px 20px 0px; font-weight:500; color:#232533; }
.contactUstFormTitle { font-size:28px; padding:20px 0px 20px 15px; font-weight:500; color:#232533; }

.contactTitleMetinKapsa { background-color:#eee; padding:20px; }
.contactTitle { width:100%; font-size:20px; font-weight:500; }
.contactMetin { width:100%; font-size:18px; }

.formTextbox { width: 100%; height: 50px; padding: 10px; background-color: transparent; border: 1px solid #ccc; 
               transition: 0.5s; color:#535353; outline: 0; }

.formTextbox:hover { width: 100%; height: 50px; padding: 10px; background-color: transparent; border: 1px solid #5B5B5B;
                     transition: 0.5s; color:#000; outline: 0; }

    .formTextbox::-webkit-input-placeholder { color: #535353; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
        .formTextbox:hover::-webkit-input-placeholder { color: #5B5B5B; }

    .formTextbox:-ms-input-placeholder { color: #535353; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
        .formTextbox:hover:-ms-input-placeholder { color: #5B5B5B; }

    .formTextbox::-moz-placeholder { color: #535353; opacity: 1; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
        .formTextbox:hover::-moz-placeholder { color: #000; opacity: 1; }

    .formTextbox:-moz-placeholder { color: #535353; opacity: 1; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
        .formTextbox:hover:-moz-placeholder { color: #000; opacity: 1; }


.contactHaritadaGor, .contactHaritadaGor a { color:#535353; padding:10px; padding-left: 30px; padding-right: 30px; border:1px solid #ccc; 
                                             outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; 
                                             text-decoration:none; list-style: none; list-style-type:none; }

.contactHaritadaGor:hover { color:#000; padding:10px; padding-left: 30px; padding-right: 30px; border:1px solid #5B5B5B; }

.contactYenileButon { transition: 0.7s ease;-o-transition: 0.7s ease;-webkit-transition: 0.7s ease; }
.contactYenileButon:hover { transform: rotate(180deg); }

@media screen and (max-width:800px) {
    .contactLeftKapsa { padding-right:1px; }
}

/*#endregion*/

/*#region FORM TEXTBOX */

.form-control { display: block; width: 100%; height: 40px; background-color: #fff; background-image: none; border: 1px solid #ccc; }

/*#endregion*/

/*#endregion*/