/*!
Theme Name: filtreservisi
Theme URI: http://underscores.me/
Author: Fatih Yiğitgülsün
Author URI: http://wbzyrt@gmail.com
Description: filtreservisi.net Special Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: filtreservisi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

filtreservisi is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



body {
  font-family: arial;
  transition: background-color .5s;
  margin: 0;
  background-color: #f5f5f5;
  color: #c4c4c4;
}

h1, h2, h3, h4, h5 {
  margin:0;
}

a {
	text-decoration:none;
}

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}


p, b, span, li, h1, h2, h3, h4, h5 {
    color: #000;
}


/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}


button,
input,
select,
optgroup,
textarea {
  color: #111;
  font-weight: 400;
  line-height: 1.8;
  text-rendering: optimizeLegibility;
}


a {
  transition: color 110ms ease-in-out;
  color: #0073aa;
}

a:hover,
a:active {
  color: #005177;
  outline: 0;
  text-decoration: none;
}



img {
    display: block;
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
}

img {
    border: 0;
}


/* Metinlerin Seçimini devre dışı bırakır */
.disable-text-selection
{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}


/* Sol Toggle Side Menü */
#mySidenav{
  opacity:0;
  width:0;
  height:0;
}

#mySidenav .fas{
  display: block;
  margin-bottom: .2em;
  font-size: 19px;
}

#mySidenav svg {
  display: block !important;
  padding-bottom: .2em !important;
  font-size: 26px !important;
  text-align: center !important;
  margin: auto !important;
}

#mySidenav ul {
  overflow-y: auto;
  padding: 0 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

#mySidenav li {
  overflow: hidden;
  overflow-y: auto;
  padding: 9px 9px 9px 9px;
  box-sizing: border-box;
  width: 20%;
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#mySidenav li:hover {
	-moz-box-shadow: inset 0px -6px 14px #ffffff;
	-webkit-box-shadow: inset 0px -6px 14px #ffffff;
    box-shadow: inset 0px -6px 14px #ffffff;
    border-radius: 17px;
}

@media screen and (max-width: 998px) {
#mySidenav li {
  width: 33.33%;
}
}

@media screen and (max-width: 768px) {
#mySidenav li {
  width: 50%;
}
}

.sidenav {
	font-family: "PT Sans", sans-serif;
    height: 25vh;
    margin: auto;
    z-index: 99999;
    background-color: #3e6da3;
    border-bottom: solid 2px #507db1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: 0.5s;
    padding-top: 8px;
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
	border-top-left-radius: 10%;
    border-top-right-radius: 10%;
    border-bottom-left-radius: 2%;
    border-bottom-right-radius: 2%;
}

@media screen and (max-width: 767px) {
.sidenav {
  min-height: 50vh;

}
}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  word-wrap: break-word;
  
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
  
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  top: 0;
  font-size: 36px;
}


#sideOpen {
	font-size: 22px;
    font-weight: lighter;
    cursor: pointer;
    background-color: #2d588a;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
	margin-right: 4%;
    bottom: 1em;
    left: 1em;
    -webkit-box-shadow: -3px 2px 6px #353535;
    -moz-box-shadow: -3px 2px 6px #353535;
    box-shadow: -4px 2px 3px #35353554;
    z-index: 9999;
}

#sideOpen span{
	color: #ffffff;
}

#sideCall {
   font-weight: lighter;
    cursor: pointer;
    background-color: #09ad16;
    background-image: linear-gradient(110.1deg, rgba(34,126,34,1) 2.9%, rgba(168,251,60,1) 90.3%);
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    position: fixed;
    bottom: 1em;
    right: 1em;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
	-webkit-box-shadow: -3px 2px 6px #353535;
    -moz-box-shadow: -3px 2px 6px #353535;
    box-shadow: -3px 2px 6px #353535;
    z-index: 9999;
}

#sideCall span {
    font-size: 39px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 5px;}
  .sidenav a {font-size: 8px;}
  .sidenav svg {font-size: 16px !important;}
}


/* Ana içerik kısmı */

#body-main {
  transition: margin-left .5s;
  /* margin-left: 95px; */
  height: 100vh;
  display:block;
}

.content-col {
  width: 100%;
}


/*.conten-head:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: rgb(0 0 0 / 8%);
}
*/


.conten-head {
    background-image: url(image/web-back2-min.jpg);
    min-height: 82vh;
    background-size: cover;
    background-position: center center;
    position: relative;
    margin-bottom: 1%;
    border-top-left-radius: 27%;
    border-bottom-left-radius: 2%;
    border-bottom-right-radius: 31%;
}


.conten-page-head {
    height: 50vh;
    background-size: cover;
    background-position: center center;
	position: relative;
}


.header-logo {
	overflow: hidden;
    display: flex;
    width: 50%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
	padding: 0 2% 0 2%;
}

.header-logo img {
    max-width: 90%;
    margin: auto;
	display: inline-block;
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    width: 35%;
    text-align: right;
    font-size: 22px;
	padding: 0 2% 0 2%;
}

.header-phone {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    color: black;
    width: 40%;
    text-align: right;
    font-size: 22px;
	padding: 0 2% 0 2%;
}

.header-phone a {
    color: #000000;
}

.header-phone b {
    color: #ff7600;
}
@media screen and (max-width: 767px) {
	
.header-logo {
    width: 90%;
}

.header-menu {
    width: 55%;
}


.header-phone {
    display: none;
}
}

/*.image-filter-white{
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}*/

.content-head-first {
	z-index: 2;
    color: #fff;
    background-color: #fff;
    background: rgb(255 255 255 / 95%);
    width: 90%;
    padding: 2% 0 2% 0;
    margin: auto;
    display: flex;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 11%);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.content-head-page-title {
    z-index: 2;
    color: white;
    position: absolute;
    bottom: 40px;
    width: 100%;
    max-width: 100%;
    padding: 1em 0 1em;
    text-align: center;
    margin: auto;
    display: block;
}

.content-head-page-title > .entry-title, .page-title {
    font-size: 25px;
    font-weight: 400;
    color: #ffffff;
    text-shadow: 2px 2px 3px #000;
}



.content-head-phone {
	display:none;
}

@media screen and (max-width: 767px) {
  .content-head-phone {
    font-size: 1.2rem;
    display: flex;
    position: fixed;
    width: 100%;
    overflow: hidden;
    z-index: 9999999;
    bottom: 0;
}
}



.content-head-phone a {
    color: #ffffff;
    display: flex;
    width: 100%;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
    padding: 3.2% 1.5% 3.2% 1.5%;
    background: #ff7600;
    background: radial-gradient(#ffa150, #ff7600);
    text-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
}


.content-head-phone a:hover {
	color: #ffffff;
	transform: scale(1.1);
}

.content-head-phone .col-left {
    text-align: center;
    margin: auto;
    font-size: 46px;
    padding: 0 4px 0 4px;
    display: block;
}

.content-head-phone .col-phone {
	padding: 0 4px 0 4px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.content-head-phone .col-phone  i, .content-head-phone .col-phone  svg {
    font-size: 41px;
    position: relative;
    background: #fff;
    color: #005a86;
    padding: 6% 14% 6% 14%;
    border-radius: 100%;
    border: solid 5px #fff;
    animation: play 2s ease infinite;
}

@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
    }

}

.content-head-phone .col-phone span{
    width: 100%;
    display: block;
    font-size: 15px;
    font-style: italic;
	font-weight: bold;
    letter-spacing: 0.9px;
    color: #005a86;
}

@media only screen and (min-width: 1171px) {
.content-head-text strong {
	font-size: 2.8rem;
}

}

@media only screen and (max-width: 1170px) {
.content-head-text strong {
	font-size: 2rem;
}
.content-head-phone {
	font-size: 1.2rem;
}

.content-head-phone .col-phone span{
    letter-spacing: 0.4px;
}

}

@media only screen and (max-width: 768px) {
	
.conten-head {
    min-height: 38vh;
	border-bottom-left-radius: 0;
}
	
.content-head-text strong {
	font-size: 1.3rem;
}
	


}


.content-head-text {
    z-index: 2;
    margin: auto;
    color: #000000;
    text-align: left;
    width: 86%;
    max-width: 100%;
    padding: 3em 0 1em;
}

.content-head-text strong {
    font-weight: 600;
}

.content-head-text span {
    display: block;
    font-size: 23px;
    margin: 2% 0 0 0;
    width: 49%;
    font-family: serif;
	color: #6b6988;
}

@media only screen and (max-width: 767px) {
	
.content-head-text span {
   font-size: 17px;
   width: 50%;
}
}

.content-head-text-down {
	z-index: 2;
    color: white;
    text-align: center;
    width: 100%;
    max-width: 100%;
	padding: 1em 0 1em;
}



/* Ana içerik şablonu */
#main-container {
    display: block;
}


/* alt çizgili yazı */
.content-title-style {
    border-bottom: solid 2px;
    display: table;
    color: #464646;
    text-align: center;
    margin: auto;
    padding: 8px;
    margin-top: 50px;
    margin-bottom: 50px;
	font-size: 25px;
    font-weight: 300;
}


@media only screen and (max-width: 767px) {
	
/* alt çizgili yazı */
.content-title-style {
    margin-top: 25px;
    margin-bottom: 25px;
}

}

/* Servislerimiz neden biz */
#services {
    display: flex;
    position: relative;
    margin-top: -5%;
    padding: 0 5% 0 5%;
}
.services-col {
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    margin: 0 1% 0 1%;
    padding: 2%;
    width: 35%;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 11%);
}
.services-icon {
    display: block;
    text-align: center;
    padding: 4% 4% 6% 4%;
    margin: auto;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 20%;
}
.services-icon i, .services-icon svg {
	text-align: center !important;
    margin: auto !important;
    font-size: 34px !important;
    color: #ff7600;
}
.services-text {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    width: 100%;
    color: #464646;
}
.services-text h4 {
    font-size: 29px;
    padding-bottom: 3px;
    font-weight: bold;
    border-bottom: solid 2px;
    border-color: black;
    display: block;
    text-transform: uppercase;
}
.services-text span {
    font-size: 15px;
    font-style: italic;
    color: #505050;
    padding-top: 4%;
    display: block;
}


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

.services-text h4 {
    font-size: 26px;
}

}

@media only screen and (max-width: 885px) {
	
#services {
    display: block;
    position: static;
    margin: auto;
    margin-top: -5%;
    padding: 0;
}
.services-col {
    margin: 1% 0 1% 1%;
    width: 44%;
    border-radius: 0;
    display: inline-block;
}

.services-text h4 {
    font-size: 26px;
}

}


@media only screen and (max-width: 768px) {
	
.services-text h4 {
    font-size: 22px;
}

}


/* Hizmetler Bölümü */
#as-services {
    display: block;
	margin:auto;
    width: 88%;
}
.as-services-content {
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
	margin-bottom: 3%;
    border-radius: 16px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 11%);
}
.as-services-content:nth-child(odd) {
    background: #ffffff;
}
.as-services-content:nth-child(even){
    background: #f7f7f7;
}
.as-col {
    display: block;
}

.as-col h3 {
    color: #2d2d2d;
}

.as-col p {
    color: #505050;
}

.as-col-text {
    width: auto;
    float: left;
    padding: 5% 2% 5% 2%;
    margin: auto;
    text-align: center;
	max-width: 50%;
}
.as-col-image {
    float: right;
    width: auto;
}

@media only screen and (max-width: 768px) {
	
.as-col-image {
	width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}
.as-col-image img{
	width: 100%;
}

}

/* Resimli Projeler expanding sections */

.projects-panel {
  display: flex;
}

.project-col {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: #fff;
  transition: flex .4s ease;
  position: relative;
  
  /* Bacgroud image cancel new gradient color */
  background-color: #8BC6EC;
  background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);

}

.project-col .project-overlay {
  background-color: rgb(0 0 0 / 22%);
  width: 100%;
  height: 100%;
  position: absolute;
  transition: background-color .8s ease;
}

.project-col .project-content {
  z-index: 2;
  padding: 0 20px 0 20px;
}

.project-col:hover {
  flex: 2;
}

.project-col:hover .project-overlay {
  background-color: rgba(0, 0, 0, 0.95);
}



.project-content h3 {
    font-size:32px;
    text-shadow: 2px 2px #000000;
	top:0;
	transition: .8s ease;
	margin:auto;
	text-align:center;
}

.project-col:hover .project-content h3 {
    top: 50px;
    /* position: absolute; */
	font-size:42px;
	transition: .8s ease;
	margin:auto;
	text-align:center;
}

.project-content li {
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0;
    font-size: 18px;
    font-weight: lighter;
    color: #ececec;
}

.project-col:hover .project-content li {
    width: 100%;
    height: 100%;
    opacity: 1;
	
}

.project-content p {
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0;
    font-size: 18px;
    font-weight: lighter;
    color: #ececec;
}

.project-col:hover .project-content p {
    width: 100%;
    height: 100%;
    opacity: 1;
	
}



@media only screen and (max-width: 767px) {
	
.projects-panel {
	display:block;
}

.project-col {
  height: 33vh;
  transition: .4s ease;
}

.project-col:hover {
  height: 100vh;
  transition: .4s ease;
}

#projects-close {
  font-size: 40px;
  font-family: serif;
  font-weight: lighter;
  cursor: pointer;
  color: #ffffff;
  padding-left: 18px;
  padding-right: 8px;
  position: fixed;
  top: -10px;
  right: 0;
  z-index: 9999999999;
  visibility:hidden;
}

}



@media only screen and (min-width: 768px) {
	
#projects-close {
  display:none;
}

}




#projects-section {
  z-index: 2;
  color: white;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.project-col:hover #projects-section {
  display:none;
}

#projects-section span {
  position: absolute;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#elektrik {
  background-image: url(image/p-elektrik.jpg);
}


#uydu {
  background-image: url(image/p-uydu.jpg);
}

#internet {
  background-image: url(image/p-internet.jpg);
}

#diafon {
  background-image: url(image/p-diafon.jpg);
}











/* Resimli Blog expanding sections */

.blog-panel {
   display: block;
   overflow: hidden;
   margin: 50px;
}

.blog-col {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: #fff;
  transition: flex .4s ease;
  position: relative;
  
  width: 50%;
  float: left;
  
  
  background: #16222A;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3A6073, #16222A);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3A6073, #16222A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.blog-col .blog-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  transition: background-color .8s ease;
  outline: 2px solid #81818159;
  outline-offset: -18px;
}

.blog-col .blog-content {
    z-index: 2;
}

.blog-col .blog-content {
    margin: auto;
    padding: 5px;
    display: block;
}

.blog-col:hover {
  flex: 2;
}

.blog-col:hover .blog-overlay {
  background-color: rgba(0, 0, 0, 0.95);
}



.blog-content h3 {
    font-size: 25px;
    font-weight: 200;
	top:0;
	text-align: center;
	transition: 0.8s ease;
}

.blog-col:hover .blog-content h3 {
    font-size: 22px;
	opacity:0.8;
	transition: 0.2s ease;
}

.blog-content h2 {
    font-size: 25px;
    font-weight: 200;
	top:0;
	text-align: center;
	transition: 0.8s ease;
}

.blog-col:hover .blog-content h2 {
    font-size: 22px;
	opacity:0.8;
	transition: 0.2s ease;
}


.blog-text-more {
    visibility:hidden;
    opacity: 0;
	width:0;
	height:0;
	margin:0;
	padding:0;
	
}

.blog-text-more a{
    color: #ececec;
    transition: 0.8s ease;
}

.blog-col:hover .blog-text-more {
	visibility: visible;
    width: 97px;
    max-width: 100%;
    height: auto;
    opacity: 1;
    cursor: pointer;
    font-size: 18px;
    font-weight: lighter;
    color: #ececec;
    display: block;
    margin: auto;
	margin-top: 6px;
	margin-bottom: 6px;
    padding: 5px;
    text-align: center;
    background-color: #b3600a;
    border: 2px solid #ececec;
    transition: 0.8s ease;
}





@media only screen and (max-width: 767px) {
	
.blog-panel {
	margin:20px;
}

.blog-content h3 {
    font-size: 20px;
	transition: 0.8s ease;
}

.blog-col:hover .blog-content h3 {
    font-size: 16px;
	transition: 0.8s ease;
}

.blog-col {
  width:100%;
  height: 18vh;
  transition: .4s ease;
}


.blog-col:hover {
  height: 50vh;
  width: 100%;
  transition: .4s ease;
}



}




#blogs-section {
  z-index: 2;
  color: white;
  text-align: center;
  width: 100%;
  max-width: 100%;
  font-size: 27px;
}

.blog-col:hover #blogs-section {
  display:none;
}

#blogs-section span {
  position: absolute;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



/* #evdeneve {
  background-image: url(image/p-evdeneve.jpg);
  
}


#kurumsal {
  background-image: url(image/p-kurumsal.jpg);
}

#parcaesya {
  background-image: url(image/p-parcaesya.jpg);
} */


.blog-all-post {
    width: auto;
    height: auto;
    margin: auto;
    cursor: pointer;
    display: table;
    position: relative;
    overflow: hidden;
    top: 20px;
	margin-bottom: 20px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #818181;
    transition: all 1000ms ease;
    font-size: 16px;
    color: #818181;
}

.blog-all-post a {
    color: #818181;
}


.blog-all-post:hover {
    box-shadow: inset 0 0 0 2px #6b6b6b;
}



/* Normal yazı içeriği */
.content-text {
    display: block;
    margin: auto;
	padding: 16px;
    min-height: 25vh;
	overflow:auto;
	font-family: arial;
}

.content-text h1 {
    text-align: center;
    font-size: 25px;
}

.content-text h2 {
    text-align: center;
    font-size: 23px;
}

.content-text p {
	padding: 2%;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
    color: #8a8a8a;
    font-family: 'serif', sans-serif, arial;
}

.content-text .readmore-text {
	display: table;
    font-family: monospace, arial;
    text-align: center;
    margin: auto;
    margin-top: 1%;
    color: #333333;
    padding: 5px;
    cursor: pointer;
}


#content-text-full {
	height: 182px;
    overflow: hidden;
}


@media only screen and (max-width: 767px) {
	
.content-text p {
	padding: 1.3%;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
}

}


/* Yorumlar */

.comment-list {
    list-style-type: none;
    padding: 0;
}

.comment-form-url {
    display: none;
}

#comments .comment {
    padding: 3%;
}

#comments .comment:nth-child(odd) {
    background-color: #ffffff;
}

#comments .comment:nth-child(even) {
    background-color: #dcdcdc;
}


#comments .avatar {
    float: left;
    display: block;
    padding: 8px;
}

#comments time {
    font-size: 13px;
    color: #969696;
}

#comments .comment-content {
    display: block;
    margin: 2% 0 2% 0;
}


/* Yorum Girişi */

#respond {
	width: 90%;
    margin: auto;
    text-align: center;
}

#respond .comment-form-comment {
    width: 100%;
}

#respond .comment-form-comment label {
    display: block;
}

#respond .comment-form-comment textarea {
    width: 100%;
    max-height: 90px;
}

#respond .comment-form-author, #respond .comment-form-email {
    width: 50%;
    float: left;
	margin: 1%;
}

@media only screen and (max-width: 767px) {
#respond .comment-form-author, #respond .comment-form-email {
    width: 100%;
    float: none;
}
}

#respond .comment-form-author input, #respond .comment-form-email input {
    width: 100%;
}

#respond #submit {
    background: #1f1f1f;
    color: antiquewhite;
    padding: 1%;
    border-radius: 4%;
    cursor: pointer;
}
#respond #submit:hover {
    background: #5a5a5a;
}

/* İçerik İletişim */

.contact-panel {
    display: flex;
    margin: auto;
    min-height: 25vh;
    height: auto;
    overflow: hidden;
    background-image: url(image/contact-us2-min.jpg);
    background-size: cover;
    background-position: center;
}
.contact-col-block {
    display: flex;
    width: 50%;
    float: left;
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
    flex-wrap: nowrap;
}

.contact-col-block + .contact-col-block {
	background-color: #909090;
	background-color: #909090c9;
	color: #fff;
}

.contact-col {
    transition: .4s ease;
    position: relative;
    display: block;
    width: 100%;
    float: left;
    min-height: 25vh;
    height: auto;
	background-color: #0aa3b3;
    background-color: #0aa3b3a6;
    margin: auto;
}
.contact-col:hover {
    background-color: #0aa3b3e0;
}


.contact-col + .contact-col {
	background-color: #0ab35f;
	background-color: #0ab35fa6;
}

.contact-col + .contact-col:hover {
	background-color: #0ab35fe0;
}

.contact-col + .contact-col + .contact-col {
    width: 100%;
    background-color: #820ab3a6;
}

.contact-col + .contact-col + .contact-col .contact-container {
    width: 78%;
	text-align: center;
}

.contact-col-adress {
    display: flex;
}

.contact-container {
    padding: 30px;
    height: 100%;
    margin: auto;
}


/* İletişim Form Modifiye */
.contact-col .contact-container .caldera-grid .form-control {
    border: 2px solid #5a05a9;
    box-shadow: 0 0 20px #a872d8;
    border-radius: 4px;
}

.contact-col .contact-container .caldera-grid .form-control:active, .contact-col .contact-container .caldera-grid .form-control:hover {
    border: 2px solid #14901e;
    box-shadow: 0 0 15px #e4ffe6;
    border-radius: 4px;
}

.contact-col .contact-container .caldera-grid .btn-default {
    background-color: #14901e;
    color: #ffffff;
    font-size: 21px;
}

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

.contact-panel {
    display: block;
}

.contact-col-block {
    width: 100%;
}	
.contact-col {
    width: 100%;
}

}


.contact-col-title {
    font-size: 25px;
    font-weight: 300;
    text-align: center;
	color: #efefef;
}

.contact-col-text {
    font-size: 16px;
    text-align: center;
    margin: auto;
    display: block;
    color: #151515;
}

.contact-col-phone {
    font-size: 25px;
    font-weight: 200;
    text-align: center;
    color: white;
}




	
.contact-col:hover .contact-container-overlay {
	opacity:1;
    visibility: visible;
    transition: .5s ease;
}



.contact-container-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
	opacity:0;
    visibility: hidden;
    transition: .5s ease;
}

.contact-container-overlay-col {
    padding: 9px;
    background-color: #0ab35f;
    outline: 2px solid #f1f1f1;
    outline-offset: -6px;
}

.contact-container-overlay-col:hover {
    background-color: #0b8e4d;
}

.contact-container-overlay span {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: auto;
    display: block;
    color: #151515;
}


.contact-map-col {
    transition: 0.4s ease;
    display: block;
    width: 100%;
    float: left;
    height: 50vh;
    background-color: #973b31;
}


.contact-map-container {
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}


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

.contact-map-col {
    height: 25vh;
}

.contact-map-col-title {
    margin: 6px;
}
	
.contact-map-container {
    display: block;
	overflow-y: auto;
}

}


.contact-map-col-title {
    font-size: 25px;
    font-weight: 300;
    margin: 16px;
    text-align: center;
	color: #efefef;
}




/* FOOTER */

.footer-social a {
    display: inline-flex;
    padding: 5px;
    margin: 8px;
}


#footer {
    margin: auto;
    display: block;
    overflow: hidden;
    padding: 1px;
	padding-bottom:85px;
}

#footer p {
    text-align: center;
    margin: auto;
    font-size: 16px;
    padding: 12px;
    color: #767676;
}

#footer a {
    color: #b3b3b3;
}



/* YAZI VE KATEGORİ SAYFASI */

#content-search {
    display: block;
    text-align: center;
    margin: auto;
    padding: 35px;
}
#content-search input.search-field {
    height: 44px;
    border: 3px solid #028541;
}

#content-search input.search-submit {
    height: 60px;
    width: 60px;
    font-size: 15px;
    border: 3px solid #265daf;
    background-color: #164a97;
    color: white;
    font-weight: bold;
	cursor:pointer;
}

#content-search .screen-reader-text {
    display: none;
}


#content-single {
    display: block;
    overflow: hidden;
    margin: 50px;
}

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

#content-single {
    margin: 20px;
}

}


/* Navihasyon Daha eski Daha yeni */
.posts-navigation {
    width: 122px;
    max-width: 100%;
    height: auto;
    margin: auto;
    cursor: pointer;
    display: table;
    position: relative;
    overflow: hidden;
    top: 20px;
	margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #818181;
    transition: all 1000ms ease;
    font-size: 16px;
    color: #818181;
}

.posts-navigation a {
    color: #818181;
}


.posts-navigation:hover {
    box-shadow: inset 0 0 0 2px #6b6b6b;
}



.post-navigation {
    width: 122px;
    max-width: 100%;
    height: auto;
    margin: auto;
    cursor: pointer;
    display: table;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #818181;
    transition: all 1000ms ease;
    font-size: 16px;
    color: #818181;
}

.post-navigation a {
    color: #b16022;
}


.post-navigation:hover {
    box-shadow: inset 0 0 0 2px #6b6b6b;
}



.entry-meta {
    padding: 14px;
}

.entry-footer {
    padding: 14px;
}


/* Arama Sayfası - Search page */

.search-page article {
    background-color: #424242;
    color: #e4e4e4;
    padding: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.search-page article a {
    color: #ffffff !important;
}