/*
 Theme Name:   pecetev1
 Theme URI:    google.com
 Description:  Peceteler.com Özel Tema
 Author:       Atalay
 Author URI:   http://example.com
 Template:     pecetev1
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

body, html {
	
}

a {
	transition: .5s;
	-webkit-transition: .5s;
}
a:hover, a:visited {
	text-decoration:none;
}

.small-text-go {
	font-size:18px;
	line-height:0;
}

.btn:focus, button {
	outline:0!important;
	box-shadow:none!important;
}

a, h1, h2, h3, h4, h5, h6, p, table, tr, td, img, button, input {
	border:none;
	list-style-type:none;
	padding:0;
	margin:0;
}

div[class*="col-"] > .square-responsive,
span[class*="col-"] > .square-responsive,
ol[class*="col-"] > .square-responsive,
ul[class*="col-"] > .square-responsive,
li[class*="col-"] > .square-responsive{
	padding-bottom:100%; 
}
.square-responsive,
.rect-responsive{
	position:relative; 
	overflow:hidden;
}
.square-responsive > *,
.rect-responsive > *{
	position:absolute; 
}
.square-responsive > .square-responsive-content,
.rect-responsive > .rect-responsive-content {
	width:100%;
	height:100%;
}
.no-padding {
	padding:0;
}

/*
	PAGE TITLE
*/
.pageTitle {
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}
.pageTitle * {
	display:block;
}
.pageTitle label {
	font-size:16px;
	margin-top:5px;
	position:relative;
}
.pageTitle label:after {
    content:"";
    position: absolute;
    width:50px;
    height:1px;
	background:var(--primary);
    z-index: -1;
	margin-top:10px;
	margin-left:10px;
}
.pageTitle.text-left label:before {
    display:none;
}
.pageTitle label:before {
    content:"";
    position: absolute;
    width:50px;
    height:1px;
	background:var(--primary);
    z-index: -1;
	margin-top:10px;
	margin-left:-60px;
}
.pageTitle span {
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	background:var(--primary);
	padding:5px 20px;
	color:#fff;
}


/*
	PAGE HEADER
*/
#pageHeader {
	border-bottom:1px solid #ddd;
}

#pageHeader > .container > .row {
	height:150px;
}

.pageNav-block {
	padding-left:0;
}

 .pageNav-block > div {
	border-radius:3px;
	padding:10px;
}
.pageNav-block span {
	float:left;
	font-size:14px;
}
.pageNav-block span a {
	color:#000;
}
.pageNav-block span i{
	font-size:24px;
}
#headerContact {
	position:static!important;
	display:block!important;
}
.headerInstagram > span {
	display:block;
}
.headerInstagram a > span span{
	font-size:40px;
}
.headerInstagram a > span:last-child{
	display:block;
	margin-top:-5px;
}
.headerWhatsapp {
	display:block;
	background:#25D366;
	color:#fff;
	font-size:14px;
	padding:15px;
	display:table;
	width:100%;
}
.headerWhatsapp:hover {
	color:#fff;
}
.headerWhatsapp > * {
	display:table-cell!important;
	vertical-align:middle!important;
}

.headerWhatsapp i {
	font-size:48px;
}
.headerWhatsapp span {
	text-align:left;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
}
.headerWhatsapp span b{
	font-size:12px;
	font-weight:normal;
}
.headerWhatsapp label{
	border:2px solid #fff;
	border-radius:30px;
	padding:10px 20px;
	cursor:pointer;
	display:block;
	font-size:13px;
	position:relative;
	margin-top:10px;
}
.headerWhatsapp label svg{
	position:absolute;
	font-size:24px;
	right:-5px;
	bottom:-5px;
	fill: #fff;
}
.headerWhatsapp span:last-child {
	width:120px;
}

/*
	HEADER MENU
*/
#heeaderMenu {
	position:static!important;
	display:block!important;
}
#heeaderMenu ul.nav li {
	border-right:1px solid #ddd;
	padding-top:10px;
	padding-bottom:10px;
}
#heeaderMenu ul.nav li a {
	font-weight:bold;
	color:#000;
	font-size:14px;
}
#heeaderMenu ul.nav > li > a.active, #heeaderMenu ul.nav > li > a:hover {
	font-weight:bold;
	color:var(--primary);
}

.p-title {
	margin:20px 0;
	font-size:20px;
	font-weight:bold;
}
.wpcf7-form input, .wpcf7-form textarea {
	padding:10px;
	width:100%;
	border:1px solid #ddd;
	margin-top:5px;
}
.wpcf7-form label {
	display:block;
	font-size:18px;
	margin-bottom:15px;
}

.wpcf7-form input.wpcf7-submit {
	background:var(--primary);
	color:#fff;
}
.wpcf7-form textarea {
	height:150px;
}

#heeaderMenu ul.nav li.dropdown.active {
	background:var(--primary);
}
#heeaderMenu ul.nav li.dropdown.active a{
	color:#fff;
}
#heeaderMenu ul.nav li.dropdown ul li {
	padding:15px 15px;
	border:none;
	border-top:1px solid rgba(0,0,0,.3)
}
#heeaderMenu ul.nav li.dropdown ul li:Hover {
	background: rgba(0,0,0,.3)
}
#heeaderMenu ul.nav li.dropdown ul {
	background:var(--primary);
	margin-top: -1px;
    width: 100%;
    margin-left: 0!important;
	border:none;
	border-radius:0;
	padding-top:0;
	padding-bottom:0;
}
#heeaderMenu ul.nav li.dropdown ul li a {
	color:#fff;
}

/*
	SERVICES
*/
#services .card {
	border:none;
	overflow:hidden;
}
#services .card, #services .card img {
	transition: .2s;
	-webkit-transition: .2s;
}
#services .card .card-footer {
	background:none;
	border:none;
}

#services .card:hover img {
	transform: scale(1.2);
}
#services .card:hover {
	background:var(--primary);
	box-shadow:none;
}
#services .card:hover * {
	color: #fff;
}


#process .process-in:hover {
	background:var(--primary);
	box-shadow:none;
}
#process .process-in:hover h3, #process .process-in:hover p{
	color:#fff;
}

.card.card-horizontal {	
	flex-direction:row!important;
	-ms-flex-direction:row!important;
	margin-bottom:10px!important;
	position:relative!important;
	display:table;
	width:100%;
}

.card.card-horizontal .card-body {
	padding:0;
	padding-left:10px;
	display:table-cell;
	vertical-align:middle;
}
.card.card-horizontal .card-image {
	width:25%;
	display:table-cell;
	vertical-align:middle;
}	

.card.card-horizontal .card-body h5 {
	line-height:15px;
	margin-bottom:5px;
}

.card.card-horizontal .card-body h5 {
	line-height:15px;
	margin-bottom:5px;
}
.card.card-horizontal .card-body h5 {
	line-height:15px;
	margin-bottom:5px;
}
.card .card-footer  {
	position:Absolute;
	right:5px;
	bottom:0;
	padding:5px;
	background:none;
	border:none;
}

.card-title {
	font-size:18px;
}



/*
	PROCESS
*/
#process {
	background:#eee;
	padding-top:15px;
}
#process .process-in {
	transition: .2s;
	-webkit-transition: .2s;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:5px;
}

#process .process-in:hover .process-icon-shape{
	left:20px;	
}
#process .process-in {
	display:table;
}
#process .process-icon, #process .process-content {
	display:table-cell;
	vertical-align:middle;
	transition: .2s;
	-webkit-transition: .2s;
}
#process .process-icon-shape {
	background: #fff;
    border-radius: 5px;
    height: 90px;
    margin: 0 60px 40px 0;
    width: 90px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: 20px;
    left: 20px;
    float: left;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
	text-align:center!important;
}
#process .process-icon-shape svg {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: var(--primary);
    display: block;
    font-size: 45px;
    line-height: 50px;
    margin: 0;
    position: relative;
    text-align: center;
    top: 20px;
    bottom: 0;
    transition: all 0.2s ease 0s;
	display:inline!important;
	fill: var(--primary)!important
}
#process .process-content h3 {
    font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}
#process .process-content p {
	font-size:16px;
}

/*
	REFERENCES
*/
#references .reference {
	text-align:center;
	padding-top:0!important;
	padding-bottom:0!important;
}
#references .reference img {
	transition: .5s;
	-webkit-transition: .5s;
	margin:0;
}
#references .reference:hover img {
	transform: scale(1.1);
}

/*
	FOOTER
*/
#footer {
	background: #353535;
	padding-top:10px;
	padding-bottom:10px;
}
#footer .container, #footer .container * {
	color:#fff;
	font-size:14px;
}

svg.headerSvg {
	width:20px!important;
	fill: var(--primary);
}

/*

*/

.breadcrumb {
	background:none;
	padding:0;
}
.breadcrumb li {
	font-size:13px;
}
.breadcrumb li.active {
	font-weight:bold;
}
.breadcrumb li a {
	color:var(--primary);
}

/*
	BLOG PAGE 
*/
#blogPage {
	
}
#blogPage > .container > h1 {
	font-size:24px;
}
#blogPage > .container > h2 {
	font-size:24px;
	color: var(--primary)
}


.blog-page-header h1 {
	
}
.blog-page-header h2{
	color: #fff;
	padding-bottom:10px;
	display:inline-block;
}
.blog-page-header h2{
	font-size:24px;
	font-weight:bold;
}
.blog-page-in {
	padding-top:15px;
}
.blog-page-in p{
	font-size:18px;
	line-height:30px;
}

.list-group h3 {
	font-size:16px;
}

h2.card-title {
	font-size:18px;
}


/*
	category-card
*/
.category-card {
	background-size:cover;
}

.contact-block {
	background:#eee;
	padding:20px;
	margin-bottom:10px;
}

.card.category .card-body{
	height:80px;
	display:table;
	padding:0 5px;
}

.card.category .card-body > *{
	display:Table-cell;
	vertical-align:middle;
}

.none {
	display:none;
}


/*
	 footer-menu
*/
.footer-menu {
	margin-top:10px;
}
.footer-menu ul.nav li.nav-item {
	display:block;
	width:100%;
	padding:5px 0;
}
.footer-menu ul.nav li.nav-item a{
	padding:0;
}

.slider {
	position:fixed!important;
	right:0;
	left:0;
	top:0;
	bottom:0;
	z-index:99999;
	height:100%;
	background:rgba(0,0,0, .9);
}
button.sliderCloseButton {
	position:Absolute;
	right:15px;
	top:0;
	text-align:center!important;
	width:60px;
	height:60px;
	background:var(--primary);
	border:none;
	padding:0;
	cursor:pointer;
}
button.sliderCloseButton svg {
	fill :#fff;
}

.slider h1 {
	position:absolute;
	left:35px;
	bottom:20px;
	font-size:24px;
}

.sliderLeft {
	margin-left:15px!important;
	width:60px;
	height:60px;
	border:none;
	cursor:pointer;
	position:Absolute;
	top:0;
	bottom:0;
	left:0;
	margin: auto;
	background:none
}
.sliderLeft * {
	font-size:36px;
	fill: var(--primary)
}
.sliderRight {
	margin-right:15px!important;
	width:60px;
	height:60px;
	border:none;
	cursor:pointer;
	position:Absolute;
	top:0;
	bottom:0;
	right:0;
	margin: auto;
	background:none
}
.sliderRight * {
	font-size:36px;
	fill: var(--primary)
}

.sliderRight button:focus, .sliderLeft button:focus, .sliderRight button:visited, .sliderLeft button:visited {
	outline:0!important;
	box-shadow:none!important;
}

.slider img {
	max-width:100%;
	max-height:100%!important;
}

#footer .icon-instagram * {
	font-size:36px!important;
}


.main-category .card-body {
	
	height:170px!important;
}
.main-category h2 {
	margin-top:-8px;
	margin-bottom:0;
}

.i-wp {
	display:table-cell;
	vertical-align:middle;
}
.i-wp svg {
	fill: #fff;
}

.wp-block-gallery {
	margin-top:15px!important;
}

#blogPage .wp-block-gallery {
	display:none;
}
/*
	RESPONSIVE
*/
@media all and (max-width: 1199px) { 
	
	.card .card-body p {
		font-size:15px!important;
	}

	#pageHeader .pageNav-block span {
		font-size:12px;
	}
	#pageHeader .pageNav-block span i{
		font-size:18px;
	}
	
	#process .process-content h3 {
		font-size:18px;
		margin-bottom:10px;
	}
	#process .process-content p {
		font-size:14px;
	}
	
	.headerInstagram > span {
		display:block;
	}
	.headerInstagram a > span i{
		font-size:36px;
		color: var(--primary)
	}
	.headerInstagram a > span:last-child{
		margin-top:-5px;
		font-size:13px;
	}
	
	#process .process-icon-shape svg {
		width:36pt;
	}
	
	
}

@media all and (max-width: 991px) {
	
	#heeaderMenu ul.nav > li {
		border-bottom:1px solid #ddd;
	}
	
	.main-category .card {
		height:210px!important;
	}
	
	.main-category .card {	
		flex-direction:row!important;
		-ms-flex-direction:row!important;
		margin-bottom:10px!important;
		position:relative!important;
		display:table;
		width:100%;
		height:calc(100% - 30px);
	}

	.main-category .card .card-body {
		padding:0;
		padding-left:10px;
		display:table-cell;
		vertical-align:middle;
	}
	.main-category .card .card-image {
		width:45%;
		display:table-cell;
		vertical-align:middle;
	}	

	#pageHeader .pageNav-block br {
		display:none;
	}
	.card-footer  {
		position:Absolute;
		right:0;
		bottom:0;
		padding:5px;
	}
	
	#services .card:hover img {
		transform: scale(1.2);
	}
	#services .card:hover {
		background:#fff;
		box-shadow:none;
	}
	#services .card:hover * {
		color: #000;
	}
	#services .card:hover a {
		color: var(--primary);
	}

	
	span.hide {
		display:none;
	}
	
	.header-responsive-button button {
		background:none!important;
		color: var(--dark)!important;
	}
	.header-responsive-button button svg {
		margin-top:-3px;
		margin-left:-4px;
		fill: #000;
		margin-right:-4px;
	}
	.header-responsive-button button.active svg {
		
		fill: #fff;
	}
	
	.main-category .card-body {
		
		height:auto!important;
	}
	
	
	
	.main-category {
		margin-bottom:10px;
	}
	.main-category:last-child {
		margin-bottom:3px;
	}
	
	
	
	#process .process-icon-shape svg {
		width:20pt;
		
		margin-top:-20px;
	}
	
	
	.reference {
		margin-bottom:10px!important;
		margin-top:0!important;
	}
	
	.hgjg {
		margin-left:-5px!important;
		margin-right:-5px!important;
	}

}

@media all and (max-width: 768px) { 

	#heeaderMenu, .headerContact {
		overflow-y:scroll!important;
	}
	
	#heeaderMenu ul.nav > li {
		border-bottom:none;
	}

	.main-category .card  {
	
		height:auto!important;
	}
	
	.card {	
		flex-direction:row!important;
		-ms-flex-direction:row!important;
		margin-bottom:10px!important;
		position:relative!important;
		display:table;
		width:100%;
		height:calc(100% - 30px);
	}

	.card .card-body {
		padding:0;
		padding-left:10px;
		display:table-cell;
		vertical-align:middle;
	}
	.card .card-image {
		width:45%;
		display:table-cell;
		vertical-align:middle;
	}	
	
	
	.card.category .card-body {
		height:100%;
	}
	
	.card .card-body h5 {
		line-height:15px;
		margin-bottom:5px;
	}

	.card .card-body h5 {
		line-height:15px;
		margin-bottom:5px;
	}
	.card .card-body h5 {
		line-height:15px;
		margin-bottom:5px;
	}

	.card .card-body h5 {
		font-size:16px!important;
		line-height:15px;
		font-weight:bold;
	}
	.card .card-body p {
		font-size:12px!important;
		margin-top:-13px;
	}
	
	#services .card:hover img {
		transform: scale(1.2);
	}
	#services .card:hover {
		background:var(--primary);
		box-shadow:none;
	}
	#services .card:hover * {
		color: #fff;
	}
	
	#process .process-content h3 {
		font-size:16px;
		margin-bottom:10px;
	}
	#process .process-content p {
		font-size:14px;
	}
	#process .process-icon-shape {
		height: 50px;
		width: 50px;
		left: 10px;
		margin: 0 40px 40px 0;
	}
	#process .process-icon-shape i {
		font-size: 30px;
		line-height: 10px;
	}
	
	#pageHeader > .container > .row {
		height:80px;
	}
	#headerContact {
		position:fixed!important;
		background: var(--secondary);
		width:75%!important;
		height:100%!important;
		z-index:999;
		top:0;
		padding-right:10px;
		padding-left:25px!important;
		
		display:none!important;
	}
	#headerContact.active {
		right:-75%;
		display:block!important;
	}
	#headerContact .row {
		margin-top:80px;
	}
	#pageHeader .pageNav-block {
		margin-bottom:20px;
	}
	#pageHeader .pageNav-block span {
		font-size:14px;
		color:#fff;
	}
	#pageHeader .pageNav-block span i{
		font-size:24px;
		color:#fff;
		width:50px;
		text-align:center;
	}
	
	#heeaderMenu {
		position:fixed!important;
		background: var(--secondary);
		width:75%!important;
		height:100%!important;
		z-index:999;
		top:0;
		
		display:none!important;
	}
	#heeaderMenu.active {
		left:-75%;
		display:block!important;
	}
	#heeaderMenu ul.nav {
		margin-top:80px;
	}
	#heeaderMenu ul.nav > li {
		border-right:none;
		width:100%;
		box-sizing:border-box;
		padding-right:20px;
	}
	#heeaderMenu ul.nav > li.active > a {
		margin-bottom:10px;
	}
	#heeaderMenu ul.nav > li > a {
		color:#fff;
		display:inline-block;
	}
	#heeaderMenu ul.nav > li > a.active, #heeaderMenu ul.nav > li > a:hover {
		color: #fff;
	}
	.header-responsive-button {
		z-index:9999;
		position:relative;
	}
	

	.header-responsive-button button.left.active {
		left:0;
		margin-left:10px;
	}
	.header-responsive-button button.right.active {
		right:0;
		margin-right:10px;
	}
	.header-responsive-button button.active {
		
		top:20px;
		transition: .5s;
		-webkit-transition: .5s;
		background:none!important;
		fill:#fff!important;
		border-color:#fff!important;
	}
	.pageNavLogo {
		text-align:center;
	}
	
	.container-fluid {
		padding-left:5px!important;
		padding-right:5px!important;
	}
	
	.container {
		padding-left:5px!important;
		padding-right:5px!important;
	}
	
	.card-body {
		padding:5px;
	}
	.ins-icon {
		padding:0!important;
		padding-right:5px!important;
		line-height:0;
		border:none;
	}
	
	#pageHeader .pageNav-block span a {
		color:#fff;
	}
	
	#heeaderMenu ul.nav {
		padding-right:0;
	}
	#heeaderMenu ul.nav li.dropdown ul {
		position:static!important;
	
		padding-top:0;
		box-sizing:border-box;
		padding-right:0;
		margin-right:5px!important;
	}
	
	
	.main-category h2 {
		margin-top:0;
		margin-bottom:15px;
	}
	

}


@media all and (max-width: 575px) { 
	
	.container-fluid {
		padding-left:5px!important;
		padding-right:5px!important;
	}
	
	.container-fluid > .container > .row{
		margin-left:-10px!important;
		margin-right:-10px!important;
	}
	
	.card.category .card-image {
		width:40%;
	}
	
	.headerLogo {
		width: calc(100% + 10px)!important;
	}
	
	.headerWhatsapp {
		position:relative;
		height:140px;
		padding:0;
	}
	.headerWhatsapp > * {
		position:Absolute;
	}

	.headerWhatsapp > i {
		left:10px;
		bottom:10px;
	}
	.headerWhatsapp span:last-child {
		right:10px;
		bottom:0;
	}
	
	.header-responsive-button:first-child {
		padding-right:0;
	}
	.header-responsive-button button{
		border-width:3px;
		padding:4px 10px 4px 10px;	
		margin-top:-1px;
		
	}
	.header-responsive-button button i{
		font-size:12px!important;
		line-height:0;
	}
	.header-responsive-button button{
	
	}
	
	.hgjg {
		margin-left:-5px!important;
		margin-right:-5px!important;
		padding:15px;
		overflow:hidden;
	}
	
	.mpr-0 {
		padding-right:0;
	}
	
	.sliderLeft, .sliderRight {
		width:45px;
	}
	.sliderLeft svg, .sliderRight svg, .sliderCloseButton svg {
		width:18pt;
	}
	
	.i-wp {
		position:absolute;
		left:10px;
		bottom:10px;
	}
	.i-wp svg {
		width: 30pt
	}
	.reference:nth-child(2n) {
		padding-left:5px;
	}
	.reference:nth-child(2n-1) {
		padding-right:5px;
	}
	

}