.baslik, .btn.btn-garanti:hover, .katYazi>h4, .katYazi>p {
	color: #FFF
}
#calisan5kol2, #golge2, #isik, #iso, #ohsas, #sertifika, #su, #vazo {
	opacity: 0
}
body {
	font-family: 'Roboto Condensed', sans-serif
}
/*img[src*=svg]{width:100%;}*/
html[lang=en] div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: url(../img/site-en.png) center center no-repeat #6EC6D8;
	background-size: cover
}
div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: url(../img/site.png) center center no-repeat #6EC6D8;
	background-size: cover
}
#preloader>img {
	margin-top: calc(30% - 60px)
}
.padding0 {
	padding: 0!important
}
.padding10 {
	padding: 10px!important
}
.padding20 {
	padding: 20px!important
}
.paddingY10 {
	padding: 10%!important
}
.margb0 {
	margin-bottom: 0!important
}
.margb15 {
	margin-bottom: 15px!important
}
.margb25 {
	margin-bottom: 25px!important
}
.margb50 {
	margin-bottom: 50px!important
}
.margt0 {
	margin-top: 0!important
}
.margt15 {
	margin-top: 15px!important
}
.margt20 {
	margin-top: 20px!important
}
.margt25 {
	margin-top: 25px!important
}
.margt50 {
	margin-top: 50px!important
}
.margt75 {
	margin-top: 75px!important
}
.margtb0 {
	margin-bottom: 0!important;
	margin-top: 0!important
}
.margtb15 {
	margin-bottom: 15px!important;
	margin-top: 15px!important
}
.margtb25 {
	margin-bottom: 25px!important;
	margin-top: 25px!important
}
.margtb50 {
	margin-bottom: 50px!important;
	margin-top: 50px!important
}
.margtb75 {
	margin-bottom: 75px!important;
	margin-top: 75px!important
}
.margtb100 {
	margin-bottom: 100px!important;
	margin-top: 100px!important
}
.size08 {
	font-size: .8em
}
.size12 {
	font-size: 1.2em
}
.size14 {
	font-size: 1.4em
}
.size16 {
	font-size: 1.6em
}
.size18 {
	font-size: 1.8em
}
.size20 {
	font-size: 2em
}
.size25 {
	font-size: 2.5em
}
.size30 {
	font-size: 3em
}
.bold {
	font-weight: 900
}
.line-height13 {
	line-height: 1.3
}
.btn-garanti {
	color: #FFF;
	background-color: #82c423;
	border-color: #82c423
}
#pdf {
	z-index: 99
}
.cond {
	font-family: 'Roboto Condensed', sans-serif!important
}
.berk, .katYazi>h4 {
	font-family: 'Berkshire Swash', cursive;
	font-size:34px;
}
.baslik {
	background: url(../img/ykbm/ykb-b.png) no-repeat;
	background-size: contain;
	padding: 25px 50px
}
#ykbm {
	background: url(../img/ykbm/ykb-back.png);
	background-size: cover
}
#gm {
	background: url(../img/gm/gm-back.png);
	background-size: cover
}
#finans {
	background-color: #82c423
}
#politika {
	background-color: #9be6ea;
	padding-bottom: 55px
}
#gelecek {
	background-color: #ffe433
}
#politika>.container {
	background: url(../img/politika/politika-back.png);
	background-size: cover
}
#gelecek>.container {
	background: url(../img/gelecek/gelecek-back.png);
	background-size: cover
}

@media (min-width:768px) and (max-width:991px) {
#gelecek h4, #gm h4, #politika h4, #ykbm h4 {
	font-size: 14px
}
}

@media (max-width:767px) {
.baslik {
	background-size: cover
}
#ykbm {
	background: url(../img/ykbm/daire.png) center 50px no-repeat;
	background-size: contain
}
#gm {
	background: url(../img/gm/daire.png) center 50px no-repeat;
	background-size: contain
}
#politika>.container {
	background: url(../img/politika/daire.png) center 50px no-repeat;
	background-size: contain
}
#gelecek>.container {
	background: url(../img/gelecek/daire.png) center 50px no-repeat;
	background-size: contain
}
.katara>.container {
	width: 100%
}
}
.alt-back {
	background: url(../img/back.png) center bottom no-repeat #6EC6D8;
	min-height: 3700px;
	margin-top: -3606px
}
.cati-back {
	background: url(../img/cati-back.jpg) repeat-x;
	min-height: 45px
}
.kat-1 .katScene, div[class^=kat-]>.container {
	min-height: 600px
}
.katara>.container {
	position: relative;
	display: table;
	height: 25px;
	background-color: #FFF
}
.kat-1 .katAnim, .kat-1 .katAnim>img {
	position: absolute
}
.katYazi>h4 {
	font-size: 3.35em
}
html[lang=en] .katYazi>h4 {
	font-size: 2.7em
}
.katYazi>p {
	font-family: 'Roboto Condensed', sans-serif;
	padding-right: 0;
	font-size: 1.3em
}
.katYazi>h4>span {
	color: #82c423
}

@media (max-width:1199px) {
.katScene {
	border-left: 15px solid #ccc;
	border-right: 15px solid #ccc
}
}
.kat-1 .katAnim {
	top: 36%;
	left: calc(50% - 110px);
	transform: scale(.9)
}

@media (max-width:480px) {
.kat-1 .katAnim {
	position: absolute;
	top: 25%;
	left: calc(50% - 140px)
}
}
.kat-1 .katScene {
	background: url(../img/kat1-anim/kat1Back.png) top center no-repeat;
	position: relative
}
.kat-1 .katYazi, .kat-2 .katAnim, .kat-2 .katAnim>img {
	position: absolute
}
.kat-1 .katYazi {
	background: url(../img/kat1-anim/kat1-yaziBack.png) top center no-repeat;
	min-height: 531px;
	width: 280px;
	padding: 15px 15px 55px;
	left: calc(50% - 140px)
}
#calisan1-kafa {
	left: -225px;
	top: 0px
}
#calisan1-govde {
	left: -200px;
	top: 110px
}
#calisan1-boyun {
	left: -158px;
	top: 105px
}
#calisan1-kol1 {
	left: -128px;
	top: 31px;
	opacity: 1;
}
#calisan1-kol2 {
	left: -128px;
	top: 116px;
	opacity: 0;
}
#sertifika {
	top: -150px;
	left: 357px;
	transform: rotate(-85deg);
	transform-origin: top center
}
#isik {
	left: 334px;
	top: -16px
}
/*KAT2*/
.kat-2 .katAnim {
	top: 25%;
	left: calc(50% - 150px);
	transform: scale(.9);
	
}
html[lang=en] .kat-2 .katScene {
	background: url(../img/kat2-anim/kat2Back-en.png) top center no-repeat;
}
.kat-2 .katScene {
	background: url(../img/kat2-anim/kat2Back.png) top center no-repeat;
	min-height: 600px;
	position: relative
}
.kat-2 .katYazi, .kat-3 .katAnim, .kat-3 .katAnim>img, .kat-3 .katYazi, .kat-4 .katAnim, .kat-4 .katAnim>img {
	position: absolute
}
.kat-2 .katYazi {
	background: url(../img/kat2-anim/yaziBack.png) top center no-repeat;
	min-height: 415px;
	width: 280px;
	padding: 15px;
	left: calc(50% - 140px)
}
#calisan2-govde {
	left: -81px;
	top: 120px
}
#calisan2-kol {
	left: -152px;
	top: 153px;
	transform: rotate(0);
}
#calisan2-kafa {
	left: -100px;
	top: 10px
}
/*KAT3*/
.kat-3 .katAnim {
	top: 25%;
	left: calc(50% - 141px);
	transform: scale(.9)
}
.kat-3 .katScene {
	background: url(../img/kat3-anim/kat3Back.png) top center no-repeat;
	min-height: 600px;
	position: relative
}
.kat-3 .katYazi {
	background: url(../img/kat3-anim/kat3-yaziBack.png) top right no-repeat;
	min-height: 592px;
	width: 388px;
	padding: 15px 15px 55px 128px;
	left: calc(50% - 247px)
}
#calisan3-govde {
	left: 340px;
	top: 165px
}
#calisan3-kafa {
	left: 319px;
	top: 42px
}
#calisan3-solkol1 {
	left: 350px;
	top: 195px;
	opacity: 0
}
#calisan3-solkol2 {
	left: 406px;
	top: 195px;
	opacity: 1
}
#calisan3-sagkol1 {
	left: 272px;
	top: 196px;
	opacity: 0
}
#calisan3-sagkol2 {
	left: 326px;
	top: 195px;
	opacity: 1
}
@media (max-width:480px) {
	.kat-3 .katYazi {background: url(../img/kat3-anim/kat3-yaziBack-v2.png) top right no-repeat;}
}
/*KAT4*/
.kat-4 .katAnim {
	top: 25%;
	left: calc(50% - 141px)
}
.kat-4 .katScene {
	background: url(../img/kat4-anim/kat4Back.png) top center no-repeat;
	min-height: 600px;
	position: relative
}
.kat-4 .katYazi, .kat-5 .katAnim, .kat-5 .katAnim>img {
	position: absolute
}
.kat-4 .katYazi {
	background: url(../img/kat4-anim/yaziBack2.png) top center no-repeat;
	min-height: 465px;
	width: 280px;
	padding: 15px;
	left: calc(50% - 140px)
}
#calisan4-kol1 {
	top: 158px;
	left: -134px;
	opacity: 1
}
#calisan4-kol2 {
	top: 105px;
	left: -157px;
	opacity: 0
}
#calisan4-govde {
	top: 164px;
	left: -67px;
}
#calisan4-kafa {
	top: 59px;
	left: -87px;
}
/*KAT5*/
.kat-5 .katAnim {
	top: 28%;
	left: calc(50% - 157px);
	transform: scale(.85)
}
.kat-5 .katScene {
	background: url(../img/kat5-anim/kat5Back.png) top center no-repeat;
	min-height: 600px;
	position: relative
}
.kat-5 .katYazi {
	background: url(../img/kat5-anim/yaziBack2.png) top center no-repeat;
	min-height: 465px;
	width: 280px;
	padding: 15px;
	position: absolute;
	left: calc(50% - 140px)
}
#calisan5-kol1 {
	top: 72px;
	left: -79px;
	opacity: 1
}
#calisan5-kol2 {
	top: 25px;
	left: -73px;
	opacity: 0
}
#calisan5-govde {
	top: 55px;
	left: -162px
}
#calisan5-kafa {
	top: -50px;
	left: -147px
}

#ust {
	background: #81CAC9/*9be6ea*/
}
#duvar {
	background: url(../img/ust/duvar.png) right bottom no-repeat
}

@media (min-width:1200px) {
#ust .kutu1 {
	background: url(../img/ust/ok.png) 0 7px no-repeat;
	margin: 25px 0;
	border-bottom: solid 5px #81c9c9
}
#ust .kutu2 {
	font-size: 1.5em;
	padding-left: 30px
}
}

@media (min-width:992px) and (max-width:1199px) {
#ust .kutu1 {
	background: url(../img/ust/ok.png) -2px 2px no-repeat;
	margin: 25px 0;
	border-bottom: solid 5px #81c9c9
}
#ust .kutu2 {
	font-size: 1.3em;
	padding-left: 30px
}
}

@media (min-width:768px) and (max-width:991px) {
#ust .kutu1 {
	background: url(../img/ust/ok.png) -8px -5px no-repeat;
	margin: 25px 0;
	border-bottom: solid 5px #81c9c9
}
#ust .kutu2 {
	font-size: .9em;
	padding-left: 20px
}
}

@media (max-width:767px) {
#ust .kutu1 {
	background: url(../img/ust/ok.png) 0 7px no-repeat;
	margin: 25px 0;
	border-bottom: solid 5px #81c9c9
}
#ust .kutu2 {
	font-size: 1.5em;
	padding-left: 30px
}
}
#komsu {
	display: table;
	height: 100%
}
#komsu>.content-a {
	display: table-cell;
	vertical-align: middle
}
h1.berk {
	margin-bottom: 20px
}

@media (max-width:767px) {
.container>.row>.col-sm-4>.eqh {
	height: 110vw
}
}