#main2 {
	position:relative
}
#panel {
	position:fixed;
	right:-650px;
	top:0;
	width:16%;
	height:100%;
	background:#000;
	z-index:999999
}

.hizmet-page {
	float:left;
	width:100%
}
.hizmet-page .titles {
	max-width:840px;
	margin:0 auto
}
.hizmet-page .titles h1 {
	margin-bottom:30px!important
}
.hizmet-page .titles p {
	text-align:center;
	color:#5d5c5c;
	font-size:15px;
	font-family:Arimo;
	line-height:25px
}
.hizmet-page .hizmet-cat-list {
	max-width:840px;
	margin:0 auto
}
.hizmet-page .hizmet-cat-list .liste {
	float:left;
	width:100%;
	padding:0 50px
}
.hizmet-page .hizmet-cat-list .liste .col-md-6 {
	padding:0 40px;
	margin-bottom:25px
}
.hizmet-page .hizmet-cat-list .liste h3 {
	color:#020303;
	font-size:30px;
	font-family:Montserrat-ExtraBold;
	position:relative;
	margin:0;
	padding-left:18px
}
.hizmet-page .hizmet-cat-list .liste h3 i {
	font-size:22px;
	position:absolute;
	left:-10px;
	top:5px;
	color:#6db8ff
}
.hizmet-page .hizmet-cat-list .liste ul {
	margin:20px 0;
	padding-left:18px
}
.hizmet-page .hizmet-cat-list .liste ul li:hover a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff
}
.hizmet-page .hizmet-cat-list .liste ul li a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	display:block;
	color:#5d5c5c;
	font-size:14px;
	font-family:Arimo-Bold;
	padding:3px 20px 3px 0;
	position:relative
}
.hizmet-page .hizmet-cat-list .liste ul li a i {
	background:url(../../themes/bgrkara/images/all-arrow.png) right top 6px no-repeat;
	display:block;
	position:absolute;
	right:0;
	top:3px;
	float:right;
	width:16px;
	height:24px
}
.page-content,.site-content {
	background:#fff
}
.page-content,.site-content,.site-content .page-title,.site-content .references {
	float:left;
	width:100%
}
.site-content .references .listed {
	max-width:850px;
	margin:0 auto;
	display:block
}
.site-content {
	position:relative
}
.site-content .page-title {
	padding:20px 0;
	margin-bottom:50px
}
.site-content .page-title h1 {
	font-size:40px;
	margin:0;
	color:#020303;
	text-align:center;
	font-family:Montserrat-ExtraBold;
	text-transform:lowercase
}
.site-content .page-title h1 i {
	font-style:normal;
	color:#6db8ff;
	margin:0 15px
}
.site-content .references .listed .item {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:50px
}
.site-content .references .listed .expression {
	right:-10px;
	top:-10px;
	width:136px;
	height:136px
}
.site-content .references .listed .item .web-title {
	width:527px;
	float:right;
	border:10px solid #aad4fd;
	height:504px;
	text-align:right;
	padding:30px;
	position:relative
}
.site-content .references .listed .item .web-title .title {
	position:absolute;
	bottom:150px;
	left:55%;
	text-align:left;
	width:100%
}
.site-content .references .listed .item .web-title .title h4 {
	margin:0 0 10px;
	font-size:16px;
	color:#8a8a8a;
	font-family:Arimo
}
.site-content .references .listed .item .web-title .title h1 {
	margin:0
}
.site-content .references .listed .item .web-title .title h1 a {
	display:block;
	font-size:35px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	position:relative
}
.site-content .references .listed .item .web-title .title h1 a span {
	position:relative;
	z-index:999;
	padding:5px 15px 5px 0
}
.site-content .references .listed .item .web-title .title h1 a span:before {
	-webkit-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
	content:"";
	position:absolute;
	bottom:0;
	background:#6db8ff;
	left:50%;
	right:50%;
	height:100%;
	z-index:-1
}
.site-content .references .listed .item .web-title .title h1 a:hover span:before {
	-webkit-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
	left:-15px;
	right:0
}
.site-content .references .listed .item .web-title .content {
	position:absolute;
	bottom:60px;
	right:30px;
	width:39%;
	text-align:left
}
.site-content .references .listed .item .web-title .content .url a:before {
	content:"";
	background:url(../../themes/bgrkara/images/project-detail.png) right center no-repeat;
	width:8px;
	height:17px;
	display:block;
	float:right;
	margin:2px 0
}
.site-content .references .listed .item .web-title .content .url a {
	border:2px solid #eee;
	max-width:140px;
	padding:2px 10px;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	display:block;
	font-size:15px;
	color:#858585;
	font-family:MontserratBold;
	margin-bottom:5px
}
.site-content .references .listed .item .web-title .content .url a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#020303
}
.site-content .references .listed .item .web-img {
	position:absolute;
	left:0;
	z-index:99;
	top:35px;
	width:587px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
	box-shadow:0 0 10px rgba(0,0,0,.4)
}
.site-content .references .listed .item .web-img .slick-prev:before {
	position:relative;
	left:-2px
}
.site-content .references .listed .item .web-img .slick-next:before {
	position:relative;
	right:-2px
}
.site-content .references .listed .item .web-img .slick-next,.site-content .references .listed .item .web-img .slick-prev {
	position:absolute;
	width:57px;
	height:51px;
	cursor:pointer;
	font-size:32px;
	padding:10px 0;
	top:50%;
	margin-top:-25px;
	display:block;
	text-align:center
}
.site-content .references .listed .item .web-img .slick-prev {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	left:-195px;
	border:2px solid transparent
}
.site-content .references .listed .item .web-img .slick-prev:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	background:0 0;
	border-color:#6db8ff
}
.site-content .references .listed .item .web-img .slick-next {
	right:-396px;
	border:2px solid transparent
}
.site-content .references .listed .item .web-img .slick-next:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	background:0 0;
	border-color:#6db8ff
}
.site-content .references .listed .item .web-img .item {
	height:432px;
	margin:0!important
}
.site-content .references .listed .item .web-img .item img {
	max-height:100%
}
.site-content .references .listed .item .web-img .item .resim-att {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.site-content .references .listed .item .web-img .item .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.site-content .references .listed .item .web-img .item .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.site-content .references .listed .item .web-img .item .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.site-content .references .listed .item .web-img .item .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.hizmet-detail {
	max-width:840px;
	margin:0 auto
}
.hizmet-detail .image {
	margin-bottom:50px
}
.hizmet-detail .text p {
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	margin-bottom:30px;
	line-height:25px
}
.hizmet-detail .text p a {
	color:#020303
}
.hizmet-detail .text strong {
	color:#020303;
	font-family:Montserrat-ExtraBold
}
.hizmet-detail .back a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#5d5c5c;
	font-family:Arimo-Bold;
	font-size:15px;
	background:url(../../themes/bgrkara/images/a-left.png) left center no-repeat;
	padding-left:30px
}
.hizmet-detail .back a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff;
	margin-left:15px
}
.detailed .proje-logo {
	height:317px;
	background:#eaeaea
}
.detailed .proje-logo .images {
	height:110px;
	text-align:center;
	position:relative;
	top:50px
}
.detailed .proje-logo .images .resim-att {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.detailed .proje-logo .images .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.detailed .proje-logo .images .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.detailed .proje-logo .images .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.detailed .proje-logo .images .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.detailed .proje-detail-image {
	max-width:85%;
	margin:-100px auto 0
}
.detailed .proje-detail-image .images {
	text-align:center;
	margin-bottom:65px
}
.detailed .proje-detail-image .images img {
	-webkit-box-shadow:0 0 15px #d8d8d8;
	box-shadow:0 0 15px #d8d8d8;
	max-width:100%
}
.proje-list-arrow {
	float:left;
	width:100%
}
.proje-list-arrow .link {
	display:table;
	float:left;
	width:100%;
	background:#eaeaea;
	height:132px
}
.proje-list-arrow .link a {
	display:table-cell;
	vertical-align:middle;
	font-size:35px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	text-align:center
}
.proje-list-arrow .arrow {
	float:left;
	width:100%;
	margin:20px 0 50px
}
.proje-list-arrow .arrow .next,.proje-list-arrow .arrow .prev {
	float:left
}
.proje-list-arrow .arrow .next a,.proje-list-arrow .arrow .prev a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#858585;
	font-size:15px;
	font-family:MontserratBold;
	padding:10px 0
}
.proje-list-arrow .arrow .next a:hover,.proje-list-arrow .arrow .prev a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#000;
	margin:0 10px
}
.proje-list-arrow .arrow .next a i,.proje-list-arrow .arrow .prev a i {
	color:#000;
	font-size:40px;
	position:relative;
	top:10px;
	margin-right:15px
}
.proje-list-arrow .arrow .next {
	float:right
}
.proje-list-arrow .arrow .next i {
	margin-right:0!important;
	margin-left:15px
}
.contact {
	float:left;
	width:100%
}
.contact .adress {
	float:left;
	width:100%
}
.contact .adress .title {
	float:left;
	width:100%;
	padding:0 30px
}
.contact .adress .title h4 {
	font-size:30px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	position:relative;
	margin:0 0 20px
}
.contact .adress .title h4 i {
	font-size:24px;
	position:absolute;
	left:-27px;
	top:3px;
	color:#6db8ff
}
.contact .adress .title p {
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	line-height:25px
}
.contact .adress .title p span {
	display:block
}
.contact .adress .title .phones {
	float:left;
	width:100%;
	margin:25px 0
}
.contact .adress .title .phones a {
	font-size:18px;
	color:#7a7a7a;
	font-family:MontserratBold
}
.contact .adress .title .maps a {
	display:block;
	background:url(../../themes/bgrkara/images/map.png) left no-repeat;
	background-size:contain;
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	padding:0 0 0 30px;
	line-height:30px
}
.contact .adress .title .maps a:hover {
	text-decoration:underline
}
.contact .teklif-box {
	float:left;
	width:100%;
	display:table;
	height:210px;
	padding:0 60px
}
.contact .teklif-box .title {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#eaeaea
}
.contact .teklif-box .title h1 {
	font-size:40px;
	color:#020303;
	letter-spacing:-1px;
	margin:0 0 30px;
	font-family:Montserrat-ExtraBold
}
.contact .teklif-box .title a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-size:15px;
	color:#929292;
	font-family:Arimo-Bold;
	background:url(../../themes/bgrkara/images/all-arrow.png) right top 6px no-repeat;
	padding:5px 25px
}
.contact .teklif-box .title a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#020303;
	padding:5px 30px
}
.prensip {
	float:left;
	width:100%
}
.prensip .page-title .all {
	max-width:840px;
	margin:0 auto
}
.prensip .page-title .all h1 {
	margin-bottom:30px
}
.prensip .page-title .all p {
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	text-align:center;
	line-height:25px
}
.prensip .prensibimiz {
	max-width:1010px;
	margin:0 auto
}
.prensip .prensibimiz .col-md-6:nth-child(odd) {
	padding-right:50px
}
.prensip .prensibimiz .col-md-6:nth-child(even) {
	padding-left:50px
}
.prensip .prensibimiz .title {
	margin-bottom:30px;
	height:230px
}
.prensip .prensibimiz .title h4 {
	font-size:28px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	position:relative;
	margin:0 0 20px
}
.prensip .prensibimiz .title h4 i {
	font-size:24px;
	position:absolute;
	left:-27px;
	top:3px;
	color:#6db8ff
}
.blog-text,.prensip .prensibimiz .title p {
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	line-height:25px
}
.blog-title h1 {
	max-width:840px;
	margin:0 auto!important
}
.blog-text {
	float:left;
	width:100%
}
.blog-text h2,.blog-text p a {
	font-family:Arimo-Bold
}
.blog-text .images {
	display:block;
	text-align:center;
	margin-bottom:60px
}
.blog-text p {
	margin-bottom:30px
}
.blog-text p a {
	color:#6db8ff
}
.blog-text h2 {
	margin:0 0 5px;
	font-size:18px
}
.blog-text ul {
	padding-left:20px
}
.blog-text ul li {
	list-style-type:square
}
.form-mesaj {
	float:left;
	width:100%;
	text-align:center;
	font-size:25px;
	color:#5d5c5c;
	line-height:35px;
	letter-spacing:1px;
	font-family:Arimo;
	padding:0 50px
}
.form-mesaj h3 {
	margin-bottom:30px
}
.form-mesaj p {
	font-size:20px!important
}
.blog-aut .author-info {
	background:#eaeaea;
	height:135px;
	padding:27px;
	margin:60px 0;
	float:left;
	width:100%
}
.blog-aut .author-info .image {
	float:left
}
.blog-aut .author-info .image a {
	display:block;
	height:80px;
	width:80px;
	border-radius:50%;
	overflow:hidden
}
.blog-aut .author-info .image a .resim-att {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.blog-aut .author-info .image a .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.blog-aut .author-info .image a .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.blog-aut .author-info .image a .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.blog-aut .author-info .image a .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.blog-aut .author-info .text {
	float:left;
	padding:0;
	margin-left:-10px
}
.blog-aut .author-info .text a {
	display:block;
	position:relative;
	top:5px
}
.blog-aut .author-info .text a .name {
	font-size:16px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	display:block
}
.blog-aut .author-info .text a .job {
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	display:block
}
.blog-aut .author-info .more {
	float:left;
	width:100%;
	position:relative;
	top:15px
}
.blog-aut .author-info .more a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-size:15px;
	color:#5d5c5c;
	font-family:Montserrat-ExtraBold;
	top:0
}
.blog-aut .author-info .more a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff
}
.blog-aut .author-info .more a i {
	margin-left:5px
}
.other-post {
	max-width:840px;
	margin:0 auto;
	position:relative;
	top:-30px;
	display:none
}
.other-post .right {
	float:right;
	max-width:50%;
	margin-bottom:60px
}
.other-post .right span {
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	display:block;
	padding-left:30px;
	margin-bottom:15px
}
.blog-content .article-list .post .post-head h2 a,.blog-content .article-list .post .post-head h3 a,.other-post .right a {
	font-family:Montserrat-ExtraBold;
	display:block
}
.other-post .right a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-size:20px;
	color:#020303;
	position:relative;
	padding-left:30px;
	line-height:25px
}
.other-post .right a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff
}
.other-post .right a:hover i {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.other-post .right a i {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff;
	font-size:22px;
	float:left;
	position:absolute;
	left:0;
	display:block;
	top:6px
}
.blog-content {
	float:left;
	width:100%
}
.blog-content .fb-post {
	margin:0 auto;
	display:block;
	text-align:center
}
.blog-content .post-detail {
	max-width:840px;
	margin:0 auto
}
.blog-content .post-detail p img {
	max-width:100%;
	margin:20px 0
}
.blog-content .article-list {
	float:left;
	width:100%
}
.blog-content .article-list .post {
	float:left;
	width:100%;
	margin-bottom:20px
}
.blog-content .article-list .post .post-head {
	float:left;
	width:100%
}
.blog-content .article-list .post .post-head h3 {
	padding:0 0 15px;
	float:left;
	width:100%;
	border-bottom:1px dotted #eee;
	margin:0
}
.blog-content .article-list .post .post-head h3 a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	float:left;
	font-size:20px;
	color:#020303;
	position:relative;
	padding-left:30px
}
.blog-content .article-list .post .post-head h3 a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff
}
.blog-content .article-list .post .post-head h3 a i {
	font-size:18px;
	position:absolute;
	left:0;
	top:4px;
	color:#6db8ff
}
.blog-content .article-list .post .post-head h2 {
	margin:0
}
.blog-content .article-list .post .post-head h2 a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-size:30px;
	color:#020303;
	position:relative;
	padding-left:30px
}
.blog-content .article-list .post .post-head h2 a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff
}
.blog-content .article-list .post .post-head h2 a:hover i {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.blog-content .article-list .post .post-head h2 a i {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-size:24px;
	position:absolute;
	left:0;
	top:8px;
	color:#6db8ff
}
.blog-content .article-list .post .post-content {
	float:left;
	width:100%;
	margin:20px 0;
	padding-left:30px
}


.listes .item .winner-box ul li span b {
	font-family:Montserrat-ExtraBold
}
.about,.about .content {
	float:left;
	width:100%
}
.about .content h2 {
	margin:0 0 10px;
	font-family:MontserratBold;
	color:#020303
}
.about .content p,.musteri-text {
	font-family:Arimo
}
.about .content p {
	margin-bottom:30px;
	font-size:16px;
	color:#8a8a8a;
	text-align:justify;
	line-height:25px
}
.about .content p a {
	color:#8a8a8a;
	border-bottom:2px solid #8a8a8a
}
.musteri-text {
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 50px;
	font-size:18px;
	color:#5d5c5c
}
.musteri-text a {
	font-family:Arimo-Bold;
	color:#6db8ff;
	border-bottom:2px solid #6db8ff
}
.musteri-liste {
	float:left;
	width:100%
}
.musteri-liste .item .image {
	height:120px;
	padding:0 10px;
	border-bottom:1px solid #eee
}
.musteri-liste .item .image .resim-att {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.musteri-liste .item .image .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.musteri-liste .item .image .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.musteri-liste .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.musteri-liste .item .image .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.musteri-liste .item .image img {
	max-width:100%
}
.tum-musteri {
	float:left;
	width:100%;
	margin:70px 0
}
.tum-musteri article.tum-musteri-text {
	float:left;
	width:100%;
	margin-bottom:25px
}
.tum-musteri article.tum-musteri-text p {
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 50px;
	font-size:18px;
	font-family:Arimo;
	color:#5d5c5c
}
.tum-musteri article.tum-musteri-text p a {
	font-family:Arimo-Bold;
	color:#6db8ff;
	border-bottom:2px solid #6db8ff
}
.tum-musteri .tum-musteri-liste {
	float:left;
	width:100%
}
.tum-musteri .tum-musteri-liste ul {
	float:left;
	width:100%;
	padding:0 20px
}
.tum-musteri .tum-musteri-liste ul li {
	padding:1px 0;
	display:block;
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	line-height:30px;
	position:relative
}
.tum-musteri .tum-musteri-liste ul li i {
	float:right;
	color:#6db8ff;
	position:relative;
	top:8px
}
.ourservices {
	float:left;
	width:100%;
	border-top:1px solid #eee;
	padding:30px 0
}
.ourservices h2 {
	color:#020303;
	margin-bottom:20px;
	margin-top:0
}
.ourservices h3 {
	font-size:20px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	margin:0 0 5px;
	line-height:25px;
	position:relative
}
.ourservices ul,.sb h2 {
	font-family:Arimo
}
.ourservices h3 i {
	font-size:18px;
	position:absolute;
	left:-20px;
	top:5px;
	color:#6db8ff
}
.ourservices ul {
	font-size:15px;
	color:#5d5c5c;
	line-height:28px;
	margin:0
}
.en-lang {
	display:block;
	width:42px;
	height:29px;
	background:#000;
	text-align:center;
	color:#f6dc13!important;
	text-decoration:none;
	padding:4px 0;
	font-size:14px;
	float:right;
	margin:15px 0
}
footer,footer .all,footer .all .footer-box {
	width:100%;
	float:left
}
.sb {
	text-align:center
}
.sb h2 {
	font-size:40px;
	line-height:45px;
	color:#5d5c5c;
	letter-spacing:-1px
}
footer .all .footer-box .alltwo a,footer .all .footer-box h4 {
	font-family:Montserrat-ExtraBold;
	text-align:center
}
.sb h2 a {
	color:#020303
}
footer {
	z-index:-1;
	height:450px
}
footer .footer-text {
	position:fixed;
	left:0;
	width:100%;
	height:100%;
	z-index:-99
}
footer .all {
	background:#f3db13;
	padding:60px 0;
	height:345px
}
footer .all .footer-box {
	padding:25px 0 0
}
.footer-box .left p {
	margin:0;
	font:15px Arimo;
	color:#040404;
	line-height:25px
}
.footer-box .left .col-md-12 {
	padding:0
}
.footer-box .left a {
	margin-right:30px!important
}
.footer-box .left {
	float:left
}
footer .all .footer-box h4 {
	color:#020303;
	margin:0 0 40px;
	font-size:40px;
	text-align:left
}
footer .all .footer-box .item {
	font:15px Arimo;
	color:#040404;
	height:70px;
	padding-left:30px
}
footer .all .footer-box .alltwo {
	float:left;
	width:100%;
	margin:10px 0 0
}
footer .all .footer-box .alltwo a:before {
	position:absolute;
	-webkit-transition:width .5s;
	-o-transition:width .5s;
	transition:width .5s;
	bottom:-8px;
	left:0;
	height:3px;
	background:#000;
	width:0;
	content:''
}
footer .all .footer-box .left {
	width:65%
}
footer .all .footer-box .right {
	float:right;
	margin:47px 0 0;
	width:35%
}
footer .all .footer-box .alltwo a {
	display:block;
	font-size:20px;
	color:#020303;
	margin:0 auto;
	float:left;
	position:relative;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
footer .all .footer-box .alltwo a:hover:before {
	width:100%
}
footer .all .footer-box .alltwo a i {
	position:relative;
	margin-left:10px
}
footer .social-footer {
	float:left;
	width:100%;
	padding:40px 0
}
footer .social-footer ul {
	display:table;
	text-align:center;
	margin:0 auto
}
footer .social-footer ul li {
	float:left;
	margin-right:40px
}
footer .social-footer ul li:last-child {
	margin-right:0
}
footer .social-footer ul li a {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-size:16px;
	color:#8f8f8f;
	font-family:Montserrat-SemiBold
}
footer .social-footer ul li a:hover {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff
}
footer .social-footer ul li a:hover i {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
footer .social-footer ul li a i {
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	color:#6db8ff;
	margin:0 5px
}
@media(max-width:1024px) and (min-width:999px) {
	.slide-page .center .imagess img {
		max-height:55%!important;
		left:2px!important
	}
	.videos {
		display:none
	}
	.site-head nav {
		margin:1px 25px 0 0
	}
	.site-head .mobil-btn {
		right:30px
	}
}
@media(max-width:1250px) and (min-width:1150px) {
	.site-content .references .listed .item .web-title .title h1 a {
		font-size:24px
	}
}
@media(max-width:1150px) and (min-width:1024px) {
	.teklif-page .captcha {
		max-width:304px
	}
	.firma-text input {
		width:70%!important
	}
	.firma-text label {
		width:40%
	}
	.form-group input {
		width:100%
	}
	.form-group select {
		margin:0 10px 20px 0!important
	}
	.contact .adress .title {
		padding:0
	}
	.site-content .references .listed .item .slick-prev {
		left:-118px!important
	}
	.site-content .references .listed .item .slick-next {
		right:-320px!important
	}
}
@media(max-width:999px) {
	.home-box5 .all .big-einstein h5 {
		font-size:20px
	}
	.hizmet-detail .image img,.site-content .images img,iframe,p img {
		max-width:100%
	}
	.site-head nav ul li a {
		padding:10px 6px
	}
	.yeni-projeler .title h6 {
		margin:0 0 20px!important
	}
	.about .content h2 {
		font-size:20px;
		line-height:25px
	}
	.site-content {
		padding:90px 20px 10px
	}
	.site-content .page-title {
		margin-bottom:30px
	}
	.site-head {
		padding:20px 0!important
	}
	.site-head .col-md-8 {
		-webkit-transition:inherit!important;
		-o-transition:inherit!important;
		transition:inherit!important
	}
	.site-head .row {
		margin:0
	}
	.site-head .row .col-md-3 {
		padding:0 10px
	}
	.home-box1 {
		padding:60px 12px 0 9px
	}
	.home-box1 .all .list {
		padding:60px 30px
	}
	.home-box1 .all .list .col-md-6 {
		padding:0;
		margin-bottom:20px
	}
	.home-box1 .all .list .col-md-6 p {
		padding:0
	}
	.home-box3 {
		padding:60px 10px 0
	}
	.home-box3 .title {
		position:relative!important;
		top:0!important;
		text-align:center;
		margin-bottom:50px
	}
	.home-box4 {
		padding:0 10px
	}
	.home-box4 .all .winner-box {
		padding:50px 20px;
		height:inherit;
		margin-bottom:0
	}
	.home-box4 .all .winner-box .title h3 {
		font-size:30px
	}
	.home-box4 .all .winner-box .list {
		margin:50px 0 20px
	}
	.home-box5 {
		padding:30px 0
	}
	.proje-liste .item .image,.proje-liste .item a {
		height:400px!important
	}
	.proje-liste .item .image img {
		max-height:100%
	}
	.proje-liste .item .content {
		bottom:100px!important;
		font-size:30px!important;
		line-height:30px;
		padding:10px 40px!important
	}
	.prensibimiz .col-md-6:nth-child(even),.prensibimiz .col-md-6:nth-child(odd) {
		padding:0!important
	}
	.prensibimiz .col-md-6 .title {
		padding:0 28px;
		height:inherit
	}
	.prensibimiz .col-md-6 .title i {
		left:-27px
	}
	.hizmet-detail .col-md-12,.hizmet-page .hizmet-cat-list .liste,.hizmet-page .hizmet-cat-list .liste .col-md-6,.hizmet-page .hizmet-cat-list .liste .col-md-6:nth-child(2n) {
		padding:0
	}
	.post-head {
		height:inherit!important
	}
	.post-head h2 a {
		font-size:27px!important
	}
	.post-head h2 a i {
		top:3px!important
	}
	.site-content .page-title h1 {
		font-size:30px
	}
	.sidebar {
		border-top:1px solid #ddd;
		padding:20px 0;
		width:100%
	}
	.sidebar ul li a {
		font-size:18px!important
	}
	.blog-content .col-xs-12 {
		padding:0
	}
	.blog-aut .author-info .image {
		padding-left:0
	}
	.adress,.teklif-box {
		padding:0!important
	}
	.blog-aut .author-info .text {
		margin-left:0
	}
	.adress .phone {
		margin:10px 0 20px!important
	}
	.teklif-box .title h1 {
		font-size:30px!important
	}
	.web-title .title {
		left:50%!important
	}
	.page-content {
		margin-bottom:60px
	}
}
@media(min-width:768px) and (max-width:999px) {
	.slider {
		background:#f3db13!important
	}
	.site-head .logo a.minimal-logo {
		display:none!important
	}
	.slider .tp-caption {
		bottom:60%
	}
	.slider .capBig {
		font-size:30px;
		line-height:35px
	}

	.dilBox,.listed .item i.left,.listes .item i.left {
		display:none
	}
	.top-text {
		height:750px
	}
	.footer-box h4 {
		font-size:30px!important
	}
	.ourservices .col-md-3 {
		height:180px;
		margin-bottom:20px
	}
	.teklif-page .captcha {
		max-width:304px
	}
	.firma-text input {
		width:40%!important
	}
	.firma-text label {
		width:40%
	}
	.captcha-formformError.parentFormbilgiFormu.formError {
		margin-left:-180px!important
	}
	.form-group select {
		margin:0 10px 20px 0!important
	}
	.listed .web-img {
		left:40px!important;
		width:387px!important;
		right:inherit!important
	}
	.listed .web-img .slick-prev {
		left:-60px!important;
		margin-top:-20px!important
	}
	.listed .web-img .slick-next {
		right:-300px!important;
		margin-top:-20px!important
	}
	.listed .item {
		height:285px!important;
		margin-bottom:80px!important
	}
	.listed .item img {
		max-height:100%
	}
	.listed .item .web-titles {
		right:20px!important
	}
	.listed .item .web-titles .content {
		bottom:65px;
		right:180px
	}
	.listed .item .web-titles .title {
		left:180px
	}
	.listed .item .web-titles .title h1 a {
		font-size:22px
	}
	.listed .web-title {
		right:50px!important;
		width:50%!important;
		height:335px!important;
		top:10px
	}
	.site-content .references .listed .item .web-title .winner {
		width:70%!important;
		margin:16px -16px!important
	}
	.listed .web-title .content {
		right:75px!important;
		bottom:15px!important;
		padding:0
	}
	.listed .web-title .title {
		left:40%!important;
		bottom:110px!important
	}
	.listed .web-title h1 a {
		font-size:20px!important
	}
	.listes .web-imgs {
		left:0!important
	}
	.listes .item .web-titles {
		right:20px!important
	}
	.listes .item .web-titles .content {
		bottom:65px;
		right:180px
	}
	.listes .item .web-titles .title {
		left:180px
	}
	.listes .item .web-titles .title h1 a {
		font-size:22px
	}
	.contact .teklif-box {
		padding:0 27px 0 12px!important
	}
	.homes,.site-content {
		margin-bottom:0!important
	}
	.page-content .content,article {
		padding:0 17px 0 0
	}
	.hizmet-detail .row {
		margin:0!important
	}
	.hizmet-page .hizmet-cat-list .liste {
		padding:0 50px!important
	}
	.hizmet-page .hizmet-cat-list .liste ul {
		width:80%
	}
	.page-title.blog-title {
		margin:50px 0 30px
	}
	.site-head {
		height:110px!important
	}
	.site-head nav {
		margin:1px 20px 0 0
	}
	.site-head .mobil-btn {
		right:0
	}
	.contact .teklif-box {
		margin:0!important
	}
	.contact .teklif-box .titles {
		border:10px solid #eee!important;
		margin:0 0 20px
	}
	.topsifir {
		height:68px!important;
		padding:2px!important
	}
	footer {
		height:inherit!important;
		position:relative;
		float:left;
		width:100%
	}
	footer .all {
		height:235px;
		padding:35px 0
	}
	footer .social-footer ul li {
		width:25%;
		margin-right:0;
		text-align:left
	}
	#panel {
		width:30%
	}
	.home-box1 .all .list {
		padding:60px 10px
	}
	.home-box1 .all .list .col-md-6 {
		padding:0 30px
	}
}
@media only screen and (max-width:767px) and (min-width:480px) {
	.top-text {
		height:380px!important
	}
	.top-text .center-img {
		bottom:10px!important
	}
	.listes .item,.site-content .references .listed {
		max-width:350px;
		margin:0 auto!important;
		display:block;
		text-align:center;
		float:none!important;
		padding:0 10px
	}
	.top-winner ul li {
		width:50%!important
	}
	.blog-aut .author-info .image {
		width:20%
	}
	.musteri-liste .col-lg-2 {
		width:33%
	}
	.hizmet-page .hizmet-cat-list .liste .col-md-6 {
		width:50%;
		padding:0 30px!important
	}
	#panel {
		width:30%!important;
		overflow:auto
	}
	.slider .center-img {
		bottom:20px
	}
	.home-box1 .all .list span {
		margin:0 0 15px;
		line-height:25px;
		font-size:25px
	}
	.home-box1 .all .list .col-md-6 {
		width:50%;
		padding:0 30px;
		margin-bottom:30px
	}
	.winner-box .list .col-md-2 {
		width:33%
	}
	.big-einstein {
		padding:0 60px
	}
	.big-einstein h1 {
		font-size:20px!important
	}
	footer .all {
		padding:30px 0!important;
		height:205px!important
	}
	footer .footer-box .alltwo {
		top:10px!important
	}
	footer .social-footer {
		max-width:350px;
		float:none;
		overflow:hidden;
		margin:0 auto;
		text-align:center;
		display:block
	}
}
@media(min-width:1px) and (max-width:767px) {
	.dilBox,.top-text {
		display:none
	}
	.top-text {
		height:670px
	}
	.proje-list-arrow .link,.site-content .page-title span {
		display:block
	}
	.sb h2 {
		font-family:Montserrat;
		font-size:25px;
		line-height:40px
	}
	.footer-box h4 {
		font-size:30px!important
	}
	.ourservices .col-md-3 {
		margin-bottom:20px
	}
	.proje-list-arrow .link a {
		display:block;
		font-size:18px;
		margin:50px 0
	}
	.teklif-page .captcha {
		max-width:304px
	}
	.form-group input {
		width:100%!important;
		margin:0!important
	}
	.form-group select {
		margin:0 10px 20px 0!important
	}
	.detailed .proje-detail-image .images,.proje-logo {
		margin-bottom:25px
	}

	.listes .item .web-titles .content .url a:nth-child(2),.listes .item i.left,.references .listed .item .web-title .content .url a:nth-child(2),.references .listed .item .web-title .title h1 a:before {
		display:none
	}
	.proje-logo {
		height:150px!important
	}
	.proje-logo .images {
		top:25px!important
	}
	.detailed .proje-detail-image {
		margin-top:0
	}
	.references .listed .item .web-title {
		width:100%!important;
		height:inherit!important;
		float:left!important;
		left:0!important;
		right:inherit!important;
		border:none!important;
		padding:7px 0!important
	}
	.references .listed .item .web-title .title {
		position:relative!important;
		top:0!important;
		float:left!important;
		width:100%!important;
		left:0!important
	}
	.references .listed .item .web-title .title h1 a {
		font-size:15px!important
	}
	.references .listed .item .web-title .title h1 a span {
		width:100%!important;
		margin:0!important;
		padding:0!important
	}
	.references .listed .item .web-title .content {
		position:relative!important;
		bottom:0!important;
		left:0!important;
		width:100%!important;
		right:0!important
	}
	.references .listed .item .web-title .content .url {
		float:left;
		width:100%;
		margin:10px 0 0
	}
	.references .listed .item .web-img {
		position:relative!important;
		float:left;
		right:inherit!important;
		width:100%!important;
		top:0!important;
		margin-bottom:10px
	}
	.site-content .references .listed .item .web-title .content .url a {
		width:50%;
		float:left
	}
	.references .listed .item .web-img .slick-next,.references .listed .item .web-img .slick-prev {
		color:#fff!important;
		font-size:25px!important;
		width:42px!important;
		height:42px!important;
		border:none!important
	}
	.references .listed .item .web-img .slick-prev {
		left:2px!important
	}
	.listes .item .web-imgs,.listes .item .web-titles .title {
		left:0;
		top:0;
		position:relative
	}
	.references .listed .item .web-img .slick-next {
		right:2px!important
	}
	.references .listed .item .web-img .item {
		height:233px!important
	}
	.references .listed .item .web-img .item img {
		max-height:inherit!important;
		min-height:100%;
		width:100%
	}
	.top-winner ul li {
		width:47%;
		margin:0!important
	}
	.oduldetail .col-sm-12 {
		padding:0!important
	}
	.listes {
		float:left;
		width:100%
	}
	.listes .item {
		margin:0 0 50px
	}
	.listes .item .web-titles {
		position:relative;
		width:100%;
		height:inherit;
		margin-bottom:10px;
		-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
		border:none!important;
		padding:15px 0!important;
		box-shadow:inherit!important
	}
	.listes .item .web-titles .content {
		position:relative;
		right:0;
		bottom:-10px
	}
	.listes .item .web-titles .title h1 a {
		font-size:15px
	}
	.listes .item .web-imgs {
		width:100%;
		float:left
	}
	.listes .item .web-imgs .items {
		height:247px
	}
	.listes .item .web-imgs img {
		max-height:100%
	}
	.listes .item .winner-box {
		margin:0
	}
	.listes .item .winner-box ul li {
		padding:20px;
		font-size:20px
	}
	.listes .item .winner-box ul li span {
		font-size:13px
	}
	.big-einstein .image {
		height:230px!important
	}
	.big-einstein h1 {
		font-size:20px!important
	}
	footer .all {
		padding:40px 0!important;
		height:auto!important
	}
	footer .footer-box h4 {
		font-size:32px
	}
	footer .footer-box .alltwo {
		top:10px!important
	}
	.homes,.site-content {
		margin-bottom:0!important
	}
	.site-head {
		height:110px!important
	}
	.topsifir {
		padding:0!important;
		height:68px!important
	}
	a.minimal-logo {
		display:none!important
	}
	a.logo-link {
		display:block!important
	}
	footer {
		position:relative;
		height:inherit
	}
	footer .social-footer {
		position:initial!important;
		padding:30px 20px
	}
	footer .social-footer li {
		width:50%;
		margin:0!important
	}
	footer .social-footer li a {
		text-align:left;
		display:block
	}
	footer .social-footer li:nth-child(even) a {
		text-align:right
	}
	footer .social-footer li:nth-child(even) a i {
		float:right;
		margin:3px 5px
	}
	.slider .tp-caption {
		bottom:60%
	}
	.slider .capBig {
		font-size:24px;
		line-height:30px;
		text-align:center
	}
	.pl,.pr {
		padding:5px 0!important
	}
	header nav ul {
		display:none
	}
	#panel {
		width:53%
	}
}
.o-position .k-imagebox .image,.top-text {
	float:left
}
#popbtn {
	display:none!important
}
@media(min-width:1200px) and (max-width:1260px) {
	.mobil-btn {
		right:55px!important
	}
	.site-head nav {
		margin-right:50px
	}
}
.site-content .references .listed .item .web-img .item img {
	max-width:100%;
	text-align:center;
	display:block;
	margin:0 auto
}
.site-content .references .listed .item .web-img .item:nth-child(2) img,.site-content .references .listed .item .web-img .item:nth-child(3) img,.site-content .references .listed .item .web-img .item:nth-child(4) img {
	max-height:inherit!important
}
.top-text {
	background:#6db8ff;
	width:100%;
	position:relative
}
.top-text .capBig {
	position:absolute;
	text-align:center;
	display:block;
	margin:0 auto;
	z-index:9;
	width:100%;
	top:45%;
	letter-spacing:-1px;
	padding:0 15px;
	color:#020303;
	line-height:38px;
	font-size:35px;
	font-family:Montserrat-ExtraBold
}
.top-text .center-img {
	position:absolute;
	bottom:60px;
	width:100%
}
.top-text .images {
	margin-top:20px
}
.top-text .center-img a {
	transition:.3s;
	max-width:45px;
	display:block;
	margin:0 auto;
	padding:10px 0
}
.top-text .center-img a img {
	transition:.3s;
	text-align:center;
	display:block;
	margin:0 auto
}
.ek-image {
	margin:0 0 30px;
	text-align:center
}
.ek-image img {
	max-width:100%
}
.fullwidthbanner-container li {
	list-style:none;
	position:absolute;
	visibility:hidden
}
.new-head {
	background:#f5db13!important
}
.post-detail table {
	margin:20px 0
}
.post-detail table tr td {
	padding:4px
}
.post-detail table tr td a {
	transition:.3s;
	color:#5d5c5c;
	border-bottom:1px dotted#5d5c5c
}
.post-detail table tr td a:hover {
	transition:.3s;
	color:#f5dc12
}
.post-detail table tr:nth-child(even) {
	background:#f2f2f2
}
.post-detail table tr:nth-child(odd) {
	background:#fff!important
}
@media(min-width:1000px) and (max-width:1130px) {
	.bgrkara-twitter .content {
		float:none!important;
		width:100%!important;
		padding:0 40px!important
	}
	.bgrkara-twitter .content img {
		max-width:100%
	}
	.bgrkara-twitter .top b,.bgrkara-twitter .top span {
		font-size:13px!important
	}
	.site-content .references .listed .slick-prev {
		left:-60px!important;
		margin-top:-60px!important;
		margin-left:50px
	}
	.site-content .references .listed .slick-next {
		right:-440px!important;
		margin-top:-60px!important;
		margin-right:-110px
	}
	.site-content .references .listed .item .web-title .title h1 a {
		font-size:20px!important
	}
	.listes .item i.left {
		display:none
	}
	.listes .item .web-titles {
		right:20px!important;
		width:55%!important
	}
	.listes .item .web-titles .content {
		bottom:65px;
		right:220px
	}
	.listes .item .web-titles .title {
		left:180px
	}
	.listes .item .web-titles .title h1 a {
		font-size:22px
	}
	.teklif-page .formError {
		margin-left:50%!important
	}
}
@media only screen and (max-width:1500px) and (min-width:1200px) {
	.bgrkara-twitter .content {
		padding:0;
		margin:0 auto!important;
		float:none!important
	}
	.bgrkara-twitter .slick-btn {
		left:-20px!important
	}
	.bgrkara-twitter .slick-btn:last-child {
		right:-10px!important
	}
	.bgrkara-twitter .top {
		padding:20px 0 20px 60px!important;
		position:relative
	}
}
@media only screen and (max-width:1200px) and (min-width:767px) {
	.home-box4 .all .winner-box {
		padding:100px 170px!important
	}
	.home-box4 .all .winner-box .list ul li {
		margin:0 10px!important
	}
	.bgrkara-twitter .slick-btn {
		left:-10px!important
	}
	.bgrkara-twitter .slick-btn:last-child {
		right:-10px!important
	}
	.bgrkara-twitter .top {
		padding:20px 0 20px 60px!important;
		position:relative
	}
	.bgrkara-twitter .content {
		margin:0 auto!important;
		display:block;
		float:none!important
	}
	.o-position .k-imagebox .image:first-child {
		width:55%
	}
	.o-position .k-imagebox .image:last-child {
		width:45%
	}
	.o-position .k-imagebox .image img {
		max-width:100%
	}
}
@media(max-width:1010px) and (min-width:1px) {
	.home-box2 .mc-bg {
		padding:25px 0
	}
	.home-box4 .all .winner-box .list ul li {
		margin:0 20px 30px!important
	}
	.videos {
		display:none
	}
	.videos video {
		width:120%!important
	}
	.top-winner .mc-bg2 {
		margin:40px 0!important
	}
}
@media(max-width:367px) and (min-width:1px) {
	.site-content .references .listed .item .web-title .content .url a {
		max-width:125px
	}
	.site-content .references .listed .expression {
		top:-205px!important;
		z-index:99;
		right:0
	}
	.references .listed .item .web-img {
		height:195px
	}
	.bgrkara-twitter .content {
		margin:0!important;
		padding:0 20px;
		overflow:hidden;
		width:100%!important
	}
	.listes .item .web-imgs img {
		max-width:100%
	}
	.listes .item .web-imgs .items {
		height:202px
	}
	.references .listed .item .web-img .item {
		height:192px!important
	}
	.site-content .references .listed .item .web-img .item img {
		width:inherit!important;
		max-height:100%!important;
		min-height:inherit!important
	}
	.site-content .references .listed .item .web-title .title h4 {
		font-size:18px
	}
	.site-content .references .listed .item .web-title .content .url a {
		font-size:13px
	}
}
@media(max-width:767px) and (min-width:1px) {
	footer .all .footer-box .item {
		height:90px!important
	}
	.teklif-formu {
		margin:0!important
	}
	.teklif-page form .form-group label .intl-tel-input input {
		text-align:center!important
	}
	.teklif-page form .form-group label input {
		text-align:left!important
	}
	.teklif-formu2.detail .more a {
		max-width:100%!important
	}
	.teklif-formu2 .form-group.note .checkbox {
		padding:0!important
	}
	.teklif-page .teklif-formu2 .form-group span {
		width:100%
	}
	.teklif-formu2 .form-group.note,.teklif-page .teklif-formu2 .form-group label {
		width:100%!important
	}
	.references .listed .item .web-title .title {
		margin:0 0 10px
	}
	.site-content .references .listed .item .web-title .winner {
		width:100%!important;
		margin:15px 0!important
	}
	.site-content .references .listed .expression {
		top:-245px;
		z-index:99;
		right:0
	}
	.references .listed .item .web-title .content .url a:nth-child(2) {
		display:block!important;
		margin-left:10px
	}
	.bgrkara-twitter .images img {
		max-width:100%
	}
	.bgrkara-twitter .content {
		margin:0!important;
		padding:0 50px;
		overflow:hidden;
		width:100%!important
	}
	.bgrkara-twitter .top {
		padding:20px 0 20px 60px!important;
		position:relative
	}
	.bgrkara-twitter .slick-btn {
		left:0!important
	}
	.bgrkara-twitter .slick-btn:last-child {
		right:0!important
	}
	.videos {
		display:none
	}
	.list-o-positions .content {
		padding:0!important
	}
	.list-o-position .title,.list-o-positions .title {
		margin-left:28px!important
	}
	.list-o-position .content .item {
		padding:10px 0!important
	}
	.list-o-position .content .item a {
		margin:-12px 0
	}
	.list-o-position .content .item span {
		padding:0!important;
		width:100%!important
	}
	.o-position .k-imagebox .image,.teklif-page form .form-group label {
		width:100%
	}
	.list-o-position .content .item i {
		float:left;
		display:block
	}
	.list-o-position .title h1,.list-o-positions .title h1 {
		font-size:27px!important
	}
	.list-o-position .title h1 i,.list-o-positions .title h1 i {
		top:7px!important
	}
	.o-position .k-imagebox .image:last-child {
		margin-top:-40px
	}
	.o-position .k-imagebox .image img {
		display:block;
		text-align:center;
		margin:0 auto;
		max-width:100%
	}
	#myPopup,.head-metin {
		display:none
	}
	.top-winner .mc-bg2 {
		margin:40px 0!important
	}
	.mc-bg {
		margin:0 20px!important
	}
	#myPopup .modal-dialog {
		width:90%!important;
		margin:40px auto
	}
	.head-metin {
		opacity:0
	}
}
.line1 {
	display:block;
	margin:0 auto
}
.line1 a {
	color:#020303;
	cursor:default
}
.typewrite>.wrap {
	position:relative
}
#myPopup .modal-body {
	background:#000
}
#myPopup .modal-dialog {
	width:640px
}
#myPopup .modal-dialog img {
	max-width:100%;
	text-align:center;
	display:block;
	margin:auto
}
#myPopup .modal-header {
	min-height:inherit;
	padding:0;
	border:none
}
#myPopup .modal-header button {
	position:absolute;
	right:0;
	top:0;
	font-size:45px;
	opacity:1;
	background:#000;
	width:45px;
	height:40px;
	z-index:99;
	margin-top:0
}
.homes,.site-content,.slider,.videos {
	z-index:9
}
#myPopup .modal-header button span {
	display:block;
	margin-top:-10px;
	color:#f6dc0e
}
.firmasol {
	margin-left:0!important
}
.captcha-formformError.parentFormbilgiFormu.formError {
	left:205px!important
}
.text-tesekkur {
	margin-bottom:150px;
	margin-top:-40px
}
.text-tesekkur p {
	color:#5d5c5c;
	font-family:Arimo;
	font-size:22px;
	text-align:center
}
.text-tesekkur ul {
	display:block;
	text-align:center;
	margin:60px auto auto;
	max-width:200px
}
.text-tesekkur ul li {
	margin-bottom:10px
}
.text-tesekkur ul li a {
	transition:.3s;
	display:block;
	position:relative;
	text-align:left;
	color:#5d5c5c;
	font-family:Arimo-Bold;
	font-size:15px
}
.text-tesekkur ul li a:hover {
	transition:.3s;
	color:#6db8ff
}
.text-tesekkur ul li a:before {
	content:"";
	background:url(../../themes/bgrkara/images/1new-home-sprite.png) -32px -144px no-repeat;
	position:absolute;
	right:0;
	width:30px;
	height:22px
}
.text-tesekkur .bot {
	margin-top:40px
}
.text-tesekkur .bot p {
	font-size:14px
}
@-webkit-keyframes blink {
	0%,100% {
		opacity:1
	}
	50% {
		opacity:0
	}
}
@keyframes blink {
	0%,100% {
		opacity:1
	}
	50% {
		opacity:0
	}
}
.ti-container {
	display:block;
	font-size:inherit
}
.ti-text-container {
	position:relative;
	display:inline;
	font-size:inherit
}
.ti-text-container:before {
	content:'';
	display:inline-block;
	width:1px;
	height:1em;
	position:relative
}
.ti-text-container.active-container.ti-cursor:after {
	display:inline
}
.ti-cursor:after {
	display:none;
	content:'|';
	bottom:.05em;
	right:-.25em;
	position:absolute;
	line-height:normal;
	font-size:inherit;
	-webkit-animation:blink 1s infinite;
	animation:blink 1s infinite
}
.home-box4 .all .winner-box .list .col-md-2:first-child .image:before {
	width:60px;
	height:100px;
	background-position:0 0
}
.home-box4 .all .winner-box .list .col-md-2:nth-child(2) .image:before {
	width:178px;
	height:100px;
	background-position:-100px 0
}
.home-box4 .all .winner-box .list .col-md-2:nth-child(3) .image:before,.home-box4 .all .winner-box .list .col-md-2:nth-child(4) .image:before {
	width:85px;
	height:100px;
	background-position:-300px 0
}
.home-box4 .all .winner-box .list .col-md-2:nth-child(5) .image:before {
	width:55px;
	height:100px;
	background-position:-425px 0
}
.home-box4 .all .winner-box .list .col-md-2:nth-child(6) .image:before {
	width:150px;
	height:100px;
	background-position:-515px 0
}
.videos,.videos i {
	height:100%;
	width:100%;
	position:absolute
}
.home-box4 .all .winner-box .list .col-md-2 .image:before {
	content:"";
	background:url(../../themes/bgrkara/images/1new-home-sprite.png);
	text-align:center;
	display:block;
	margin:0 auto
}
.videos {
	top:0
}
.videos i {
	background:linear-gradient(45deg,rgba(245,220,17,.66) 0,#6db8ff 100%)
}
.videos video {
	width:120%
}
.new-head nav>ul>li>a {
	color:#000!important
}
.new-head nav>ul>li>a:hover {
	color:#6db8ff!important
}
.anasayfa header {
	background:0 0
}
.anasayfa .topsifir3,.anasayfa .topsifir3 .logo a.minimal-logo {
	background:#6db8ff
}
.anasayfa .logo a.minimal-logo {
	display:block;
	height:57px;
	padding:15px 20px
}
.contact .teklif-box {
	margin:-20px 0 30px
}
.contact .teklif-box .pa {
	padding:0
}
.contact .teklif-box .pa:last-child .titles {
	border-left:0
}
.contact .teklif-box .titles {
	border:10px solid #eee;
	padding:32px 0;
	text-align:center;
	height:150px
}
.contact .teklif-box .titles h1 {
	font-size:32px;
	color:#020303;
	letter-spacing:-1px;
	margin:0 0 9px;
	font-family:Montserrat-ExtraBold
}
.contact .teklif-box .titles a {
	transition:.3s;
	font-size:15px;
	color:#929292;
	font-family:Arimo-Bold;
	background:url(../../themes/bgrkara/images/all-arrow.png) right top 6px no-repeat;
	padding:5px 25px
}
.contact .teklif-box .titles a.tel {
	font-family:Montserrat-ExtraBold!important;
	font-size:20px!important;
	background:0 0!important
}
.contact .teklif-box .titles a:hover {
	transition:.3s;
	color:#6db8ff
}
.contact .adress .title h4 span {
	font-size:15px;
	color:#5d5c5c;
	font-family:Arimo;
	line-height:25px;
	display:block;
	position:absolute;
	top:-30px
}
.homes {
	position:relative
}
footer .all {
	position:relative;
	z-index:8
}
footer .social-footer {
	position:fixed;
	bottom:0
}
.modal-open .site-content {
	z-index:10000
}
.modal-open footer .social-footer {
	z-index:-1!important
}
.o-position {
	max-width:inherit!important
}
.o-position .k-imagebox {
	float:left;
	width:100%
}
.list-o-position {
	max-width:525px;
	margin:0 auto
}
.list-o-position .title {
	float:left;
	width:100%;
	margin-left:70px
}
.list-o-position .title h1 {
	font-size:42px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	position:relative;
	margin-top:0
}
.list-o-position .title h1 i {
	font-size:24px;
	position:absolute;
	left:-27px;
	top:14px;
	color:#6db8ff
}
.list-o-position .content {
	float:left;
	width:100%;
	margin:30px 0
}
.list-o-position .content .item {
	float:left;
	width:100%;
	padding:10px;
	border-bottom:1px solid #efefef
}
.list-o-position .content .item span {
	font-size:15px;
	color:#636363;
	width:55%;
	font-family:Arimo;
	display:block;
	float:left;
	padding-left:40px
}
.list-o-position .content .item i {
	font-size:15px;
	color:#adadad;
	font-family:Arimo;
	font-style:normal
}
.list-o-positions {
	max-width:525px;
	margin:50px auto
}
.list-o-positions .title {
	float:left;
	width:100%;
	margin-left:70px
}
.list-o-positions .title h1 {
	font-size:42px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	position:relative
}
.list-o-positions .title h1 i {
	font-size:24px;
	position:absolute;
	left:-27px;
	top:14px;
	color:#6db8ff
}
.list-o-positions p {
	font-size:15px;
	color:#636363;
	font-family:Arimo
}
.list-o-positions .content {
	float:left;
	width:100%;
	padding:0 70px;
	margin:20px 0
}
.list-o-positions .content a {
	transition:.3s;
	font-family:Arimo-Bold;
	color:#636363
}
.list-o-positions .content a:hover {
	transition:.3s;
	color:#6db8ff
}
.page-loading {
	margin:18% auto!important;
	left:initial!important;
	text-align:center;
	display:block;
	position:relative;
	top:initial!important;
	width:400px;
	height:300px!important;
	background:#fff
}
.page-loading img {
	max-width:100%;
	width:initial!important
}
.page-loading .text {
	font-size:15px!important;
	font-family:Arimo;
	color:#707070;
	text-align:center;
	width:100%;
	bottom:70px!important;
	left:0!important
}
.list-o-position .content .item a:hover {
	transition:.3s;
	color:#f5dc12
}
.list-o-position .content .item a:hover i {
	transition:.3s;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.list-o-position .content .item a {
	transition:.3s;
	cursor:pointer;
	float:right;
	display:block;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	font-size:15px
}
.list-o-position .content .item a i {
	transition:.3s;
	font-family:FontAwesome;
	background:#f5dc12;
	font-size:20px;
	color:#020303;
	padding:2px 4px;
	width:23px;
	height:23px;
	float:left;
	margin-right:8px
}
.list-o-position .content .modal {
	overflow:hidden
}
.list-o-position .content .modal::-webkit-scrollbar-track {
	background-color:#eee
}
.list-o-position .content .modal::-webkit-scrollbar {
	width:10px;
	background-color:#eee
}
.list-o-position .content .modal::-webkit-scrollbar-thumb {
	background-color:#6db8ff
}
.list-o-position .content .modal .modal-content .modal-header h4 {
	font-size:18px;
	color:#020303;
	font-family:Montserrat-ExtraBold
}
.list-o-position .content .modal .modal-content .modal-header .close {
	width:inherit
}
.bgrkara-twitter,.bgrkara-twitter .images,.bgrkara-twitter .list {
	width:100%;
	float:left
}
.list-o-position .content .modal .modal-content .modal-header {
	padding:15px 35px
}
.list-o-position .content .modal .modal-content .modal-body {
	padding:15px 35px
}
.list-o-position .content .modal .modal-dialog {
	max-height:620px;
	overflow:auto
}
.list-o-position .content .modal .modal-content .modal-body ul {
	margin:15px 0;
	padding:0 18px
}
.list-o-position .content .modal .modal-content .modal-body ol {
	margin:15px 0;
	padding:0 18px
}
.list-o-position .content .modal .modal-content .modal-body ul li {
	font-size:15px;
	font-family:Arimo;
	color:#636363;
	list-style-type:circle;
	margin-bottom:5px
}
.list-o-position .content .modal .modal-content .modal-body p {
	font-size:15px;
	font-family:Arimo;
	color:#636363
}
.list-o-position .content .modal .modal-content .modal-body ol li {
	font-size:15px;
	font-family:Arimo;
	color:#636363;
	list-style-type:disc;
	margin-bottom:5px
}
.list-o-position .content .modal .modal-content .btn-default {
	background-color:#f5dc12!important;
	border-color:#f5dc12!important;
	font-family:Arimo-Bold
}
.detailed .proje-logo .images .resim-thumb .resim-centered img {
	max-height:100%
}
.head-metin {
	display:none
}
.bgrkara-twitter .title {
	font:40px Montserrat-ExtraBold;
	color:#020303;
	text-align:center;
	margin:30px 0 50px
}
.bgrkara-twitter .text {
	float:left;
	width:100%;
	padding:28px 0 0;
	color:#040404;
	font:13px Arimo;
	line-height:22px
}
.bgrkara-twitter .text p {
	color:#040404;
	font:13px Arimo;
	line-height:22px
}
.bgrkara-twitter .pa {
	padding:0!important
}
.bgrkara-twitter .content {
	float:left;
	width:300px;
	margin:0 60px
}
.bgrkara-twitter .top {
	float:left;
	width:100%;
	padding:20px 0
}
.bgrkara-twitter .top:before {
	content:"";
	background:url(../../themes/bgrkara/images/bgrkara-small-logos.png) no-repeat;
	display:block;
	width:48px;
	height:48px;
	position:absolute;
	left:0;
	top:12px
}
.bgrkara-twitter .top b {
	color:#040404;
	font:15px Arimo-Bold
}
.bgrkara-twitter .top i,.bgrkara-twitter .top span {
	color:#5d5c5c;
	font:15px Arimo
}
.bgrkara-twitter .slick-btn {
	transition:.3s;
	cursor:pointer;
	position:absolute;
	top:50%;
	height:37px;
	width:37px;
	left:-37px;
	border:2px solid #6db8ff;
	border-radius:50%;
	margin-top:-80px
}
.bgrkara-twitter .slick-btn:last-child {
	left:inherit!important;
	right:-60px
}
.bgrkara-twitter .slick-btn i.fa-angle-left {
	width:20px;
	height:20px;
	background:url(../../themes/bgrkara/images/ico-sprite.png) no-repeat;
	display:block;
	text-align:center;
	margin:8px auto
}
.bgrkara-twitter .slick-btn i.fa-angle-right {
	width:20px;
	height:20px;
	background:url(../../themes/bgrkara/images/ico-sprite.png) right center no-repeat;
	background-position:-27px 2px;
	right:0;
	display:block;
	text-align:center;
	margin:6px auto
}
.bgrkara-twitter .slick-btn i:before {
	display:none
}
.bgrkara-twitter .slick-btn:hover {
	transition:.3s;
	background:#020303
}
footer .all .footer-box .slick-btn {
	transition:.3s;
	cursor:pointer;
	position:absolute;
	top:50%;
	height:17px;
	width:12px;
	left:0;
	border-radius:50%;
	margin-top:-35px
}
footer .all .footer-box .slick-btn:last-child {
	margin-top:-10px
}
footer .all .footer-box .slick-btn i.fa-angle-left {
	width:17px;
	height:12px;
	background:url(../../themes/bgrkara/images/ico-sprite.png) no-repeat;
	background-position:-37px -47px;
	display:block;
	text-align:center
}
footer .all .footer-box .slick-btn i.fa-angle-right {
	width:17px;
	height:12px;
	background:url(../../themes/bgrkara/images/ico-sprite.png) right center no-repeat;
	right:0;
	background-position:0 -47px;
	display:block;
	text-align:center
}
footer .all .footer-box .slick-btn i:before {
	display:none
}
footer .all .footer-box.slick-btn:hover {
	transition:.3s;
	background:#020303
}
.home-box4 .all .winner-box .list ul li {
	display:inline-block;
	margin:0 20px
}
.winner-listes {
	max-width:820px;
	margin:60px auto;
	position:relative;
	min-height:335px
}
.winner-listes .big {
	max-width:250px;
	display:block;
	margin:0 auto;
	position:relative
}
.select2-container {
	float:left;
	width:100%;
	border:none!important;
	border-bottom:2px solid #6db8ff!important
}
.select2-container ul {
	float:left;
	width:100%;
	border:none!important;
	background:0 0!important;
	box-shadow:none!important;
	padding:0 0 10px!important
}

.select2-results li {
	font-family:Arimo;
	font-size:15px
}
.winner-listes .big span,.winner-listes .big span i,.winner-listes .item span {
	font-family:Montserrat-ExtraBold;
	display:block
}
.select2-search-choice-close:before {
	content:"x";
	display:block;
	width:20px;
	height:20px;
	float:left;
	color:#020303;
	font-size:16px
}
#background-video:before,.banner:before,.item-list .web-titles .title a span:before,.slide-page .center .right p:before,.teklif-formu2.detail .more a:before,i.bot-cab {
	content:""
}
.select2-search-choice-close {
	top:2px
}
.select2-container-multi .select2-search-choice-close {
	left:5px
}
.select2-container {
	background:url(../../themes/bgrkara/images/select-icos.png) right center no-repeat;
	cursor:pointer
}
.select2-results {
	margin:0
}
.select2-container-multi .select2-choices {
	padding:0 30px 0 0!important
}
.select2-container-multi .select2-choices,.select2-container-multi .select2-choices .select2-search-field,.select2-container-multi .select2-choices .select2-search-field input {
	cursor:pointer!important
}
.select2-container-multi .select2-choices .select2-search-field input {
	bottom:0!important;
	padding:0;
	height:auto!important
}
.winner-listes .big span {
	color:#020303;
	font-size:17px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-43px;
	text-align:center
}
.winner-listes .big span i {
	position:relative;
	color:#020303;
	font-size:65px;
	font-style:normal;
	margin:-18px 0
}
.winner-listes .item span {
	animation:ani-mouse 1s infinite;
	width:62px;
	height:62px;
	background:#6db8ff;
	border-radius:50%;
	text-align:center;
	padding:14px 0;
	position:absolute;
	top:-50px;
	right:-40px;
	font-size:25px
}
@-webkit-keyframes ani-mouse {
	0%,to {
		background:#6db8ff
	}
	50% {
		background:#eaeaea
	}
}
@keyframes ani-mouse {
	0%,to {
		background:#6db8ff
	}
	50% {
		background:#eaeaea
	}
}
.winner-listes .item {
	float:left;
	position:absolute;
	left:0;
	top:30px
}
.winner-listes .item:nth-child(2) span {
	top:-10px
}
.winner-listes .item:nth-child(3) {
	top:inherit;
	bottom:75px;
	left:130px
}
.winner-listes .item:nth-child(4) {
	bottom:0;
	top:inherit;
	left:50%;
	margin-left:-105px
}
.winner-listes .item:nth-child(5) {
	top:inherit;
	bottom:75px;
	right:130px;
	left:inherit
}
.winner-listes .item:nth-child(5) span {
	top:-55px;
	right:-35px
}
.winner-listes .item:nth-child(6) {
	left:inherit;
	right:0;
	top:90px
}
.winner-listes .item:nth-child(6) span {
	top:-55px;
	right:-35px
}
.oduldetail {
	border-top:1px solid #eaeaea;
	float:left;
	width:100%;
	max-width:100%
}
.oduldetail .filtre {
	float:right;
	padding:5px 0
}
.oduldetail .filtre span {
	float:left;
	display:block;
	font:15px Arimo;
	color:#bbb;
	padding:12px 0
}
.oduldetail .filtre .nice-select {
	float:right;
	clear:none;
	border:none;
	padding:12px 0;
	margin-left:18px
}
.listess .filtre .nice-select .option.selected.focus,.oduldetail .filtre .nice-select .option.focus,.oduldetail .filtre .nice-select ul li:hover {
	color:#020303;
	background-color:#eaeaea
}
.oduldetail .filtre .nice-select span {
	padding:0 25px 0 0
}
.nice-select.open .list {
	right:0;
	left:inherit;
	background:#fff;
	z-index:999;
	border-radius:0
}
.nice-select .list {
	left:inherit;
	right:0
}
.nice-select.open .list li {
	font:15px Arimo;
	color:#bbb;
	padding:10px 20px
}
.nice-select:after {
	border:none;
	background:url(../../themes/bgrkara/images/select-icons.png) no-repeat;
	width:17px;
	height:11px;
	transform:rotate(0);
	top:16px;
	right:0;
	margin:0
}
.nice-select.open:after {
	transform:rotate(-180deg)
}
.win-box {
	max-width:100%;
	float:left;
	width:100%
}
.listess .item-list .pa {
	padding:0
}
.listess .item-list {
	float:left;
	width:100%;
	height:230px;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea
}
.listess .item-list:nth-child(odd) {
	background:#eaeaea;
	border:none
}
.listess .item-list .col-md-4 {
	height:100%;
	display:table
}
.listess .item-list .winner {
	display:table-cell;
	vertical-align:middle;
	padding:0 22px
}
.listess .item-list .winner .text {
	width:58%;
	float:right
}
.listess .item-list .winner .icon .resim-att {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.listess .item-list .winner .icon .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.listess .item-list .winner .icon .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.listess .item-list .winner .icon .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.listess .item-list .winner .icon .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	max-width:100%
}
.listess .item-list .winner .icon {
	float:left;
	width:35%;
	height:115px
}
.listes .item-list .winner .text {
	float:left;
	padding:5px 0 0 30px;
	max-width:220px
}
.listess .item-list .winner .text .title {
	font:25px Montserrat-ExtraBold;
	color:#020303
}
.listess .item-list .winner .text span {
	font:16px Montserrat;
	color:#020303;
	display:block;
	margin:10px 0
}
.listess .item-list .winner .text i {
	font:11px Montserrat;
	color:#6d6d6d;
	display:block
}
.listess .item-list .items {
	float:left;
	width:100%
}
.listess .item-list .items a {
	width:260px;
	display:block;
	height:195px;
	margin:17px auto;
	box-shadow:0 0 22px rgba(0,0,0,.21176470588235294);
	overflow:hidden
}
.listess .item-list .items .resim-att {
	width:100%;
	height:195px;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.listess .item-list .items .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.listess .item-list .items .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.listess .item-list .items .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.listess .item-list .items .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	max-height:100%
}
.site-content .references .listed .item .web-title .winner {
	width:45%;
	float:right;
	margin:60px 0
}
.site-content .references .listed .item .web-title .winner ul li {
	text-align:left;
	font:13px Arimo;
	color:#8a8a8a;
	padding:3px
}
.site-content .references .listed .item .web-title .winner ul li:after {
	content:"";
	background:url(../../themes/bgrkara/images/ok.png) no-repeat;
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin-right:10px
}
.listes .item-list .winner .icon .resim-att {
	width:100%;
	height:100px;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.listes .item-list .winner .icon .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.listes .item-list .winner .icon .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.listes .item-list .winner .icon .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.listes .item-list .winner .icon .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	max-height:100%
}
.listes .item-list .col-md-8 {
	float:right
}
.item-list .web-titles {
	float:left;
	width:100%;
	position:relative;
	overflow:hidden
}
.item-list .web-titles .title {
	float:left;
	width:100%;
	height:230px;
	padding:77px 0
}
.item-list .web-titles .title i {
	float:left;
	width:100%;
	display:block;
	font:19px Arimo;
	color:#8a8a8a;
	margin:0 0 10px
}
.item-list .web-titles .title a {
	display:block;
	font:22px Montserrat-ExtraBold;
	color:#020303;
	float:left;
	width:100%
}
.item-list .web-titles .title a:hover span:before {
	transition:.4s;
	left:-15px;
	right:0
}
.item-list .web-titles .title a span {
	position:relative;
	z-index:9;
	padding:0 10px 0 0
}
.item-list .web-titles .title a span:before {
	transition:.4s;
	position:absolute;
	bottom:0;
	background:#6db8ff;
	left:50%;
	right:50%;
	height:100%;
	z-index:-1
}
.expression {
	position:absolute;
	right:0;
	top:0;
	width:136px;
	height:136px;
	background:url(../../themes/bgrkara/images/expe-bg.png) no-repeat
}
.expression span {
	display:block;
	color:#434C54;
	transform:rotate(45deg);
	line-height:13px;
	position:relative;
	top:38px;
	right:-30px;
	text-align:center;
	letter-spacing:1px;
	font-weight:700;
	max-width:110px
}
@media only screen and (max-width:1400px) {
	.site-content .references .listed .item .web-title .title h1 a {
		font-size:25px
	}
}
@media only screen and (max-width:1200px) {
	.item-list .web-titles .title a {
		font-size:20px
	}
	.listes .item-list .winner .text {
		padding-left:20px;
		max-width:170px
	}
}
@media only screen and (max-width:480px) {
	.dt-ph {
		display:none
	}
	.fsa select,.llas i,.winner-listes {
		display:none
	}
	.llas {
		float:left;
		width:100%
	}
	.llas .ccode,.llas .pcode {
		width:auto!important;
		float:left
	}
	.llas input {
		font-size:14px!important
	}
	.contact .teklif-box .titles {
		border:10px solid #eee!important;
		margin:0 0 20px
	}
	.contact .adress .title h4 span {
		position:relative;
		top:0
	}
	.fsa select {
		width:100%;
		margin:0!important
	}
	.teklif-page form .form-group select {
		padding-left:0!important
	}
	.g-recaptcha>div {
		width:100%!important
	}
	.proje-list-arrow .arrow .next a,.proje-list-arrow .arrow .prev a {
		font-size:12px!important
	}
	.winner-lists-detail ul li {
		width:100%!important;
		margin:10px 0;
		padding:0 10px!important
	}
	.proje-detail-image .content .title {
		font-size:30px!important;
		margin:20px 0!important
	}
	.listes .item-list {
		height:auto;
		background:#eaeaea;
		margin-bottom:30px
	}
	.item-list .web-titles {
		float:none;
		max-width:260px;
		margin:0 auto;
		overflow:inherit
	}
	.item-list .web-titles .title {
		height:auto;
		padding:0 0 20px;
		text-align:center
	}
	.item-list .web-titles .title a {
		font-size:15px!important
	}
	.item-list .web-titles .title i {
		font:17px Arimo!important;
		margin:0 0 5px!important
	}
	.expression {
		top:-212px
	}
	.listes .item-list .winner {
		padding:20px 0;
		max-width:260px;
		display:block;
		margin:0 auto;
		overflow:hidden
	}
	.listes .item-list .winner .text .title {
		font-size:20px
	}
	.listes .item-list .winner .text {
		max-width:inherit;
		padding:0;
		width:100%;
		text-align:center
	}
	.listes .item-list .winner .text span {
		margin:5px 0 10px
	}
	.listes .item-list .winner .icon {
		display:none
	}
}
@media(max-width:1010px) and (min-width:481px) {
	.winner-lists-detail ul li {
		width:33%!important
	}
	.proje-detail-image .content .title {
		font-size:40px!important
	}
	.listes .item-list .winner .icon {
		display:none
	}
	.listes .item-list .winner {
		padding:0 20px
	}
	.listes .item-list .winner .text {
		padding:0;
		max-width:100%
	}
	.listes .item-list {
		height:200px
	}
	.listes .item-list .items a {
		max-width:190px;
		height:140px
	}
	.listes .item-list .items .resim-att {
		height:140px
	}
	.item-list .web-titles .title a {
		font-size:15px
	}
	.listes .item-list .items {
		margin:14px 0
	}
	.winner-listes .item:nth-child(6) {
		right:80px
	}
}
.site-content .references .listed .item .web-img .item {
	display:none
}
.site-content .references .listed .item .web-img .item:first-child {
	display:block
}
.proje-detail-image .content {
	float:left;
	width:100%
}
.proje-detail-image .content .title {
	font:50px montserrat-light;
	color:#232323;
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 60px
}
.proje-detail-image .content p {
	font:14px montserrat-light;
	color:#858585;
	line-height:25px;
	margin:20px 0
}
.winner-lists-detail {
	float:left;
	width:100%;
	margin:50px 0 100px
}
.winner-lists-detail .title {
	font:20px montserrat-light!important;
	color:#232323!important;
	margin:0 0 45px!important
}
.winner-lists-detail ul {
	float:left;
	width:100%;
	text-align:center
}
.winner-lists-detail ul li {
	display:inline-block;
	font:11px montserrat-light;
	color:#858585;
	text-align:center;
	line-height:18px;
	padding:0 10px;
	min-height:220px;
	width:158px
}
.winner-lists-detail ul li span i {
	display:block;
	font-style:normal
}
.winner-lists-detail ul li span {
	font:13px montserrat-light;
	color:#000;
	display:block;
	margin:10px 0 2px
}
.winner-lists-detail ul li .winner-logo {
	height:110px
}
.winner-lists-detail ul li .winner-logo .resim-att {
	width:100%;
	height:100px;
	position:relative;
	float:left;
	padding:0;
	text-align:center
}
.winner-lists-detail ul li .winner-logo .resim-att .resim-att-pre {
	width:100%;
	height:100%;
	position:relative
}
.winner-lists-detail ul li .winner-logo .resim-att .resim-att-pre .resim-thumb {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	overflow:hidden;
	max-width:100%;
	max-height:100%
}
.winner-lists-detail ul li .winner-logo .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);
	transform:translate(50%,50%)
}
.winner-lists-detail ul li .winner-logo .resim-thumb .resim-centered img {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	max-height:100%;
	max-width:100%
}





















.slogan {
	float:left;
	width:100%;
	background:#6db8ff;
	height:400px;
	font-size:30px;
	color:#020303;
	font-family:Montserrat-ExtraBold;
	text-align:center;
	position:relative;
	margin-bottom:60px;
	display:table
}
.slogan .text {
	display:table-cell;
	vertical-align:middle;
	line-height:40px
}



.banner {
	float:left;
	width:100%;
	height:350px;
	overflow:hidden;
	background:#f5db13;
	margin:0
}
.nowinner {
	float:left;
	width:100%;
	margin-top:20px
}
.nowinner p {
	font:40px Montserrat-ExtraBold;
	text-align:center
}
.banner:before {
	background:#f5db13;
	position:absolute;
	width:100%;
	height:170px;
	top:0;
	z-index:-99
}
.video-box {
	float:left;
	width:100%;
	padding:40px 0 0
}
.pyazi{
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600;
	font-size: 23px;
}
.hideme{
	opacity:0;
}