.iletisim-lef {
	display: inline-block;
	width: 33%;
	text-align: center;
	padding: 20px;
	font-size: 14px
}



@media screen and (max-width: 664px) and (min-width: 180px){
#header-alt figure img{margin:18px auto 0 auto};

}







#cboxLoadedContent {overflow:hidden!important;}
.iletisim-lef h4 {
	font-weight: 700;
	font-size: 14px!important;
	margin-bottom: 5px!important
}

.iletisim-lef a {
	color: #000
}

.iletisim-lef a:hover {
	color: #cf2026
}

.iletisim-left {
	text-align: left
}

.iletisim-right {
	text-align: right
}

aside ul {
	width: 100%;
	float: left
}

aside ul li {
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 0 15px 30px
}

aside a {
	margin-bottom: 0!important;
	font-size: 14px
}

#blog-wrapper {
	margin-right: 0!important
}

aside span {
	font-size: 24px!important;
	color: #ea4c4d!important;
	font-weight: 600!important;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	padding: 30px 0 30px 30px;
	float: left
}

aside {
	padding-top: 0!important;
	width: 240px;
	float: left
}

#blog-wrapper {
	width: 900px;
	float: left;
	margin-right: 30px;
	border-right: 1px solid #ebebeb
}

.hero-slider li {
	width: 100%;
	height: 650px;
	margin: auto;
	background: #fff;
	padding-top: 61px;
	background-position: center top;
	background-size: cover
}

.mak {
	width: 1260px;
	margin: auto;
	position: relative;
	height: 650px
}

.selected .fa-laptop {
	color: #cf2026
}

.mmboc {
	width: 1260px;
	margin: auto;
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 30px;
	position: absolute;
	opacity: 0
}

#p4n-header {
	width: 100%;
	height: 594px;
	position: relative
}

#p4n-header-container {
	width: 1260px;
	margin: auto
}

#p4n-top-bar {
	width: 100%;
	height: 50px;
	background-color: #fff;
	position: absolute;
	top: 0;
	z-index: 11
}

#p4n-top-container {
	width: 1260px;
	margin: auto;
	height: 50px;
	line-height: 50px;
	position: relative
}

#p4n-top-container>a {
	color: #19191a;
	font-size: 13px;
	display: inline-block;
	width: 230px;
	height: 50px;
	transition: all ease .5s;
	float: right;
	text-align: center
}

#p4n-top-container>a:hover {
	background: #ea4c4d;
	transition: all ease .5s
}

#p4n-top-container>a>b {
	font-weight: 700;
	margin-right: 5px
}

#p4n-top-right {
	float: right
}

#p4n-ust {
	width: 100%;
	height: 90px
}

#p4n-nav {
	width: 100%;
	height: 90px;
	position: absolute;
	background: #fff;
	z-index: 11;
	top: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

#footer {
	width: 100%;
	background: #fafafa
}

footer {
	width: 1260px;
	margin: auto!important;
	position: relative
}

#footer-address {
	width: 570px;
	float: left;
	padding: 60px 30px 60px 50px;
	color: #000;
	position: relative
}

#footer-address b {
	font-weight: 700
}

#footer p {
	margin-bottom: 0!important
}

#footer-address span,
#footer-mail span,
#footer-phone span {
	color: #cf2026;
	font-weight: 700;
	display: block;
	margin-bottom: 10px
}

#footer-phone {
	width: 230px;
	float: left;
	padding: 60px 0 60px 50px;
	color: #000;
	position: relative
}

#footer-phone a {
	font-size: 14px;
	color: #000;
	display: block;
	margin-bottom: 5px
}

#footer>span {
	width: 1260px;
	box-sizing: border-box;
	margin: auto;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #000;
	display: block;
	border-top: 1px solid #dfdfdf
}

#footer-mail {
	width: 230px;
	float: left;
	padding: 60px 0 60px 50px;
	color: #999;
	position: relative
}

#footer-mail a {
	font-size: 14px;
	color: #000;
	display: block;
	margin-bottom: 5px
}

#footer h5 {
	font-size: 14px;
	color: #999;
	position: absolute;
	bottom: 20px;
	left: 30px;
	background: 0 0
}

.full-container {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #ebebeb
}

.nav-button {
	display: none
}

.full-container:after,
.full:after {
	clear: both;
	display: table;
	content: ""
}

.full {
	width: 100%
}

.menu-close {
	display: none
}

.sabitMenu {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	transition: all ease .2s
}

.nav-up {
	top: -100px;
	transition: all ease .2s
}

p:last-child {
	margin-bottom: 0!important
}

#p4n-homepage {
	width: 100%;
	display: block
}

#other-ecommerce,
.mobile-app {
	padding-top: 60px
}

#blog,
#references,
#web,
.mobile-app {
	width: 1260px;
	margin: auto;
	position: relative;
	padding: 45px 0
}

aside ul {
	width: 100%;
	float: left
}

aside ul li {
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 0 15px 30px
}

aside a {
	margin-bottom: 0!important;
	font-size: 14px
}

#blog-wrapper {
	margin-right: 0!important
}

aside span {
	font-size: 24px!important;
	color: #ea4c4d!important;
	font-weight: 600!important;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	padding: 30px 0 30px 30px;
	float: left
}

aside {
	padding-top: 0!important;
	width: 240px;
	float: left
}

#blog-wrapper {
	width: 900px;
	float: left;
	margin-right: 30px;
	border-right: 1px solid #ebebeb
}

.mobile-app-phone {
	width: 50%;
	float: left;
	background: url(../images/mobb.png);
	background-position: top right;
	background-size: cover
}

.mobile-app:after {
	clear: both;
	display: table;
	content: ""
}

.mobile-app-text {
	width: 50%;
	float: left;
	height: 435px;
	padding: 90px 30px 90px 60px;
	background-repeat: no-repeat;
	max-width: 630px
}

.mobile-app-text-content {
	width: 100%
}

.button {
	line-height: 45px;
	padding: 0 30px;
	background: #cf2026;
	color: #fff!important;
	display: block;
	width: 130px;
	font-size: 13px;
	text-align: center;
	border-radius: 5px;
	transition: all ease .5s;
	margin-top: 30px
}

.button:hover {
	transition: all ease .5s;
	background: #38393b;
	text-decoration: none!important
}

#web-image>img {
	position: absolute;
	bottom: 0;
	right: -60px
}

#web-image {
	width: 50%;
	float: left;
	margin: 75px 0;
	display: none
}

#footer:after,
#other:after,
#references>ul:after,
#web:after,
footer:after {
	clear: both;
	display: table;
	content: ""
}

.ccp img {
	position: absolute;
	bottom: 10px;
	left: 0
}

.ccp span {
	right: 0!important;
	left: auto!important
}

.ccp input {
	padding-left: 150px!important
}

.ccp a {
	color: #ea4c4d!important
}

#web-text {
	width: 100%
}

#web-text-content {
	width: 100%
}

#webe-text-content a:hover {
	text-decoration: underline
}

#other-seo {
	width: 50%;
	float: left;
	border-right: 1px solid #ebebeb;
	padding: 60px 30px 60px 0;
	background-image: url(../images/p3.png);
	background-position: bottom right;
	background-repeat: no-repeat
}

#other-seo h2 a {
	color: #000;
	font-weight: 700
}

#other-ecommerce {
	width: 50%;
	float: left;
	padding: 60px 0;
	background-image: url(../images/p4.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-left: 30px
}

#references-title {
	text-align: center
}

#references>ul {
	width: 100%;
	margin-top: 30px;
	border: 1px solid #ebebeb
}

#references>ul>li {
	text-align: center;
	width: 233px;
	float: left;
	height: 134px;
	border-right: 1px solid #ebebeb;
	position: relative;
	display: table
}

#references>ul>li:last-child {
	border-right: none
}

#references>ul>li>span {
	border-radius: 25px;
	border: 1px solid #ebebeb;
	height: 25px;
	width: 150px;
	position: absolute;
	bottom: -12px;
	left: 42px;
	background: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 25px;
	color: #ea4c4d
}

#references img {
	max-width: 70%
}

#references a {
	display: table-cell;
	vertical-align: middle
}

#blog-title {
	width: 100%
}

#blog {
	padding: 60px 0
}

#blog ul {
	margin-top: 30px
}

#blog article {
	width: 100%;
	position: relative;
	padding: 30px 0;
	border-bottom: 1px solid #ebebeb
}

#blog article>a {
	font-size: 14px;
	font-weight: 700;
	color: #36bbcb;
	display: block;
	margin-bottom: 5px
}

#blog article>h4 {
	font-size: 36px;
	color: #3d3230;
	font-weight: 200;
	margin-bottom: 20px
}

#blog article>h4>a {
	color: #3d3230;
	transition: all ease .4s
}

#blog article>h4>a:hover {
	color: #ea4c4d;
	transition: all ease .4s
}

#blog article>time {
	font-size: 14px;
	font-weight: 700;
	display: block;
	color: #bababa;
	margin-top: -10px
}

#blog article:last-child {
	border-bottom: none
}

#p4n-header-detail {
	width: 100%;
	height: 100px;
	background: #fafafa;
	border-bottom: 1px solid #dfdfdf;
	position: relative
}

#page-title {
	width: 100%;
	height: 100px;
	text-align: center;
	line-height: 100px;
	position: relative
}

#page-title h1 {
	font-size: 72px;
	color: #fff!important;
	clear: both;
	font-weight: 500
}

#breadcumb>div>div {
	float: right;
	padding: 90px 60px 90px 0;
	width: 630px
}

#breadcumb>div {
	width: 50%;
	float: left;
	position: relative
}

#breadcumb>figure {
	width: 50%;
	float: left;
	background-size: cover!important;
	background-position: center left!important
}

#breadcumb {
	width: 100%;
	background: #fafafa;
	margin-top: 100px;
	display: flex
}

#breadcrumb-ul {
	display: block;
	margin-top: 15px
}

#breadcrumb-ul:after {
	clear: both;
	display: table;
	content: ""
}

#breadcumb mark {
	background: 0 0;
	color: #828282
}

#breadcumb h2 {
	margin-top: 30px;
	font-size: 24px;
	font-weight: 300;
	color: #000!important;
	line-height: 30px
}

#breadcrumb-ul li {
	float: left;
	display: inline-block;
	padding: 0 20px;
	position: relative;
	font-size: 13px;
	color: #2c2c2e
}

#breadcrumb-ul li:first-child {
	padding-left: 0
}

#breadcrumb-ul li:after {
	content: url(../images/sag.svg);
	width: 10px;
	right: -5px;
	font-size: 12px;
	top: 1px;
	position: absolute
}

#breadcrumb-ul li:last-child:after {
	display: none
}

#breadcrumb-ul li:last-child {
	font-weight: 700;
	padding-right: 0!important
}

#breadcrumb-ul li a {
	font-size: 13px;
	color: #828282
}

#breadcumb-citi {
	float: right;
	font-size: 13px;
	font-weight: 700;
	color: #ea4c4d
}

#breadcumb-citi:hover {
	text-decoration: underline
}

#breadcumb:after {
	clear: both;
	display: table;
	content: ""
}

#web-design-page-content {
	width: 1260px;
	margin: auto;
	padding: 60px 0
}

#web-design-page-content h4 {
	font-size: 18px;
	color: #525252;
	line-height: 26px;
	display: block;
	margin-bottom: 20px
}

#web-design-page-content h5 {
	font-size: 24px;
	color: #ea4c4d;
	font-weight: 600;
	margin-bottom: 10px
}

#web-design-services,
#web-design-text {
	width: 100%;
	position: relative
}

#other-responsive {
	width: 50%;
	float: left;
	padding: 60px 30px 60px 0;
	background-image: url(../images/p5.png);
	background-position: bottom right;
	background-repeat: no-repeat
}

#other-responsive h2 a {
	color: #000;
	font-weight: 700
}

#other-ui {
	width: 50%;
	float: left;
	padding: 60px 30px 60px 0;
	border-right: 1px solid #ebebeb;
	background-image: url(../images/p6.png);
	background-position: bottom right;
	background-repeat: no-repeat
}

#other-social {
	width: 50%;
	float: left;
	padding: 60px 30px 60px 0;
	background-image: url(../images/p7.png);
	background-position: bottom right;
	background-repeat: no-repeat
}

#other-social h2 a {
	color: #000;
	font-weight: 700
}

#other-local {
	width: 50%;
	float: left;
	padding: 60px 30px 60px 0;
	background-image: url(../images/p4.png);
	background-position: bottom right;
	background-repeat: no-repeat
}

#contact-form-end {
	width: 50%;
	float: left;
	padding-top: 40px;
	text-align: center;
	line-height: 29px;
	font-size: 20px
}

#contact-form-end>li {
	width: 100%;
	position: relative
}

#contact-form-end>li>span {
	font-size: 14px;
	color: #999;
	position: absolute;
	top: 35px;
	left: 0
}

#contact-text {
	margin: auto;
	width: 1260px;
	padding: 30px 0
}

#contact-form {
	width: 615px;
	margin-right: 30px;
	float: left;
	padding: 30px;
	height: 520px;
	background: #fafafa
}

#contact-form>li {
	width: 100%;
	position: relative
}

#adres {
	line-height: 26px!important
}

#contact-form>li>span {
	font-size: 14px;
	color: #000;
	display: block;
	margin-bottom: 5px
}

#contact-form>li>label {
	font-size: 14px;
	color: red;
	position: absolute;
	top: 1px;
	right: 0
}

#contact-form>li>input {
	margin-bottom: 20px;
	outline: 0;
	transition: all ease .5s;
	font-size: 14px;
	color: #626262;
	width: 100%;
	height: 40px;
	background: #fff!important;
	border-radius: 0;
	padding-left: 10px;
	border: 1px solid #efefef
}

#contact-form>li>textarea {
	outline: 0;
	transition: all ease .5s;
	border: 1px solid #efefef;
	font-size: 14px;
	color: #626262;
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	background: #fff;
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 10px
}

input.error {
	border: 1px solid red!important
}

textarea.error {
	border: 1px solid red!important
}

#contact-form>li>input:hover,
#contact-form>li>textarea:hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

#contact-form>li:hover span {
	color: #ea4c4d
}

#contact-text strong {
	font-size: 18px;
	color: #525252;
	display: block;
	margin-bottom: 20px
}

.mmap>iframe {
	width: 100%!important;
	height: 400px!important
}

#contact-information {
	width: 50%;
	float: left;
	padding-top: 30px
}

#contact-form button {
	outline: 0;
	border-radius: 3px;
	transition: all ease .5s;
	border: none;
	font-size: 13px;
	color: #fff;
	width: 100px;
	margin-top: 10px;
	height: 30px;
	cursor: pointer;
	background: #ea4c4d;
	font-weight: 700
}

#contact-information strong {
	display: block
}

#contact-information li {
	width: 100%;
	position: relative;
	color: #7e7e7e;
	margin-bottom: 30px
}

#contact-information li:last-child {
	margin-bottom: 0
}

#contact-information li a {
	color: #7e7e7e
}

#contact-information li a:hover {
	color: #ea4c4d
}

#contact-information li span {
	font-size: 14px;
	color: #ea4c4d;
	display: block;
	margin-bottom: 10px;
	font-weight: 700
}

#contact-information li i {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #ebebeb;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	color: #ea4c4d;
	border-radius: 3px
}

.mmap {
	height: 400px
}

.cd-item-info strong {
	color: #fff;
	background: #ea4c4d;
	padding: 5px 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 400!important;
	display: flex
}

.cd-item-info span {
	display: block;
	margin-bottom: 20px;
	margin-top: 40px;
	color: #ea4c4d;
	font-size: 18px;
	font-weight: 700
}

#blog-container {
	width: 1260px;
	margin: auto;
	padding: 60px 0
}

#blog-container>article {
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
	display: inline-block;
	width: 270px;
	height: 300px;
	margin-right: 30px;
	box-sizing: border-box;
	float: left
}

#blog-container>article:nth-child(4n) {
	margin-right: 0
}

#blog-container>article>figure>img {
	width: 100%
}

#blog-container>article>figure {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
	border-bottom: 1px solid #ebebeb;
	height: 175px;
	overflow: hidden
}

#blog-container h2 {
	font-size: 18px!important;
	padding: 0 20px 20px 20px;
	font-weight: 400!important;
	color: #7e7e7e!important;
	line-height: 24px
}

#blog-container h2:hover {
	color: #ea4c4d!important
}

#blog-container2 {
	max-width: 1260px;
	margin: auto
}

#blog-container2 a {
	color: #4a4a4a;
	margin-bottom: 20px;
	display: block;
	transition: all ease .4s
}

#blog-container2 a:hover {
	color: #ea4c4d;
	transition: all ease .4s
}

#blog-container2 time {
	display: block;
	color: #7e7e7e;
	font-size: 13px
}

#blog-container2 time:before {
	content: "\f133";
	font-family: fontawesome;
	margin-right: 10px
}

#blog-container2 article {
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding: 30px 0
}

.cd-close {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background: #4d4d4d;
	font-size: 18px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center
}

#blog-container2 #paginator {
	width: 100%
}

#blog-container2 #paginator a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	font-size: 13px;
	display: inline-block;
	float: left;
	margin-right: 5px;
	transition: all ease .4s
}

#blog-container2 #paginator a:hover {
	background: #ea4c4d;
	color: #fff;
	border-radius: 2px;
	transition: all ease .4s
}

#blog-detail {
	width: 1260px;
	margin: auto;
	padding: 30px 0
}

#blog-detail h2 {
	color: #4a4a4a!important;
	margin-bottom: 5px!important;
	display: block!important
}

#blog-detail h4 {
	color: #ea4c4d!important;
	display: block!important;
	margin-bottom: 15px;
	font-size: 11px
}

#blog-detail figure,
article {
	width: 100%
}

#blog-detail figure img {
	width: 100%
}

#blog-detail time {
	display: block;
	color: #7e7e7e;
	font-size: 13px;
	margin-bottom: 20px
}

#blog-detail time:before {
	content: "\f133";
	font-family: fontawesome;
	margin-right: 10px
}

#blog-detail h3 {
	font-size: 18px!important;
	color: #525252!important;
	line-height: 26px;
	display: block;
	margin-bottom: 20px;
	font-weight: 400!important
}

#blog-detail article {
	border-bottom: 1px solid #ebebeb;
	padding: 30px 0
}

#blog-detail article a {
	font-size: 14px;
	font-weight: 700;
	color: #36bbcb;
	display: block
}

.blog-d #blog {
	padding-top: 0!important
}

.altinorumcek {
	width: 1260px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px
}

.button1 {
	display: inline-block;
	margin-top: 10px;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	background: #cf2026;
	box-shadow: 0 10px 20px rgba(240, 80, 80, .2)
}

.button1:hover {
	background: #98181c
}

.mobile-section {
	display: flex
}

.button2 {
	display: inline-block;
	margin-top: 10px;
	height: 40px;
	margin-left: 20px;
	line-height: 38px;
	padding: 0 25px;
	border-radius: 5px;
	color: #333;
	border: 1px solid #dfdfdf;
	font-size: 13px;
	font-weight: 700
}

.button2:hover {
	background: #cf2026;
	color: #fff;
	border: 1px solid #cf2026
}

.other:after {
	clear: both;
	display: table;
	content: ""
}

.other {
	width: 1260px;
	margin: auto;
	display: flex;
	position: relative
}

.other h2 {
	font-size: 28px!important
}

.sayfaic .other h2 {
	font-size: 24px!important
}

.sayfaic #p4n-nav {
	position: relative!important
}

#breadcumb h1 {
	color: #2c2c2e!important;
	font-size: 36px
}

#breadcumb span {
	color: #2c2c2e!important;
	font-size: 12px
}

#breadcumb mark {
	color: #2c2c2e!important;
	font-size: 12px
}

.sayfaic #other-seo {
	border-right: none!important
}

#footer-address a {
	display: block;
	width: 100px;
	background: #cf2026;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	right: 60px;
	margin-top: 15px;
	border-radius: 3px
}

#footer-address a:Hover {
	background: #9f1c21
}

#footer-phone a:Hover {
	color: #cf2026
}

#other-ui h2 a {
	color: #000;
	font-weight: 700
}

#contact-information address {
	max-width: 350px
}

#contact-form>li>input {
	background: 0 0
}

.yol-tarifi {
	display: block;
	margin-top: 20px;
	line-height: 30px;
	border-radius: 5px;
	color: #fff!important;
	font-size: 12px;
	font-weight: 700;
	background: #cf2026;
	width: 85px;
	text-align: center
}

#slider p a {
	color: #7e7e7e;
	text-decoration: underline
}

p a {
	color: #000
}

p a:Hover {
	color: #cf2026
}

h2 a,
h3 a,
h4 a {
	color: #000
}

h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: #cf2026
}

.yol-tarifi:hover {
	background: #84181c
}

#contact-form>li>input[type=submit]:hover {
	background: #84181c
}

#referanslar {
	width: 1260px;
	margin: 60px auto 30px auto
}

#referanslar2 {
	width: 1260px;
	margin: 0 auto
}

#referanslar>li {
	padding: 30px;
	width: 100%;
	margin-bottom: 30px;
	background: #f4f4f4;
	float: left
}

#referanslar>li:after {
	clear: both;
	display: table;
	content: ""
}

#referanslar>li>figure {
	width: 210px;
	float: left;
	padding-right: 60px;
	text-align: right
}

#referanslar>li>figure>img {
	max-width: 140px;
	margin: auto
}

#referanslar>li>div {
	width: 930px;
	float: left
}

#referanslar strong {
	font-size: 24px;
	display: block;
	margin-bottom: 10px
}

#referanslar strong span {
	font-size: 16px
}

#referanslar>li>div>ul {
	width: 100%;
	margin-top: 40px
}

#referanslar>li>div>ul>li {
	width: 290px;
	float: left;
	margin-right: 20px;
	height: 385px
}

#referanslar>li>div>ul>li>img {
	width: 100%;
	display: block;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	border-radius: 5px;
	border: 5px solid #fff;
	box-sizing: border-box
}

#referanslar>li>div>ul>li:last-child {
	margin-right: 0
}

#referanslar>li>div>ul>li>a {
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 15px;
	color: #000
}

#referanslar>li>div>ul>li>a:hover {
	color: #cf2026
}

#referanslar2>li {
	padding: 30px;
	float: left;
	width: 400px;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #f4f4f4
}

#referanslar2>li:nth-child(3n) {
	margin-right: 0
}

#referanslar2>li>figure {
	height: 345px
}

#referanslar2>li>figure>img {
	max-width: 300px;
	margin: auto;
	display: block;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	border-radius: 5px;
	border: 5px solid #fff;
	box-sizing: border-box
}

#referanslar2>li>img {
	display: block;
	margin: 0 auto 15px auto
}

#referanslar2 a {
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	color: #000
}

#referanslar2 a:hover {
	color: #cf2026
}

#referanslar2:after {
	clear: both;
	display: table;
	content: ""
}

#referanslar-dahafazla {
	width: 1260px;
	margin: 0 auto 30px auto;
	background: #f4f4f4;
	padding: 60px;
	text-align: center;
	display: flow-root
}

#referanslar-dahafazla a {
	margin-top: 15px;
	border-radius: 3px;
	background: #cf2026;
	color: #fff;
	font-size: 16px;
	transition: all ease .3s;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	padding: 0 20px
}

#referanslar-dahafazla a:Hover {
	background: #aa0b10;
	transition: all ease .3s
}

#referanslar-dahafazla img {
	width: 29px;
	float: left;
	margin: 5px 10px 0 0
}

.ikiliReferans>ul>li {
	width: 615px;
	float: left;
	margin-right: 30px;
	padding: 30px;
	background: #f4f4f4
}

.ikiliReferans {
	padding: 0!important;
	background: 0 0!important;
	display: none
}

.ikiliReferans div img {
	width: 100%;
	display: block;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	border-radius: 5px;
	border: 5px solid #fff;
	box-sizing: border-box
}

.ikiliReferans>ul>li>div>ul>li {
	width: 290px
}

.ikiliReferans div a {
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 15px;
	color: #000
}

.ikiliReferans>ul>li>figure {
	float: left;
	margin-right: 30px
}

.ikiliReferans>ul>li>div {
	float: left;
	width: 370px
}

.ikiliReferans>ul>li:nth-child(2n) {
	margin-right: 0
}

.tekproje {
	width: 615px!important;
	float: left!important;
	height: 580px
}

#referanslar>li:after {
	clear: Both;
	display: table;
	content: ""
}

.tekproje>div {
	float: left;
	width: 370px!important
}

.tekproje>figure {
	float: left;
	width: 150px!important;
	padding-right: 0!important;
	margin-right: 30px
}

.tekproje:nth-child(2n) {
	margin-right: 0
}

.tekproje {
	margin-right: 30px
}

@media screen and (min-width:180px) and (max-width:1023px) {
	.profornet-menu {
		width: 40px;
		height: 40px;
		line-height: 40px!important;
		text-align: center;
		color: #000;
		position: absolute;
		right: 10px;
		top: 25px;
		display: block;
		font-size: 26px;
		background: 0 0;
		z-index: 1000
	}
	.mobilmenu {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		z-index: 10002;
		background: #22272d;
		left: -100%;
		transition: all ease .5s;
		top: 0
	}
	.mobilmenu--dil {
		height: 80px;
		padding: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}
	.mobilmenu--dil li {
		line-height: 40px;
		float: left;
		margin-right: 10px;
		color: #fff;
		font-size: 14px
	}
	.mobilmenu--dil li a {
		line-height: 40px;
		display: block;
		font-weight: 700;
		color: #fff;
		text-align: center;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, .1);
		border-radius: 3px
	}
	.mobilmenu--menu>ul>li {
		width: 100%;
		height: 50px;
		overflow: hidden;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		position: relative
	}
	.mobilmenu--menu>ul>li:Hover {
		background: rgba(0, 0, 0, .1)
	}
	.mobilmenu--menu>ul>li>a {
		display: block;
		line-height: 50px;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu--katalog {
		height: 40px;
		line-height: 40px;
		width: 200px;
		background: #cf2026;
		color: #fff;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		margin: 20px;
		display: block;
		border-radius: 3px
	}
	.mobilmenu--menu i {
		font-size: 18px;
		line-height: 40px;
		float: left;
		margin-right: 10px
	}
	.mobilmenu--menu>ul>li>ul {
		position: fixed;
		left: -100%;
		background: #22272d;
		top: 90px;
		z-index: 3;
		height: 100%;
		transition: all ease .2s;
		width: 100%
	}
	.mobilmenu--menu>ul>li>ul>li {
		width: 100%;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		position: relative
	}
	.mobilmenu--menu>ul>li>ul>li:hover {
		background: rgba(0, 0, 0, .2)
	}
	.mobilmenu--menu>ul>li>ul>li>a {
		display: block;
		line-height: 50px;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu--menu>ul>li>ul>li>ul {
		position: fixed;
		left: -100%;
		background: #22272d;
		top: 90px;
		z-index: 4;
		height: 100%;
		transition: all ease .2s;
		width: 100%
	}
	.mobilmenu--menu>ul>li>ul>li>ul>li {
		width: 100%;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		position: relative
	}
	.mobilmenu--menu>ul>li>ul>li>ul>li>a {
		display: block;
		line-height: 50px;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu--menu address {
		display: flex;
		align-items: center;
		line-height: 16px;
		color: #fff;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu .menu-kontrol {
		position: Absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
		z-index: 2
	}
	.mobilmenu .profornet-kapat {
		width: 40px;
		height: 40px;
		line-height: 40px!important;
		text-align: center;
		color: #fff;
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
		display: block;
		font-size: 20px;
		background: 0 0
	}
	.mobilmenu .menu-kontrol:after {
		font-family: profornet;
		font-size: 14px;
		font-style: normal;
		width: 50px;
		height: 50px;
		position: Absolute;
		right: 0;
		top: 0;
		content: "\e92d";
		color: #fff;
		line-height: 50px;
		text-align: center
	}
	.mobilmenu .menu-down:after {
		transform: rotate(180deg)!important
	}
	.menu-position {
		left: 0!important;
		transition: all ease .5s
	}
	.mobilmenu--menu i {
		float: left;
		width: 25px;
		height: 50px;
		line-height: 48px
	}
}

.mobilmenu,
.profornet-menu {
	display: none
}

.mobilmenu,
.profornet-menu {
	display: none
}

@media screen and (min-width:180px) and (max-width:1023px) {
	.profornet-menu {
		width: 40px;
		height: 40px;
		line-height: 40px!important;
		text-align: center;
		color: #000;
		position: absolute;
		right: 15px;
		top: 30px;
		display: block;
		font-size: 26px;
		background: 0 0;
		z-index: 1000
	}
	.mobilmenu {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		z-index: 10002;
		background: #22272d;
		left: -100%;
		transition: all ease .5s;
		top: 0
	}
	.mobilmenu--dil {
		height: 80px;
		padding: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}
	.mobilmenu--dil li {
		line-height: 40px;
		float: left;
		margin-right: 10px;
		color: #fff;
		font-size: 14px
	}
	.mobilmenu--dil li a {
		line-height: 40px;
		display: block;
		font-weight: 700;
		color: #fff;
		text-align: center;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, .1);
		border-radius: 3px
	}
	.mobilmenu--menu>ul>li {
		width: 100%;
		height: 50px;
		overflow: hidden;
		border-bottom: 1px solid rgba(0, 0, 0, .1)!important;
		position: relative
	}
	.mobilmenu--menu>ul>li:Hover {
		background: rgba(0, 0, 0, .1)
	}
	.mobilmenu--menu>ul>li>a {
		display: block;
		line-height: 50px;
		color: #fff!important;
		font-weight: 700;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu--katalog {
		height: 40px;
		line-height: 40px;
		width: 200px;
		background: #cf2026;
		color: #fff;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		margin: 20px;
		display: block;
		border-radius: 3px
	}
	.mobilmenu--menu i {
		font-size: 18px;
		line-height: 40px;
		float: left;
		margin-right: 10px
	}
	.mobilmenu--menu>ul>li>ul {
		position: fixed;
		left: -100%;
		background: #22272d;
		top: 0;
		z-index: 3;
		height: 100%;
		transition: all ease .2s;
		width: 100%
	}
	.mobilmenu--menu>ul>li>ul>li {
		width: 100%;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, .1)!important;
		position: relative
	}
	.mobilmenu--menu>ul>li>ul>li:hover {
		background: rgba(0, 0, 0, .2)
	}
	.mobilmenu--menu>ul>li>ul>li>a {
		display: block;
		line-height: 50px;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu--menu>ul>li>ul>li>ul {
		position: fixed;
		left: -100%;
		background: #22272d;
		top: 90px;
		z-index: 4;
		height: 100%;
		transition: all ease .2s;
		width: 100%
	}
	.mobilmenu--menu>ul>li>ul>li>ul>li {
		width: 100%;
		height: 50px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		position: relative
	}
	.mobilmenu--menu>ul>li>ul>li>ul>li>a {
		display: block;
		line-height: 50px;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu--menu address {
		display: flex;
		align-items: center;
		line-height: 16px;
		text-align: left;
		color: #fff;
		font-size: 14px;
		padding-left: 20px
	}
	.mobilmenu .menu-kontrol {
		position: Absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
		z-index: 2
	}
	.mobilmenu .profornet-kapat {
		width: 40px;
		z-index: 222;
		height: 40px;
		line-height: 40px!important;
		text-align: center;
		color: #fff;
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
		display: block;
		font-size: 20px;
		background: 0 0
	}
	.mobilmenu .menu-kontrol:after {
		font-family: profornet;
		font-size: 14px;
		font-style: normal;
		width: 50px;
		height: 50px;
		position: Absolute;
		right: 0;
		top: 0;
		content: "\e92d";
		color: #fff;
		line-height: 50px;
		text-align: center
	}
	.mobilmenu .menu-down:after {
		transform: rotate(180deg)!important
	}
	.menu-position {
		left: 0!important;
		transition: all ease .5s
	}
	.mobilmenu--menu i {
		float: left;
		width: 25px;
		height: 50px;
		line-height: 48px
	}
}

@font-face {
	font-family: profornet;
	src: url(/fonts/profornet.eot?3g7yy4);
	font-display: block;
	src: url(/fonts/profornet.eot?3g7yy4#iefix) format('embedded-opentype'), url(/fonts/profornet.woff?3g7yy4) format('woff'), url(/fonts/profornet.svg?3g7yy4#profornet) format('svg');
	font-weight: 400;
	font-style: normal
}

[class*=" profornet-"],
[class^=profornet-] {
	font-family: profornet!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.profornet-alarm:before {
	content: "\e900"
}

.profornet-arama:before {
	content: "\e901"
}

.profornet-asagi:before {
	content: "\e902"
}

.profornet-asagi-bold:before {
	content: "\e903"
}

.profornet-at:before {
	content: "\e904"
}

.profornet-ayarlar:before {
	content: "\e905"
}

.profornet-behance:before {
	content: "\e906"
}

.profornet-detay:before {
	content: "\e907"
}

.profornet-detay-yatay:before {
	content: "\e908"
}

.profornet-doc:before {
	content: "\e909"
}

.profornet-ekle:before {
	content: "\e90a"
}

.profornet-ekle-bold:before {
	content: "\e90b"
}

.profornet-eposta:before {
	content: "\e90c"
}

.profornet-eposta-bold:before {
	content: "\e90d"
}

.profornet-ev:before {
	content: "\e90e"
}

.profornet-facebook:before {
	content: "\e90f"
}

.profornet-fax:before {
	content: "\e910"
}

.profornet-gizle:before {
	content: "\e911"
}

.profornet-goster:before {
	content: "\e912"
}

.profornet-harici-link:before {
	content: "\e913"
}

.profornet-harici-link-bold:before {
	content: "\e914"
}

.profornet-hata:before {
	content: "\e915"
}

.profornet-indir:before {
	content: "\e916"
}

.profornet-instagram:before {
	content: "\e917"
}

.profornet-jpg:before {
	content: "\e918"
}

.profornet-kalem:before {
	content: "\e919"
}

.profornet-kalp:before {
	content: "\e91a"
}

.profornet-kamera:before {
	content: "\e91b"
}

.profornet-kapat:before {
	content: "\e91c"
}

.profornet-kapat-bold:before {
	content: "\e91d"
}

.profornet-konum:before {
	content: "\e91e"
}

.profornet-link:before {
	content: "\e91f"
}

.profornet-linkedin:before {
	content: "\e920"
}

.profornet-lokasyon:before {
	content: "\e921"
}

.profornet-menu:before {
	content: "\e922"
}

.profornet-messenger:before {
	content: "\e923"
}

.profornet-mobil:before {
	content: "\e924"
}

.profornet-mobil-bold:before {
	content: "\e925"
}

.profornet-onay-bold:before {
	content: "\e926"
}

.profornet-pdf:before {
	content: "\e927"
}

.profornet-pinterest:before {
	content: "\e928"
}

.profornet-play:before {
	content: "\e929"
}

.profornet-ppt:before {
	content: "\e92a"
}

.profornet-rar:before {
	content: "\e92b"
}

.profornet-saat:before {
	content: "\e92c"
}

.profornet-sag:before {
	content: "\e92d"
}

.profornet-skype:before {
	content: "\e92e"
}

.profornet-sol:before {
	content: "\e92f"
}

.profornet-takvim:before {
	content: "\e930"
}

.profornet-telefon:before {
	content: "\e931"
}

.profornet-telefon-bold:before {
	content: "\e932"
}

.profornet-tiff:before {
	content: "\e933"
}

.profornet-twitter:before {
	content: "\e934"
}

.profornet-whatsapp:before {
	content: "\e935"
}

.profornet-xls:before {
	content: "\e936"
}

.profornet-xml:before {
	content: "\e937"
}

.profornet-yildiz:before {
	content: "\e938"
}

.profornet-yon:before {
	content: "\e939"
}

.profornet-youtube:before {
	content: "\e93a"
}

.profornet-yukari:before {
	content: "\e93b"
}

.profornet-yukle:before {
	content: "\e93c"
}

.profornet-yukleme:before {
	content: "\e93d"
}

.profornet-zip:before {
	content: "\e93e"
}

button {
	border: none;
	cursor: pointer
}

.menu-close,
.menu-open {
	display: none
}

header {
	width: 100%;
	position: relative;
	z-index: 99;
	height: 100px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

#nav-info {
	height: 100px;
	min-width: 150px;
	position: relative
}

#nav-info>div {
	float: left;
	position: relative;
	height: 90px;
	padding-top: 25px;
	margin-left: 30px
}

#nav-info a:hover img {
	opacity:0.8;
	transition:all 0.3s;
}

#nav-info>div>strong {
	font-size: 13px;
	color: #cf2026;
	display: block;
	margin-bottom: 5px
}

#nav-info>div>a {
	font-size: 14px;
	color: #000;
	display: block
}

#nav-info>div>img {
	width: 37px;
	height: 37px;
	float: left;
	margin-right: 20px
}

#nav-info-tel {
	width: 210px
}

#nav-info-mail {
	width: 220px
}

#slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #eee;
	height: 525px;
	margin-top: 100px
}

#slider ul {
	position: relative
}

#slider ul li {
	position: relative;
	display: block;
	float: left;
	background-position: top center;
	color: #fff;
	font-weight: 700
}

.sliderGeri,
.sliderIleri {
	position: absolute;
	top: 50%;
	z-index: 2;
	margin-top: -20px;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.sliderGeri img,
.sliderIleri img {
	width: 24px;
	height: 40px
}

.sliderGeri {
	left: 0;
	border-left: 10px solid transparent
}

.sliderIleri {
	right: 0;
	border-right: 10px solid transparent
}

.sliderGeri:Hover {
	border-left: 10px solid #cf2026
}

.sliderIleri:Hover {
	border-right: 10px solid #cf2026
}

#nav-info-adres {
	width: 325px
}

#slider h2 {
	font-size: 64px;
	color: #19191a;
	margin-top: 80px;
	display: block;
	font-family: Average, serif!important;
	font-weight: 400!important
}

#slider p {
	font-size: 18px;
	color: #19191a;
	font-weight: 400;
	max-width: 450px;
	margin-top: 20px
}

.slider-text {
	width: 1260px;
	margin: auto;
	position: relative;
	padding-top: 170px
}

#nav-info span {
	color: #000;
	display: block;
	font-size: 14px;
	line-height: 13px;
	margin-top: 35px;
	margin-bottom: 5px
}

#nav-info a {
	font-size: 16px;
	color: #cf2026;
	font-weight: 500;
	display: block
}

#header-ust {
	width: 100%;
	margin: auto;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #eee
}

#header-ust span {
	float: left;
	font-size: 13px;
	color: #222
}

#header-ust a {
	float: right;
	font-size: 13px;
	color: #222;
	position: relative
}

#header-ust a img {
	width: 25px;
	float: left;
	height: 50px;
	margin-right: 10px
}

#header-ust a:hover {
	color: #cf2026
}

#header-alt {
	width: 1260px;
	margin: auto;
	height: 100px;
	display: flex
}

#header-alt figure {
	flex: 0 0 auto;
	margin-right: 50px
}

#header-alt div {
	flex: 0 0 auto;
	margin-left: 20px
}

#header-alt nav {
	flex: 1 1 auto
}

#header-alt figure img {
	height: 65px;
	margin-top: 18px;
	width: 178px
}

#nav-info img {
	width: 30px;
	float: left;
	margin-top: 35px;
	margin-right: 15px
}

#nav-info a:hover {
	color: #000
}

nav ul {
	display: flex;
	margin: auto;
	height: 100px;
	width: 100%;
	max-width: 1000px
}

nav ul li {
	float: left;
	text-align: center;
	border-bottom: 5px solid #fff
}

nav ul li a {
	display: block;
	font-size: 14px;
	padding: 0 20px;
	font-weight: 500;
	color: #222;
	line-height: 100px
}

nav ul li:hover {
	border-bottom: 5px solid #cf2026
}

nav ul li:hover a {
	color: #cf2026
}

.slider1 {
	background: url(../images/1.jpg)
}

.slider2 {
	background: url(../images/2.jpg)
}

.slider3 {
	background: url(../images/3.jpg)
}

.slider-text h3 {
	font-size: 24px;
	font-weight: 600;
	color: #000
}

.slider-text h3 span {
	font-size: 48px;
	display: block
}

.slider-detaylar {
	float: left;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	background: #cf2026;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 0 20px;
	border-radius: 3px;
	transition: all ease .3s
}

.slider-referanslar {
	float: left;
	height: 35px;
	line-height: 35px;
	color: #000;
	font-size: 13px;
	font-weight: 700;
	opacity: .6;
	transition: all ease .3s;
	padding: 0 20px;
	border-radius: 3px
}

.slider-text div {
	margin-top: 60px
}

.slider-text a:hover {
	background: #a71217;
	color: #fff;
	transition: all ease .3s;
	opacity: 1
}

#header-ust>div {
	width: 1260px;
	margin: auto
}

main p {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	display: block;
	margin-bottom: 20px;
}

.tekproje p {
	min-height: 60px
}

main p:last-child {
	margin-bottom: 0
}

h1 {
	font-size: 36px!important;
	display: block;
	color: #000;
	margin-bottom: 20px;
	font-weight: 300
}

.tam-hizmet {
	padding: 90px 0
}

.tam-hizmet p {
	max-width: 1260px;
	margin: auto
}

.tam-hizmet ul {
	width: 1260px;
	margin: 30px auto 0 auto
}

.tam-hizmet ul li {
	float: left;
	margin-right: 50px
}

.tam-hizmet ul li:last-child {
	margin-right: 0
}

.tam-hizmet ul li a {
	color: #000;
	font-size: 16px;
	float: left;
	height: 40px;
	line-height: 40px
}

.tam-hizmet>div {
	width: 1260px;
	margin: auto
}

.tam-hizmet ul li img {
	float: left;
	margin-right: 10px;
	width: 27px;
	height: 40px
}

.tam-hizmet ul li:last-child {
	margin-right: 0
}

.tam-hizmet ul li a:hover {
	text-decoration: underline
}

footer img {
	float: left;
	width: 36px;
	position: absolute;
	left: 0;
	top: 60px
}

h2 {
	font-size: 30px!important;
	display: block;
	color: #000;
	margin-bottom: 20px;
	font-weight: 300
}

h3 {
	font-size: 24px!important;
	display: block;
	color: #000;
	margin-bottom: 0;
	font-weight: 300;
	margin-top: 30px
}

.sayfa-ul {
	width: 100%
}

.sayfa-ul li {
	width: 100%;
	position: relative;
	padding-left: 70px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dfdfdf
}

.sayfa-ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px
}

#breadcrumb-iletisim {
	width: 100%;
	margin-top: 25px
}

#breadcrumb-iletisim li {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	margin-top: 15px
}

#breadcrumb-iletisim li span {
	position: Absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: #fae8e9;
	text-align: center
}

#breadcrumb-iletisim li img {
	width: 20px;
	height: 30px
}

#breadcrumb-iletisim a,
#breadcrumb-iletisim address {
	font-size: 13px;
	color: #000
}

#contact-harita {
	width: 615px;
	float: left;
	height: 520px;
	padding: 30px;
	background: #fafafa
}

#contact-harita iframe {
	width: 555px;
	height: 390px
}

.altbaslik1 {
	margin-top: 20px
}

#diger-hizmetler {
	width: 100%;
	padding: 60px 0;
	background: #fafafa;
	border-bottom: 1px solid #ebebeb
}

#diger-hizmetler>div {
	width: 1260px;
	margin: auto
}

#diger-hizmetler h4 {
	font-size: 20px;
	display: inline-block;
	position: relative;
	color: #cf2026;
	margin-bottom: 30px;
	font-weight: 500
}

#diger-hizmetler li {
	float: left;
	margin-right: 30px;
	padding-bottom: 30px;
	width: 185px;
	text-align: center;
	background: #fff;
	transition: all ease .3s
}

#diger-hizmetler li img {
	width: 80px;
	display: block;
	margin: 30px auto
}

#diger-hizmetler li:last-child {
	margin-right: 0
}

#diger-hizmetler:after {
	clear: both;
	display: Table;
	content: ""
}

#diger-hizmetler li a {
	color: #000;
	display: block
}

#diger-hizmetler li:hover {
	-webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
	transition: all ease .3s
}

.sayfa404 {
	position: fixed;
	width: 100%;
	flex-direction: column;
	height: 100%;
	background: #2cbeff;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	overflow: hidden
}

.sayfa404 {
	background: #cf2026
}

.sayfa404_resim {
	position: relative;
	width: 700px
}

.sayfa404_resim:before {
	width: 1000px;
	left: -1000px;
	height: 5px;
	content: "";
	position: absolute;
	top: 10px
}

.sayfa404_resim:after {
	width: 1000px;
	right: -1000px;
	height: 5px;
	content: "";
	position: absolute;
	top: 10px
}

.sayfa404_resim img {
	width: 100%;
	display: block
}

.sayfa404_text h1 {
	font-weight: 700;
	color: #fff;
	font-size: 120px;
	font-family: Arial
}

.sayfa404_text p {
	color: #fff;
	font-size: 18px;
	font-family: Arial
}

.sayfa404_text {
	text-align: center;
	width: 100%;
	margin-bottom: 60px
}

.sayfa-ul h3 {
	margin-bottom: 5px
}

.sayfa404_text a {
	color: #ffe78d;
	font-weight: 700;
	font-size: 16px;
	margin-top: 10px;
	display: Block;
	font-family: arial
}


.reference-slider {
  display: flex;
  align-items: center;
  padding:50px 0px;
}

.reference-slider .slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 10px; /* Kenar boşluğunu azaltır */
}

.reference-slider img {
  opacity: 0.4;
  transition: opacity 0.3s ease, filter 0.3s ease;
  max-height: 120px; /* Boyutları daha tutarlı hale getirir */
  max-width: 100%;
  margin: 0;
  filter: grayscale(100%);
  object-fit: contain;
}

.reference-slider img:hover {
  opacity: 1;
  filter: none;
}


/*lity giris Duyurusu*/
a[data-popup]{display:none;}
.lity-popup .hide{display:none;}
.lity-popup .popup-info{display:none;position: absolute;bottom: 0px;width:100%;background:#ffd400;padding:10px;font-size: 13px!important;}
.lity-popup .popup-info div{display:inline-block;}
.lity-popup .popup-info div.gosterme{cursor:pointer}
.lity-popup .popup-info div.close-text{position:absolute;right:10px;cursor:pointer}
.lity-popup .lity-content{margin-bottom:37px;}
.lity-popup .lity-close{display:none;}
.lity-popup .lity-iframe-container iframe {background:#ffffff;}
.lds-ripple { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ripple div { position: absolute; border: 4px solid #fff; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1; } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0; } }
/*lity giris Duyurusu*/