@import url("https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&subset=latin-ext");
@import url("lib/companents.css");
body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	cursor: default;
	color: #000;
	font-family: "Poppins", sans-serif;
	background-color: #efeded;
	font-size: 12px;
}

.icerikbg {background-color: #e8e8e8;}

ul,
ul li {
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: #000;
	text-decoration: none !important;
	cursor: pointer;
}

* a {
	color: inherit;
}

* a:focus {
	color: inherit;
}

.phoneLink, .whatsApp {
    width: 55px;
    height: 55px;
    background: url("../images/whatsapp-line.svg") #25d366 no-repeat center/30px 30px;
    position: fixed !important;
    border-radius: 50%;
    bottom: 40px;
    right: calc(((100% - 1240px) / 4) - 27px);
    z-index: 999;
    -webkit-transition: .5s;
    transition:.5s
}

.phoneLink {
    background: url("../images/phone-w.svg") #015394 no-repeat center/30px 30px;
    bottom:110px
}


/* Sadece mobil cihazlar */
@media (max-width: 768px) {
    .phoneLink,
    .whatsApp {
        right: calc(25% - 59.5px);
    }
}


img {
	border: 0;
	vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

input:focus,
a:focus,
button:focus,
textarea:focus {
	outline: none !important;
	box-shadow: none !important;
}

.fa.fa-active-show,
.fa.fa-hover-show,
.active>.fa.fa-active-hidden,
:hover>.fa.fa-hover-hidden {
	display: none;
}

.active>.fa.fa-active-show,
:hover>.fa.fa-hover-show {
	display: inline-block;
}

.img-dila {
	overflow: hidden;
	display: block;
	position: relative;
}

.img-dila img {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

.img-dila:hover img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: translatZ(0) scale(1.2);
	transform: translatZ(0) scale(1.2);
}

.iblock,
.vmiddle,
.top-socials a,
.top-socials a .fa,
.top-phone,
.btn-ball,
.btn-footer,
.footer-socials a,
.footer-menu ul li,
.footer-menu ul li a {
	display: inline-block;
}

.vmiddle,
.top-socials a,
.top-socials a .fa,
.top-phone,
.btn-ball,
.btn-footer,
.footer-socials a,
.footer-menu ul li,
.footer-menu ul li a {
	vertical-align: middle;
}

.pos-relative {
	position: relative;
}

.noCursor {
	cursor: default;
}

.noborder {
	border: 0 !important;
}

a.logo-267 {
	background-color: #eee;
	border-radius: 50%;
	padding: 6px;
	margin: 10px auto;
}

a.logo-267:hover {
	background-color: #fafafa;
}

.pusher {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.pusher:hover,
.pusher:focus,
.pusher:active {
	-webkit-animation-name: pusher;
	animation-name: pusher;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes pusher {
	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pusher {
	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.middler {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.middler-in {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	display: table;
	border-collapse: collapse;
}

.middler-in.static {
	position: static;
	z-index: auto;
}

.middler-left,
.middler-center,
.middler-right,
.middler-top,
.middler-bottom {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.middler-center {
	text-align: center;
}

.middler-right {
	text-align: right;
}

.middler-top {
	vertical-align: top;
}

.middler-bottom {
	vertical-align: bottom;
}

.ihover {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
}

.nobg {
	background-color: transparent !important;
}

[data-active-in] {
	display: none;
}

[data-active-in].active {
	display: block;
}

[animate],
[data-effect] {
	visibility: hidden;
}

.anim,
.goTop,
.top-socials a,
.top-phone,
.slide-controls a,
.sbox h3,
.sbox:after,
.sbox:before,
.sbox-link .icon,
.app-tabs ul li a,
.appbox .app-link .middler,
.inews ul li a,
.titler .abs,
.iblog .blog-box h3 a,
.blog-link,
.btn-footer,
.footer-socials a,
.footer-menu ul li a,
.copyright a,
.left-menu h3 a,
.left-menu ul li a,
.content-in a,
.bread-custom .breadcrumb li a,
.logo,
#bs ul li a {
	-moz-transition: 300ms all;
	-o-transition: 300ms all;
	-webkit-transition: 300ms all;
	-ms-transition: 300ms all;
	transition: 300ms all;
}

.goTop {
	background-color: #00bff9;
	color: #fff;
}

.goTop:hover {
	background-color: #fff;
	color: #02b1e6;
}

ul.nav.navbar-nav,
nav.navbar,
a.navbar-brand {
	margin: 0;
}

nav.navbar {
	border: none;
	border-radius: 0;
	min-height: inherit;
}

a.navbar-brand {
	height: auto;
	padding: 0;
	line-height: inherit;
}

.navbar-toggle {
	border-color: #fff;
	margin-right: 0;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.navbar-toggle.collapsed {
	background-color: #0099c8;
}

.navbar-toggle,
.navbar-toggle:hover {
	background-color: #fa0001;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

#bs {
	box-shadow: none !important;
}

#bs>ul>li>a {
	background-color: transparent !important;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 25px 23px;
}

@media only screen and (min-width:768px) and (max-width:992px) {
	#bs>ul>li>a {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media only screen and (max-width:767px) {
	#bs>ul>li>a {
		border-bottom: 1px solid #8fe5ff;
		padding: 15px 0;
	}
}

#bs>ul>li>a:hover {
	color: #8fe5ff;
}

#bs>ul>li.active>a,
#bs>ul>li.active>a:hover,
#bs>ul>li.active>a:focus {
	background-color: transparent !important;
	color: #8fe5ff !important;
}

#bs>ul>li:first-child>a {
	padding-left: 0;
}

#bs>ul>li:hover>ul {
	display: block;
}

#bs>ul .open .dropdown-menu,
#bs>ul>li>ul {
	margin-top: 0 !important;
	box-shadow: none !important;
}

#bs>ul>.open>a,
#bs>ul>.open>a:hover,
#bs>ul>.open>a:focus {
	background-color: transparent;
	cursor: default;
	color: #8fe5ff !important;
	border-color: transparent !important;
}

#bs>ul .open .dropdown-menu,
#bs>ul>li ul {
	margin-top: 0;
	padding: 0 0;
	border: none !important;
	border-radius: 0;
	min-width: 160px !important;
}

#bs>ul .open .dropdown-menu>li>a,
#bs>ul>li ul li a {
	display: block;
	font-size: 14px;
	padding: 10px;
	color: #fff;
	background-color: transparent;
}

#bs>ul .open .dropdown-menu>li:hover>a,
#bs>ul>li:hover ul li a:hover {
	color: #fff;
}

#bs ul li:hover a img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
}

#bs ul ul li {
	position: relative;
}

@media only screen and (min-width:768px) {
	#bs ul li ul li ul {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9;
		left: 100%;
	}
}

@media only screen and (max-width:767px) {
	#bs ul li ul li ul {
		display: none !important;
	}
}

.dropdown-menu-center {
	right: auto !important;
	left: 50% !important;
	transform: translate(-50%, 0);
}

.slide>ul,
.app-slide ul,
.inews-slide ul,
.blog-slide ul {
	transform: scale(0);
	height: 0;
}

@media only screen and (min-width:768px) {
	.fadeup-this,
	#bs ul li ul li ul,
	.appbox .app-link .middler img,
	[data-view] {
		display: block;
		visibility: hidden;
		-moz-transition: .35s;
		-o-transition: .35s;
		-webkit-transition: .35s;
		-ms-transition: .35s;
		transition: .35s;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		transform: translate(0, 25px);
		-webkit-transform: translate(0, 25px);
		-moz-transform: translate(0, 25px);
		-o-transform: translate(0, 25px);
		-ms-transform: translate(0, 25px);
	}
	.fadeup-this.menu-center,
	#bs ul li ul li ul.menu-center,
	.appbox .app-link .middler img.menu-center,
	.menu-center[data-view] {
		transform: translate(-50%, 25px);
		-webkit-transform: translate(-50%, 25px);
		-moz-transform: translate(-50%, 25px);
		-o-transform: translate(-50%, 25px);
		-ms-transform: translate(-50%, 25px);
	}
	.fadeup-this-left {
		transform: translate(25px, 0);
		-webkit-transform: translate(25px, 0);
		-moz-transform: translate(25px, 0);
		-o-transform: translate(25px, 0);
		-ms-transform: translate(25px, 0);
	}
	.fadeup-this-right {
		transform: translate(-25px, 0);
		-webkit-transform: translate(-25px, 0);
		-moz-transform: translate(-25px, 0);
		-o-transform: translate(-25px, 0);
		-ms-transform: translate(-25px, 0);
	}
	.fadeup-hover,
	#bs ul ul li:hover ul,
	.fadeup:hover .fadeup-this,
	.fadeup:hover #bs ul li ul li ul,
	#bs ul li ul li .fadeup:hover ul,
	.fadeup:hover .appbox .app-link .middler img,
	.appbox .app-link .middler .fadeup:hover img,
	.fadeup:hover [data-view],
	.fadeup-first:hover>.fadeup-this,
	#bs ul li ul li .fadeup-first:hover>ul,
	.appbox .app-link .middler .fadeup-first:hover>img,
	.fadeup-first:hover>[data-view],
	.appbox:hover .app-link .middler img,
	[data-view].fadeup-hover {
		display: block;
		visibility: visible;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		transform: translate(0);
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-o-transform: translate(0);
		-ms-transform: translate(0);
		-moz-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility .3s linear 0s;
		-o-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility .3s linear 0s;
		-webkit-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility .3s linear 0s;
		-ms-transition: transform .3s ease 0s, opacity .3s ease 0s, visibility .3s linear 0s;
		transition: transform .3s ease 0s, opacity .3s ease 0s, visibility .3s linear 0s;
	}
	.fadeup-hover.menu-center,
	#bs ul ul li:hover ul.menu-center,
	.fadeup:hover .menu-center.fadeup-this,
	.fadeup:hover #bs ul li ul li ul.menu-center,
	#bs ul li ul li .fadeup:hover ul.menu-center,
	.fadeup:hover .appbox .app-link .middler img.menu-center,
	.appbox .app-link .middler .fadeup:hover img.menu-center,
	.fadeup:hover .menu-center[data-view],
	.fadeup-first:hover>.menu-center.fadeup-this,
	#bs ul li ul li .fadeup-first:hover>ul.menu-center,
	.appbox .app-link .middler .fadeup-first:hover>img.menu-center,
	.fadeup-first:hover>.menu-center[data-view],
	.appbox:hover .app-link .middler img.menu-center {
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
	}
}

@media only screen and (min-width:768px) {
	.menu-center {
		right: auto !important;
		left: 50% !important;
	}
}

.logo {
	display: inline-block;
}

.topbar {
	padding-top: 3px;
	background-color: #fff;
}

@media only screen and (max-width:480px) {
	.topbar .btn-ball {
		margin-top: 10px;
	}
}

.topbar.ifix {
	-webkit-box-shadow: 0 25px 70px 0 rgba(71, 62, 62, .32);
	-moz-box-shadow: 0 25px 70px 0 rgba(71, 62, 62, .32);
	box-shadow: 0 25px 70px 0 rgba(71, 62, 62, .32);
	padding: 0;
}

.topbar.ifix .topline {
	display: none;
}

@media only screen and (max-width:767px) {
	.topbar.ifix {
		display: none !important;
	}
}

.topline {
	border-top: 2px solid #00bff9;
	padding: 15px 0 0;
}

@media only screen and (max-width:767px) {
	.topline {
		text-align: center;
	}
	.topline .text-right {
		text-align: center;
	}
}

.top-socials {
	padding-bottom: 5px;
}

.top-socials a {
	font-weight: 700;
	color: #473e3e;
	margin-left: 35px;
	margin-bottom: 15px;
	line-height: 100%;
}

.top-socials a .fa {
	font-size: 20px;
	margin-right: 4px;
}

.top-socials a .fa-facebook-f {
	color: #3a5a98;
}

.top-socials a .fa-twitter {
	color: #29c7d9;
}

.top-socials a .fa-instagram {
	color: #ff0041;
}

.top-socials a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
}

@media only screen and (max-width:767px) {
	.top-socials a {
		margin: 0 7px 15px;
	}
}

.top-phone {
	font-weight: 700;
	font-size: 17px;
	color: #3a3a3a;
}

.top-phone img {
	margin-right: 8px;
}

.btn-ball {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	color: #fff !important;
	-moz-transition: 300ms all;
	-o-transition: 300ms all;
	-webkit-transition: 300ms all;
	-ms-transition: 300ms all;
	transition: 300ms all;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #00bff9;
	border: 1px solid #00bff9;
	padding: 10px 20px;
	text-align: center;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	font-weight: 600;
	padding: 17px 25px;
	letter-spacing: .5px;
}

.btn-ball:disabled,
.btn-ball.disabled {
	background-color: #0098c6 !important;
	cursor: not-allowed;
}

.btn-ball:active,
.btn-ball.active {
	background-color: #93e6ff;
	cursor: default;
}

.btn-ball:hover {
	background-color: #004a60;
}

.btn-ball.btn-white:hover {
	background-color: #00abe0;
}

.bg-sea,
#bs>ul .open .dropdown-menu>li>a,
#bs>ul>li ul li a,
.top-menu {
	background: #00bff9;
	background: -moz-linear-gradient(top, #00bff9 0%, #02b1e6 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #00bff9), color-stop(100%, #02b1e6));
	background: -webkit-linear-gradient(top, #00bff9 0%, #02b1e6 100%);
	background: -o-linear-gradient(top, #00bff9 0%, #02b1e6 100%);
	background: -ms-linear-gradient(top, #00bff9 0%, #02b1e6 100%);
	background: linear-gradient(to bottom, #00bff9 0%, #02b1e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bff9', endColorstr='#02b1e6', GradientType=0);
}

.bg-sea-reverse,
#bs>ul .open .dropdown-menu>li:hover>a,
#bs>ul>li:hover ul li a:hover,
.top-search {
	background: #02b1e6;
	background: -moz-linear-gradient(top, #02b1e6 0%, #00bff9 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #02b1e6), color-stop(100%, #00bff9));
	background: -webkit-linear-gradient(top, #02b1e6 0%, #00bff9 100%);
	background: -o-linear-gradient(top, #02b1e6 0%, #00bff9 100%);
	background: -ms-linear-gradient(top, #02b1e6 0%, #00bff9 100%);
	background: linear-gradient(to bottom, #02b1e6 0%, #00bff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02b1e6', endColorstr='#00bff9', GradientType=0);
}

.top-search {
	padding: 0 3px;
}

.top-search .form-control,
.top-search .btn {
	color: #fff;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	min-height: 70px;
}

.top-search .form-control {
	font-size: 12px;
}

.top-search .form-control::-webkit-input-placeholder {
	color: #fff;
}

.top-search .form-control:-moz-placeholder {
	color: #fff;
}

.top-search .form-control::-moz-placeholder {
	color: #fff;
}

.top-search .form-control:-ms-input-placeholder {
	color: #fff;
}


.stagebg {
 
	background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
}

.stage {
	background-color: #e8e8e8;

}

@media only screen and (max-width:767px) {
	.stage {
		background-repeat: repeat-y;
	}
}

.slide {
	padding: 35px 0 30px;
	position: relative;
}

@media only screen and (max-width:767px) {
	.slide-controls {
		display: none;
	}
}

.slide-controls a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	top: 50%;
	margin-top: -20px;
}

.slide-controls a.control-right {
	left: auto;
	right: 0;
}

.slide-controls a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
}

.sbox {
	display: block;
	position: relative;
	background-color: #efeded;
	height: 280px;
	overflow: hidden;
	position: relative;
	text-align: center;
	padding: 5px 10px;
}

@media only screen and (max-width:767px) {
	.sbox {
		margin: 5px 0;
	}
}

.sbox h3 {
	font-size: 18px;
	color: #322929;
	line-height: 130%;
}

.sbox * {
	position: relative;
	z-index: 3;
}

.sbox:after {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 0;
	height: 0;
	border-bottom: 40px solid #f90105;
	border-left: 40px solid transparent;
}

.sbox:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: url("../images/bg-box.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
}

.sbox-link {
	display: block;
	width: 137px;
	height: 137px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 20px;
}

.sbox-link .icon {
	-webkit-filter: brightness(-100%);
	filter: brightness(-100%);
}

.services-list {
	padding: 15px;
	background-color: #fff;
	-webkit-box-shadow: 0 25px 95px 0 rgba(0, 0, 0, .23);
	-moz-box-shadow: 0 25px 95px 0 rgba(0, 0, 0, .23);
	box-shadow: 0 25px 95px 0 rgba(0, 0, 0, .23);
}

.services-list ul li:hover .sbox:before,
.services-list ul li.active .sbox:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.services-list ul li:hover .sbox:after,
.services-list ul li.active .sbox:after {
	border-bottom-color: #00bff9;
}

.services-list ul li:hover .sbox h3,
.services-list ul li.active .sbox h3 {
	color: #fff;
}

.services-list ul li:hover .sbox .sbox-link .icon,
.services-list ul li.active .sbox .sbox-link .icon {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}

@media only screen and (min-width:768px) {
	.services-list {
		margin-bottom: 50px;
	}
}

.icon.icon-pvc {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 90px;
	height: 75px;
}

.icon.icon-shop {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -75px;
	width: 90px;
	height: 75px;
}

.icon.icon-window {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -150px;
	width: 90px;
	height: 75px;
}

.icon.icon-door {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -225px;
	width: 90px;
	height: 75px;
}

.icon.icon-steps {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -300px;
	width: 90px;
	height: 75px;
}

.icon.icon-build {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -375px;
	width: 90px;
	height: 75px;
}

.icon.icon-balcon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -450px;
	width: 90px;
	height: 75px;
}

.icon.icon-ladder {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -525px;
	width: 90px;
	height: 75px;
}

.icon.icon-sineklik {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/icons-services.png");
	background-repeat: no-repeat;
	background-position: 0 -600px;
	width: 90px;
	height: 75px;
}



.apps {
	text-align: center;
}

.apps h2 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 30px;
	font-weight: 600;
}

@media only screen and (max-width:767px) {
	.apps h2 {
		font-size: 24px;
	}
}

.app-tabs {
	display: inline-block;
	border: 5px solid #e0dede;
}

.app-tabs ul li {
	display: inline-block;
}

.app-tabs ul li a {
	display: block;
	margin: 8px;
	padding: 20px 10px;
	min-width: 240px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

.app-tabs ul li.active a,
.app-tabs ul li:hover a {
	background-color: #fff;
	color: #473e3e;
	-webkit-box-shadow: 0 25px 70px 0 rgba(71, 62, 62, .32);
	-moz-box-shadow: 0 25px 70px 0 rgba(71, 62, 62, .32);
	box-shadow: 0 25px 70px 0 rgba(71, 62, 62, .32);
}

.appbox {
	display: block;
}

.appbox .app-link {
	display: block;
	position: relative;
	height: 273px;
	overflow: hidden;
}

.appbox .app-link img {
	min-height: 100%;
}

.appbox .app-link .middler {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	background: rgba(0, 0, 0, .5);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, .5)), color-stop(100%, rgba(0, 0, 0, .5)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.appbox .app-link .middler img {
	min-height: inherit;
	margin: 0 auto;
}

.appbox:hover .app-link .middler {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.app-title {
	display: block;
	position: relative;
	height: 63px;
	overflow: hidden;
	text-align: left;
	background-color: #fff;
	padding: 0 30px;
}

.app-title img {
	min-height: 100%;
}

.app-title h4 {
	font-size: 18px;
	color: #000;
	line-height: 135%;
}

.app-slide {
	position: relative;
	margin-bottom: 40px;
}

.app-slide .slide-controls a img {
	webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

@media only screen and (min-width:993px) {
	.app-slide .slide-controls a.control-left {
		left: -65px;
	}
	.app-slide .slide-controls a.control-right {
		right: -65px;
	}
}

.row-10 {
	margin: 0 -10px;
}

.inews {
	background-color: #fff;
	position: relative;
	padding: 40px 0 70px;
}

.inews ul li {
	padding-left: 75px;
	font-size: 13px;
	font-weight: 500;
	background-image: url("../images/icon-news.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.inews ul li a {
	display: block;
	padding-bottom: 25px;
	margin-bottom: 30px;
	margin-right: 35px;
	border-bottom: 1px solid #d1cece;
}

.inews ul li a:hover {
	color: #00bff9;
}

.inews ul li h4 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin-bottom: 5px;
}

.titler {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	position: relative;
	margin: 0 75px 40px;
	margin-right: 30px;
}

.titler .abs {
	display: block;
	font-size: 12px;
	color: #9a9a9a;
	text-decoration: underline !important;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	top: 11px;
}

.titler .abs:hover {
	color: #000;
}

@media only screen and (max-width:480px) {
	.titler .abs {
		display: none;
	}
}

@media only screen and (max-width:767px) {
	.titler {
		font-size: 24px;
		margin: 0 15px 20px;
	}
}

.marks {
	padding: 30px 50px;
	background-color: #fff;
}

.marks .titler {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media only screen and (max-width:767px) {
	.marks {
		padding: 15px;
	}
}

.mark-link {
	display: block;
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	text-align: center;
}

@media(min-width:768px) {
	.mark-link {
		height: 90px;
		overflow: hidden;
	}
}

@media(min-width:768px) {
	.mark-link {
		overflow: hidden;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.mark-link img {
		max-height: 90px;
	}
}

@media only screen and (min-width:100px) and (max-width:992px) {
	[data-fit='white'] {
		height: auto !important;
	}
}

.iblog {
	background-color: #fff;
	padding: 40px 60px 70px;
	margin-bottom: 35px;
}

.iblog .titler {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.iblog .blog-box h3 {
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
	line-height: 120%;
}

.iblog .blog-box h3 a:hover {
	color: #00bff9;
}

@media only screen and (max-width:767px) {
	.iblog {
		padding: 10px 10px 45px;
	}
}

.blog-link {
	display: block;
	position: relative;
}

@media(min-width:768px) {
	.blog-link {
		height: 153px;
		overflow: hidden;
	}
}

@media(min-width:768px) {
	.blog-link img {
		min-height: 100%;
	}
}

@media only screen and (min-width:768px) and (max-width:992px) {
	.blog-link {
		height: auto;
	}
}

.blog-link:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
}

.blog-text {
	font-size: 13px;
	color: #000;
	font-weight: 500;
	display: block;
	position: relative;
	height: 109px;
	overflow: hidden;
}

.blog-text img {
	min-height: 100%;
}

.footer {
	background-color: #525050;
	color: #fff;
	padding: 40px 0 0;
}

.btn-footer {
	word-break: break-word;
	display: inline-block;
	min-height: 53px;
	position: relative;
	padding-left: 72px;
	font-weight: 300;
	font-size: 17px;
	color: #fff;
}

@media only screen and (min-width:100px) and (max-width:992px) {
	.btn-footer {
		margin-bottom: 15px !important;
	}
}

.btn-footer b {
	display: block;
	margin-top: 3px;
}

.btn-footer img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.btn-footer:hover {
	color: #fff;
}

.footer-socials {
	text-align: right;
}

.footer-socials a {
	background-color: #413f3f;
	color: #fff;
	font-size: 25px;
	width: 53px;
	height: 53px;
	text-align: center;
	margin-left: 12px;
}

.footer-socials a:hover {
	background-color: #fff;
	color: #413f3f;
}

@media only screen and (max-width:767px) {
	.footer-socials {
		text-align: center;
	}
}

.footer-menu {
	text-align: center;
	padding: 45px 0;
}

.footer-menu ul li {
	margin-bottom: 10px;
}

.footer-menu ul li,
.footer-menu ul li a {
	color: #848383;
	font-weight: 600;
}

.footer-menu ul li a {
	color: #848383;
	padding: 0 13px 0;
}

.footer-menu ul li a:hover {
	color: #fff;
}

@media only screen and (max-width:767px) {
	.footer-menu {
		padding: 15px 0;
	}
	.footer-menu ul li a {
		padding: 0 5px 0;
	}
}

.copyright {
	background-color: #413f3f;
	color: #787777;
	font-weight: 700;
	padding: 20px 0 5px;
}

.copyright a:hover {
	color: #fff;
}

@media only screen and (max-width:767px) {
	.copyright {
		text-align: center;
	}
	.copyright .text-right {
		text-align: center;
	}
}

#bs ul ul li:hover ul[data-view],
.fadeup:hover #bs ul li ul li ul[data-view],
#bs ul li ul li .fadeup:hover ul[data-view],
.fadeup:hover .appbox .app-link .middler img[data-view],
.appbox .app-link .middler .fadeup:hover img[data-view],
.fadeup:hover [data-view],
#bs ul li ul li .fadeup-first:hover>ul[data-view],
.appbox .app-link .middler .fadeup-first:hover>img[data-view],
.fadeup-first:hover>[data-view],
.appbox:hover .app-link .middler img[data-view],
[data-view].fadeup-hover {
	-moz-transition: transform 1.3s ease 0s, opacity 1.3s ease 0s, visibility 1.3s linear 0s;
	-o-transition: transform 1.3s ease 0s, opacity 1.3s ease 0s, visibility 1.3s linear 0s;
	-webkit-transition: transform 1.3s ease 0s, opacity 1.3s ease 0s, visibility 1.3s linear 0s;
	-ms-transition: transform 1.3s ease 0s, opacity 1.3s ease 0s, visibility 1.3s linear 0s;
	transition: transform 1.3s ease 0s, opacity 1.3s ease 0s, visibility 1.3s linear 0s;
}

.poster {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 225px;
	position: relative;
}

.poster .middler {
	background: rgba(4, 126, 191, .5);
	background: -moz-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4, 126, 191, .5)), color-stop(100%, rgba(4, 126, 191, .5)));
	background: -webkit-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: -o-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: -ms-linear-gradient(left, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	background: linear-gradient(to right, rgba(4, 126, 191, .5) 0%, rgba(4, 126, 191, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#047ebf', endColorstr='#047ebf', GradientType=1);
}

.poster h1 {
	background: rgba(0, 0, 0, .3);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, .3)), color-stop(100%, rgba(0, 0, 0, .3)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
	font-weight: 500;
	padding: 15px 30px;
	color: #fff;
	display: inline-block;
	margin-bottom: 30px;
	font-size: 20px;
}

@media only screen and (max-width:767px) {
	.poster h1 {
		font-size: 14px;
		padding: 10px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width:767px) {
	.poster {
		background-image: none !important;
		height: auto !important;
	}
}

.stage-in {
	padding: 30px 0;
}

@media only screen and (max-width:767px) {
	.stage-in {
		padding: 15px 0;
	}
}

.left-menu {
	background-color: #009fcf;
}

@media only screen and (min-width:100px) and (max-width:992px) {
	.left-menu {
		margin-bottom: 15px;
	}
}

.left-menu h3 {
	padding: 10px;
	background-color: #009fcf;
	color: #fff;
	border-bottom: 2px solid #fff;
	font-size: 15px;
}

.left-menu h3 a {
	position: relative;
}

.left-menu h3 a .fa {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	right: 15px;
	top: 10px;
	width: auto;
}

@media only screen and (min-width:100px) and (max-width:992px) {
	.left-menu h3 {
		padding: 0;
	}
	.left-menu h3 a {
		padding: 10px;
	}
	.left-menu h3 a:hover {
		color: #eee;
		background-color: #000;
	}
}

@media only screen and (min-width:100px) and (max-width:992px) {
	.left-menu ul {
		display: none;
	}
}

@media only screen and (min-width:993px) {
	.left-menu ul {
		display: block !important;
	}
}

.left-menu ul li a {
	display: block;
	font-size: 14px;
	color: #fff !important;
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #fff;
	position: relative;
}

.left-menu ul li a:before {
	background-color: #000;
}

.left-menu ul li a .fa {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	font-size: 18px;
	right: 15px;
	top: 12px;
}

.left-menu ul li.active a,
.left-menu ul li a:hover {
	color: #fff !important;
}

.left-menu ul li.active a {
	background-color: #b20000;
}

.content {
	background-color: #fff;
	padding: 15px;
}

@media only screen and (max-width:767px) {
	.content {
		padding: 5px 8px;
	}
}

.content-in {
	font-size: 14px;
	line-height: 170%;
	color: #000;
}

.content-in h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

.content-in a:hover {
	color: #047ebf;
}

.content-text {
	margin-bottom: 15px;
}

.bread-custom {
	padding: 10px 20px;
	background-color: #000;
	margin-bottom: 30px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.bread-custom .breadcrumb {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.bread-custom .breadcrumb li {
	font-size: 14px;
	color: #fff;
}

.bread-custom .breadcrumb li a {
	font-size: 14px;
	color: #fff !important;
}

.bread-custom .breadcrumb li a:hover {
	color: #009fcf !important;
	text-decoration: underline !important;
}

@media(max-width:767px) {
	.navbar-header,
	.logo {
		float: none !important;
	}
	.text-center-xs {
		text-align: center;
	}
	.logo {
		display: inline-block;
		margin: 0 auto !important;
	}
	#bs {
		padding: 0 !important;
	}
	#bs>ul,
	#bs>ul>li {
		display: block !important;
	}
	#bs>ul .open .dropdown-menu,
	#bs>ul>li:hover>ul {
		display: block !important;
		position: relative !important;
		float: none !important;
		min-width: inherit !important;
		padding: 0 !important;
		box-shadow: none !important;
	}
	.slide ul li {
		background-image: none !important;
		min-height: inherit !important;
		max-height: inherit !important;
		height: auto !important;
	}
	.xs-block {
		display: block !important;
		width: 100% !important;
	}
}

@media(min-width:993px) and (max-width:1200px) {
	#bs>ul>li>a {
		font-size: 12px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.btn-footer {
		font-size: 14px;
	}
}