/*
Theme Name: Sem Blog1
Theme URI: https://wpsem.semrehberi.com/
Author: Semrehberi
Author URI: https://www.semrehberi.com
Description: Semrehberi Kişisel blog wordpress teması
Version: 1.0
License: GNU General Public License, version 3 (GPLv3) or later
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: sem-blog1
*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {background: #fff; /* Fallback for when there is no custom background color defined. */}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display: block;}
ol, ul {list-style: none;}
table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}

caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q { quotes: "" ""; }
a:focus {outline: 0;}
a:hover, a:active {outline: 0;}
a img {border: 0;}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/*@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    src: url("font/OpenSans.eot") format("embedded-opentype"), url("font/OpenSans.woff") format("woff"), url("font/OpenSans.ttf") format("truetype");
}
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: normal;
    src: url("font/Oswald.eot") format("embedded-opentype"), url("font/Oswald.woff") format("woff"), url("font/Oswald.ttf") format("truetype");
} */

/*@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald Regular'), local('Oswald-Regular'), url('font/Oswald.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Regular'), local('Open Sans-Regular'), url('font/OpenSans.woff') format('woff');
  font-display: swap;
}*/

body, button, input, select, textarea {color: #666; font-family: "Inter",sans-serif; font-size: 15px; line-height: 1.8;}

h1, h2, h3, h4, h5, h6 {/*clear: both;*/ color: #43474d; font-family: "Poppins",sans-serif; /*line-height: 1.3;*/ margin-bottom: 15px;}

h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

p {margin-bottom: 15px;}
b, strong {font-weight: 600;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 15px;}
address {margin: 0 0 15px;}
pre {background: #555; border-radius: 5px; color: turquoise; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em;}

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 1.5rem;}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
mark, ins {background: #fff9c0; text-decoration: none;}
sup, sub {font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
small {font-size: 75%;}
big {font-size: 125%;}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {background-color: #eee; border: 0; height: 1px; margin-bottom: 15px;}
ul, ol {list-style: none;}
dt {font-weight: bold;}
dd {margin: 0 15px 15px;}
img {vertical-align: middle; height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */}
figure {margin: 0;}
table {margin: 0 0 15px; width: 100%;}
th {font-weight: bold;}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #EF7000;
    border: 1px solid #EF7000;
    color: #FFF;
    padding: 0 30px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    font-size: 14px;
    height: 40px;
    cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #111;
    border: 1px solid #111;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {font-size: 14px; color: #bbb; border: 1px solid #CCC; border-radius: 1px; width: 100%; height: 40px;}

select {font-size: 14px; border: 1px solid #CCC; border-radius: 1px; color: #404040; height: 40px;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 6px 10px;
    height: 40px;
}
textarea {padding:6px 10px; width: 100%; height: auto;}



/* ----------- Elementor Stil Kodları ----------------*/


/*--------------------------------------------------------------
		Genel Sınıflar 
--------------------------------------------------------------*/

a {text-decoration: none; color: #EF7000; outline: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.4s ease 0s;}
a:hover { color: #43474d;}

.clr {clear:both;}
.lastM {margin-right:0;}
.lastP {padding-right:0;}
.mBot {margin-bottom:0;}
.mTop {margin-top:0;}
.yazOrta {text-align: center;}
.fOS {font-family:Poppins; font-weight:500;}
.button {display: block; font-size: 16px; }
.button a {padding:4px 10px; background: #43474d !important; color:#fff !important; border-radius:3px; }
.button a:hover {background:#EF7000 !important; color:#fff !important; }
.alignleft {float:left; margin:0px 15px 0px 0px;}
.alignright {float:right; margin:0px 0px 0px 15px;}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeInDown {
    animation-name: fadeInDown;
}
.fadeInUp {
    animation-name: fadeInUp;
}

/*----------------------- Code CSS -----------------------*/

#anaTasi, #ustbarTasi, #headerTasi, ,#pgtitTasi, #contentTasi, #footerUst, #footerTasi {width:100%;}
#ustbar, #header, #pageTitle, #contentTasi, #contentWrap, #footerUstcont, #footer {width:1080px; margin:0 auto;}

#ustbarTasi {background:#43474d;}
#ustbar {color:#dadada; padding:5px 0; line-height: 20px;}
#ustbar a {color: #fff;}
#ustbar a:hover {color: #EF7000;}
.ustbarSol {float:left; width:48%; padding:0 1%; }
.ustbarSol h1 {color:#dadada; font-size:inherit; margin-bottom:0;}
.ustbarSag {float:left; width:50%; text-align:right;}
.ustbarSag a {font-size:15px; margin-left: 7px;}

#headerTasi { /*padding: 10px 0;*/ background:rgba(255, 255, 255, 1); border-bottom:1px solid #ddd; }
#header { }
.headerSol {float:left; font-family: Poppins; font-size:34px;}
.headerSol span {color:#EF7000; font-size:22px;}
.headerSol img {margin-top:0px;}
.headerSag {float:right; text-align:right; }
.headerSrc {display:none;}
.headerSrc a {
    color: #fff;
    font-weight:bold;
    display:block;
    cursor:pointer;
    float: right;
    margin: 10px 20px 10px 0;
    padding: 5px 15px;
    background: #00bf00;
    border-radius: 3px;
    -webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
}
.headerSrc a:hover {background: #ef7000;}

.menuAc {float:left; background:#43474d; margin:10px 0 10px 20px; padding:5px 15px; font-weight:bold; cursor:pointer; display:none; border-radius:3px; color:#FFF; /*width:70px;*/}
.togActive {background-color:#EF7000;}

#menu ul {padding:20px 0;}
#menu ul li {float:left; margin:0 3px;}
#menu ul li a {padding: 5px 10px; font-size: 15px; color:#43474d; border-radius:5px; transition: all 0.4s ease 0s;}
#menu ul li a:hover {background:#43474d; color:#fff;}
#menu ul li:hover {display: block;}
#menu ul li:hover ul {display: block;}
#menu ul li ul {display:none; position:absolute; min-width:200px; z-index:999; transition: all 0.4s ease 0s;}
#menu ul li ul li {display:block; float:none; padding:0; margin:0; min-width:200px; background:#43474d; border-bottom:1px solid #3a3a3a; border-radius:0; transition: all 0.4s ease 0s;}
#menu ul li ul li:hover {background:#EF7000;}
#menu ul li ul li:first-child {border-radius: 5px 5px 0 0;}
#menu ul li ul li:last-child {border-radius: 0 0 5px 5px; border-bottom:none;}
#menu ul li ul li a {display:block; padding:0 15px; font-size:14px; color:#fff; text-align:left; text-shadow:none; line-height:35px;}
#menu ul li ul li a:hover {padding-left:10px; background:none; color: #fff; transition: all 0.4s ease 0s;}


#top-search {position:relative; margin-left:20px;}
#top-search  form {display:none; width:275px; height:45px; background:#f1f1f1; position:absolute; margin-top:3px; right:0;}
#top-Frm {padding:5px 10px;}
#top-Frm input {width:200px; height:32px; background:rgba(255, 255, 255, 0.9); text-indent:10px; padding:3px; font-size:16px;}
#top-Frm button {width:50px; height:32px; float:right; border-radius:3px; margin-left:5px; padding:0;}

#pgtitTasi {/*background:#f9f9f9;*/ border-bottom:1px solid #ddd;}
#pageTitle {padding:70px 0;}
.page-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.page-filtre {
    background: linear-gradient(rgba(30, 37, 83, 0.5), rgba(30, 37, 83, 0.5)); /* linear-gradient(rgba(20,20,20,.6), rgba(20,20,20,.6));*/
    height: 100%;
}


.siteDesc {float:left; margin-right:1%; width: 29%;}
.siteDesc h1 {font-size:18px; color:#777; line-height:35px;}
.ban728 {float:right; margin-right:1%; text-align:right; width:69%; height:90px;}
.pageBaslik { float:left; width:48%; margin:0 1%;}
.pageBaslik h1 {font-size:26px; color:#fff;}
.breadcrumb { float:right; width:48%; margin:0 1%; text-align:right; line-height:34px; color:#ddd;}
.breadcrumb a {color:#ef7000;}
.breadcrumb a:hover {color:#ddd;}

#contentWrapFull {width: 100%; margin: 3% 0; min-height: 320px;}
#contentWrap {width: 67%; margin:3% 3% 3% 0; float:left; min-height:320px;}
#contentWrapLeft {width: 67%; margin:3% 3% 3% 0; float:right; min-height:320px;}

#featureWrap {margin-top:20px;}
.feature {float:left; position:relative; margin-right:15px; border:7px solid #fff; box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);}
.featureImg {width:100%;}
.featureImg img {width:240px; height:180px; opacity:1; transition:all 0.3s ease;}
.featureImg img:hover {opacity:0.5;}
.featureCap {position:absolute; left:0; bottom:0; width:100%; background: rgba(255, 255, 255, 0.7); display:block; font-size:18px; color:#333; line-height:1.2; padding:5px 10px; }

/*---------- Slider -------------- */

.swiper-container {
    width: 100%;
}

.swiper-slide {
    background-size: cover;
    background-position: 50%;
    min-height: 65vh;
    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}



// overwrite swiper defaults
.swiper-pagination {
    &-bullet {
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        opacity: 1;
    }

    &-bullet-active {
        background-color: #fff;
    }
}


.swiper-button {
    &-container {
        background-color: rgba(0,0,0,.25);
    }
    &-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
    &-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
}

// GENERIC STUFF TO MAKE IT POP 
body {
    display: flex;
    height: 100vh;
    width: 100%;
}
.swiper-slide {
    &:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: black;
        opacity: .2;
    }
    &-h2 {
        pointer-events: none;
        opacity: 0;
        color: #ffffff;
        font-size: calc(5vw);
        letter-spacing: -1px;
        transform: translateY(-5%) scale(.8);
        transition: 1s ease;
        text-transform: uppercase;
        text-shadow: 0 5px 5px rgba(0,0,0, .01);
    }
    &-active h2 {
        opacity: 1;
        transform: translateY(0%) scale(1);
        transition: 1s ease;
    }
}



.parallax-bg {
    width: 80%;
    max-height: 100%;
    padding: 25px;
    background-color: rgba(0,0,0,0.0);
    color: #fff;
    text-align: left;
    margin: 0 0px;
    display: block;
    line-height: normal;
}

.swiper-slide .text {
    font-size: 20px;
    line-height: normal;
    color: #fff;
    font-weight: 400;
}

.swiper-slide .title {
    font-size: 58px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    /*text-shadow: 0px 1px 1px rgb(0 0 0 / 60%);*/
}

@media only screen and (max-width:767px) {
 .swiper-slide .title {font-size:30px;} 
}

.swiper-slide .title span {
    color: #EF7000;
}

.sliderMore {
    display: block;
    position: relative;
    float: left;
    margin-top: 20px;
}

.sliderMore a {
    padding: 10px 15px;
    background: #ef7000;
    font-size: 18px;
    font-weight:normal;
    color: #fff;
    border-radius: 5px;
}
.sliderMore a:hover {
    background: #43474d;
}

/*---------- Slider Sonu ----------*/


.content {padding:30px 20px; margin-bottom:30px; border:1px solid #ddd; border-radius:8px;}
.content p {/*text-align:justify;*/}
.content a {color:#43474d;}
.content a:hover {color:#EF7000;}
.content .postMeta {position:relative; top:-30px; left:-110px; max-width:78px;}
.postDate {background:#fff; padding:0 2px; border:1px solid #ddd; border-radius:7px; margin:0 !important; position:absolute; text-align:center; font-size:18px; color:#43474d; text-transform:capitalize;}
.postDate span {color:#1bafbb; font-size:22px;}
.postDate:after {content: ""; height:23px; position:absolute; right:-10px; top:40%; width:13px; background: url(images/datearrow.png) no-repeat;}

.contBaslik {margin:10px 0;}
/*.contImg {width:100%; height:auto; overflow:hidden; position:relative; border-radius:7px;}*/
/*.contImg img {width:100%; height:auto; border-radius:7px;} */
.contImg {max-width:640px; height:auto; overflow:hidden; border-radius:7px;}
.contText {margin-bottom:15px;}
.contText p {margin-bottom:30px;}
.contText ul {margin-left:15px;}
.contText ul li {display:block; min-width:50px; padding: 8px 8px 8px 0; color:#43474d; transition:all 0.4s ease 0s;}
.contText ul li:before {content: "\f054"; font-family:FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 5px;}

.contMeta {float:left; font-size: 14px; }
.contMeta ul li {float:left; margin-right:15px;}
.contMore {display: block; position: relative; float:right; font-size: 16px; }
.contMore a {padding:4px 10px; background: #43474d; color:#fff; border-radius:3px; }
.contMore a:hover {background:#EF7000; color:#fff; }

.pageMore {display: block; position: relative; margin:30px 0; line-height:18px; font-size: 18px; }
.pageMore a {padding:8px 15px; background: #43474d; color:#fff; border-radius:3px; }
.pageMore a:hover {background:#EF7000; color:#fff; }

.contBan {width:100%; height:60px; margin-bottom:15px;}
.contbanCode {width:69%; float:left;}
.contbanTit {background:#f2f2f2; float:left; width:30%; padding:10px; margin-right:5px; line-height:40px; text-indent:10px; text-shadow: 0 1px #fff;}
.contbanTit span {font-size: 18px; margin-right:5px;}

#contBan300 {display:none;}

/*--------------- Portfolyo List --------*/

.portBox {float:left; width:23%; margin:1%; background:#f0f0f0; text-align:center; border-radius:6px;}
.portBox a {color:#444;}
.portBox a:hover {background:#EF7000;}
.portBox Img {width:100%; height:auto; border-radius:6px 6px 0 0; border-bottom:5px solid;}
.portBox span {width:100%; display: block; text-align:center; min-height:50px;}
.portBox span h5 {margin:5px; font-size:15px;}
.portBox span h5:hover {color:#ef7000;}

/*--------------- Portfolyo Single --------*/
.portImg {float:left; width:50%; height:auto;}
.portImg img {border-radius:6px;}
.portText {float:left; width:48%; text-align:justify; margin:0 10px;}
.portText ul li {background:#f9f9f9; padding:10px; overflow:hidden;}
.portText ul li span {font-weight:bold; float:left; display:block; width:140px;}
.portText .noBg {background:none;}
.portInfo {background:#fcf8e3; font-size:13px; color:#8a6d3b; margin-top:20px; padding:20px;}

/*--------------- Single Css ----------*/

.social-button { margin: 50px auto 0 auto; /*padding: 15px 0;*/ text-align: center; width: 100%;}
span.social-share {float:left; background:#f1f1f1; font-size:13px; line-height: 32px; padding: 0 10px; color:#333;}
.social-icon {float: left; height: 32px;}
.social-icon a {display: block; font-size: 13px; height: 32px; text-align: center;}
.social-icon a:hover {background:rgba(255,255,255,0.5);}
.social-icon a span {color: #fff; line-height: 32px; padding: 0 18px;}

.single-tags {padding: 15px 0; width: 100%; overflow:hidden;}
.single-tags span {font-size:18px;}
.single-tags ul li {background: #f0f0f0; color: #333; font-size: 13px; float: left; height: 28px; line-height: 28px; margin: 0 2px 2px 0; padding:0 10px; display: block;}

.single-onceki-sonraki {margin-bottom: 15px; font-size:15px;}
.single-onceki a {background: #f0f0f0; display: block; float: left; height: 27px; line-height: 27px; padding: 0 10px;}
.single-sonraki a {background: #f0f0f0; display: block; float: right; height: 27px; line-height: 27px; padding: 0 10px;}

.relatePost {margin:0; padding:20px 0; border-top:1px solid #eee;}
.relatePost ul li {float:left; margin-right:25px; width: 150px;}
.relatePost ul li:last-child {margin-right:0;}
.relateTitle {font-size:18px; margin-bottom:10px; color:#333;}
.relateImg {width:150px; margin-bottom:5px; height:150px; border:7px solid #fff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);}
.relateTit {font-size:16px; text-align:center;}

.autinfo-img {float:left; margin-right:15px; border:1px solid #ddd; }
.autinfo-img img {margin:5px !important}
.autinfo-desc {text-align: justify;}
.autinfo-mail {position:relative; float: right; top:0;}

/*------------------- comments -----------------*/

#comments {width: 100%;}
.commentsh3 {font-size:17px;  margin: 10px;}
#comments ul {margin: 0; padding: 0;}
#comments ul .children {margin: 0; overflow: hidden; padding: 0; width: 100%;}
#comments .children li {background:#fefefe;}
#comments ul li {border: 1px solid #efefef; border-radius: 5px; margin: 10px 0; overflow: hidden; padding: 10px; background: #fbfbfb}
#commentform {width: 100%;}
#commentform input, #commentform textarea {border-radius:4px; box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.025) inset;}
#commentform button {background:#454545; border:none; border-radius:4px; font-family:Poppins; font-size:18px; font-weight:300;}
#commentform button:hover {background:#EF7000;}
cite.fn {font-family:Poppins; font-style:inherit; font-size:16px; font-weight:300; color:#454545; }
.comment-author img { width:60px; float: left; height: 60px; margin-right: 10px; border:3px solid #fff; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.1);}
.reply {margin:5px 0 0; width: 65px; float:right;}
.reply a {padding: 7px; display:block; line-height: 15px; text-align: center; background:#454545; font-family:Poppins; font-weight:300; color: #fff; border-radius: 3px; transition: all 0.3s linear;}
.reply a:hover { display:block; background:#EF7000; color:#fff; transition: all 0.3s linear; }

/*--------------- Sayfalama -----------*/
#pagination {float: left; font-size: 16px; font-family:Poppins; font-weight:300; /*padding: 15px 30px;*/}
#pagination ul {margin: 0; padding: 0;}
#pagination ul li {background: #aaa; float: left; margin: 0 1px; padding: 3px 5px; text-align: center; /*width: 23px;*/ display:block; border-radius:3px;}
#pagination ul li:hover {background:#EF7000;}
#pagination ul li a {display:block; color:#fff;}
#pagination ul li:hover a {color:#fff;}
#pagination ul li.previous {background: #676767; color:#fff; /*min-width:80px*/}
#pagination ul li.previous:hover {background:#EF7000;}
#pagination ul li.previous:hover a {color:#fff;}
#pagination ul li.previous a{color:#fff}
#pagination ul li.next {background: #676767; color:#fff; /*min-width:80px*/}
#pagination ul li.next a {color:#fff}
#pagination ul li.next:hover {background:#EF7000;}
#pagination ul li.next:hover a {color:#fff;}
#pagination ul li.current {color:#454545;}
#pagination ul li.current:hover {background:#aaa;}

/*--------------- Footer -------------*/
#sidebar {width:30%; margin:3% 0; float:right;}
#sidebarLeft {width:30%; margin:3% 0; float:left;}
.sidebarCont a {color: #43474d;}
.sidebarCont a:hover {color:#EF7000;}
.sidebarCont {border: 1px solid #ddd; border-radius: 8px; margin: 0 10px 30px; padding: 15px;}
.sidebarTit {/* padding-bottom:5px; margin-bottom:15px; */ padding-bottom:0.75em; margin-bottom:1em; font-size:18px; color:#333; border-bottom:1px solid #ddd;}
.sidebarTit i {margin-right:5px;}
.sidebarTit-ciz {border-bottom:1px solid #ef7000; /* padding-bottom:9px; */ padding-bottom:1em;} 
/*.chrome .sidebarTit-ciz {padding-bottom:10px;}*/
.sidebarCont ul li {border-bottom:1px solid #f2f2f2;}
.sidebarCont ul li:hover {border-bottom:1px solid #EF7000;}
.sidebarCont ul li:last-child {border-bottom:none;}
.sidebarCont ul li a { width:100%; display:block; padding: 8px 8px 8px 0; color:#43474d; transition:all 0.4s ease 0s;}
.sidebarCont ul li a:hover {padding:8px; color:#EF7000;}
/*.sidebarCont ul li a:before {content: "\f054"; font-family:FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 5px;}*/

.sidebarform input {width:220px;}
.sidebarform button {padding:0 13px; border-radius:4px;}

.sidebarCat a {color: #43474d;}
.sidebarCat a:hover {color:#fff;}
.sidebarCat ul {width:100%; font-size:16px;}
.sidebarCat ul li {border-bottom: 1px solid #f2f2f2; float: left; margin-right: 5px; padding:0; width: 48%; display:block;}
.sidebarCat ul li:hover { transition: all 0.3s ease-in-out 0s;}
.sidebarCat ul li:nth-last-child(1) {border-bottom: none;}
.sidebarCat ul li:nth-last-child(2) {border-bottom: none;}
.sidebarCat ul li a:before {content: "\f061"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 16px; padding-right: 5px;}
.sidebarCat ul li a { display:block; color:#454545; padding:3px 3px 3px 0;}
.sidebarCat ul li a:hover {padding:3px;}

.sidebarTimeline ul li {padding:0 0 0 5px; border-bottom:none;}
.sidebarTimeline ul li span.sem-date:before {content: "\f10c"; font-family: FontAwesome; margin-left:-3px; margin-right:5px; }
.sidebarTimeline ul li span.sem-date {display:block; font-size:11px; color:#aaa;}
.sidebarTimeline ul li:hover {border-bottom:none;}
.sidebarTimeline ul li a {padding:0;}
.sidebarTimeline ul li a:hover {padding:0;}
.sidebarTimeline ul li a:hover span.sem-date {color:#EF7000;}
.timeTit {padding: 3px 3px 3px 10px; border-left:2px solid #ccc; font-size:13px;}

.sidebarPop {margin-bottom:10px;}
.popular-img {border: 5px solid #fff; float:left; height: 80px; width: 100px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);}
.popular-img img {width:90px; height:70px;}
.popular-cont {padding-left:115px;}
.popular-cont-tit {font-family:Poppins; font-weight:300; font-size:18px; line-height: 18px;}
.popular-cont-alt {color:#999; font-size: 13px;}

.authorBox {}
.autImg {background: url(images/autfirm.jpg) no-repeat; text-align:center; background-position: center; background-size: cover; border-radius: 5px;}
.autImg img {position:relative; bottom:-25px; border:3px solid #EF7000; border-radius:100%; width:100px; height:100px;}
.autName {text-align:center; margin-top:30px; font-size:18px; color:#333;}
.authorBox p {text-align: justify; padding-bottom:0;}

.sidebarCom {border: 1px solid #ddd; border-radius: 8px; margin: 0 10px 30px; padding: 15px;}
.sidebarCom a {color: #43474d;}
.sidebarCom a:hover {color:#EF7000;}
.usercomlist {margin:5px 0; padding:5px 10px; border:1px solid #ddd; border-radius:5px;}
.usercombut:before {content: "\f0e5"; font-family:FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 5px;}
.usercombut {cursor:pointer; color: #43474d; font-family:Poppins; font-weight:300; font-size:18px;}
.usercombut:hover {color:#EF7000;}
.usercomcont {display:none; font-size:13px;}

.ban250 {text-align:center;}

/*----------------- Footer -------------------*/
#footerUst {background:#43474d; color:#dadada; padding:30px 0; border-top:1px solid #ddd;}
#footerUstcont {}
.fwidget {float:left; width:32%; margin-right:2%; padding:1% 2%; font-size:15px;}
.fwidget:last-child {float:left; width:32%; margin-right:0;}
.fwidget ul {font-family:Poppins; font-weight:300; Font-size:16px;}
.fwidget ul li {}
.fwidget ul li a {color:#dadada;}
.fwidget ul li a:hover {color:#EF7000;}
.fwidget ul li a:before {content: "\f101"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; padding-right:5px;}

.fwidget a {color:#dadada;}
.fwidget a:hover {color:#EF7000;}

.fwidget .sidebarTit {color:#FFF;}

#footerTasi {background:#43474d; color:#dadada; border-top:1px solid #555; font-size:13px; font-family:Poppins; font-weight:300;}
#footer {padding:15px 0;}
.copyright {float:left; font-size:12px;}
.copyright a {color:#ddd;}
.copyright a:hover {color:#ef7000;}
.footerMenu {float:right;}
.footerMenu ul {}
.footerMenu ul li {float:left; margin:0 3px;}
.footerMenu ul li a {padding:0 5px; color:#fff; font-size:12px; border-radius:5px;}
.footerMenu ul li a:hover {color:#ef7000;}

/*--------------------- Custom CSS Code ----------------------------*/

.button {display: block; font-size: 16px; margin:5px; }
.button a {padding:4px 10px; background: #43474d; color:#fff; border-radius:3px; }
.button a:hover {background:#EF7000; color:#fff; }

/*----- Preload Önyükleme -----*/
.no-js #loader {display:none;  }
.js #loader {display:block; position:absolute; left:100px; top:0; }
.se-pre-con {position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999; background: url(images/preloader1.gif) center no-repeat #fff;}

#top {bottom:10px; display:none; width:32px; height:32px; line-height:30px; position:fixed; right:20px; cursor:pointer; text-align: center; background:#777; border-radius: 3px;opacity:0.8;}
#top:hover {background:#EF7000; opacity:1; transition: color 0.5s ease;}

.fade {opacity:1;}
.fade:hover {opacity:0.8;}
.imgflash img:hover {opacity:1; -moz-animation:flash 1.5s; -webkit-animation:flash 1.5s; animation:flash 1.5s;}
.imgcolor img:hover {filter:grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}
.imgcolor img {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);}
.imgblur img {filter: blur(0); -webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0);}
.imgblur img:hover {filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px);}
.imgrol img { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.imgrol img:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.imgflp img { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.imgflp img:hover { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}

/*---------------------- Eklenti CSS Kodlari ------------------------*/

/*----------- Lightbox Css ----------*/
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

/*------------ WP Like Eklentisi ----------*/
/* Colors */
a.liked {}
a.liked:hover, a.liked:active, a.liked:focus {}
a.liked span.sl-count, .sl-count {}
/* Icon */
.sl-icon {margin-right:0.3125em; vertical-align:middle;}
.sl-icon svg { fill: currentColor; width: 1em; height: 1em;}
.sl-icon svg:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0;}
/* Count */
.sl-count {/*vertical-align: middle;*/}
/* Loader */
.loader, .loader:before, .loader:after {background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em;}
.loader:before, .loader:after {position: absolute; top: 0; content: '';}
.loader:before {left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.loader {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {left: .375em;}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}

/* Foto Zoom Efekt */
.fotozoom img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.fotozoom:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* Quick-zoom Container */
.quick-zoom img {
  transform-origin: 0 0;
  transition: transform .25s, visibility .25s ease-in;
}

/* The Transformation */
.quick-zoom:hover img {
  transform: scale(1.1);
}


/*========  Tel& whatsapp buttons ==========*/

.float-tel {
	display: none;
  	position: fixed;
  	bottom: 10px;
	left: 10px;
}

.float-tel a {
	background:#00bf00;
	border-radius: 3px;
	padding: 5px 15px;
	color:#fff;
	font-weight:bold;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.float-tel a:hover {background:#ef7000; color:#fff;}

.float-teldsk {
	display: flex;
  	position: fixed;
  	bottom: 10px;
	left: 5px;
}

.float-teldsk a {
	background:#ef7000;
	border-radius: 3px;
	padding: 5px 10px;
	color:#fff;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.float-teldsk a:hover {background: #00bf00; color:#fff;}