@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}

html, body { min-height:100%;}

body { font: 14px/22px 'opensans', Arial, sans-serif; letter-spacing:.02em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color:#FFF; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment: fixed; }

a {color: #78a1c2; text-decoration:none; -webkit-transition: 0.2s color linear;  -moz-transition: 0.2s color linear; transition: 0.2s color linear;}
a:hover {color: #222;}

img { /*opacity:0.1;*/}

.clearmb {clear:both; margin-bottom:20px;}

.btn1 {display:inline-block; transition:transform 0.1s;}
.btn1:hover {transform:scale(1.1);}

h1 { line-height: 100%; text-align: left; margin:50px; font-weight: lighter; font-size: 50px; color: #FFF; letter-spacing: 0.2em;}
h2 { line-height: 100%; text-align: left; margin:50px; margin-top:-25px; font-weight: lighter; font-size: 28px; color: #FFF; letter-spacing: 0.2em;}
h2.modS { background: url('../img/divider1.png') center center repeat-x; font-size: 30px; font-weight:normal; color: #222222; text-align:center; width:100%; max-width:800px; margin:0 auto 50px; line-height: 100%; }
h2.modS span { display: inline-block; background-color:#fff; padding: 0 20px;}


header { position:relative; height: 160px; box-shadow: 0 1px 10px rgba(31, 50, 63, 0.25); z-index: 10; box-sizing:border-box; width:auto; padding:0 20px 0 40px; text-align:right;}

#logo { float:left; margin-top: 40px; text-align:left; font-size:25px; letter-spacing: 0.07em; line-height: 1.2; max-width:252px; }
#logo a { color:#111; }
#logo a:hover {color:#666;}
#logo a img { /*height:100px;*/ vertical-align: middle; opacity:1;}

#sosyalust { display:block; text-align:left; margin: 25px 0 25px 45px; }
#sosyalust a { font-family: 'FontAwesome'; width:20px; height:20px; margin:0 5px; font-size: 20px; color: #333; }
#sosyalust a:hover { color: #78a1c2; }
#sosyalust .icon-linkedin:before {content:"\f08c";}
#sosyalust .icon-facebook:before {content:"\f09a";}
#sosyalust .icon-pinterest:before {content:"\f0d2";}
#sosyalust .icon-instagram:before {content:"\f16d";}
#sosyalust .icon-twitter:before {content:"\f099";}

/*

fontawesome da

link. \f08c
face. \f09a
pint. \f0d2
inst. \f16d
twit. \f099

IcoMoon da (instagram yok)

linkedin \e115
facebook \e0ea
pinterest \e11b
twitter \e0ec
*/

#dilsecim { display:inline-block; margin-right:5px; }

#navust { position: absolute; top:40px; right:0; text-align:left; width:73%; margin: 0 auto; font-weight:bold; letter-spacing:.02em; line-height:63px; background-image: linear-gradient(to right, #473F91 , #472682); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#navust ul { position: relative; list-style:none; display:flex; }
#navust ul li { position:relative; white-space: nowrap;}
#navust ul li a { display:inline-block; position:relative; letter-spacing: 1px; font-size: 20px; cursor: pointer; color: #FFF; outline: none; text-decoration: none; padding:0 20px 0 50px; transition:transform 0.1s; }
#navust ul li a:before { display:none; content:"•"; /*font-size: 20px;*/ position: absolute; top: 0px; color: #fff; font-weight: bold; left: 10px; }
#navust ul li:hover { /*background: #9ecb3b;*/}
#navust ul li.secili a, #navust ul li:hover a { color:#92C03B; transform:scale(1.1); }
#navust ul li ul { display: block; min-width: 100%; transform: scale(1,0); transform-origin: 100% 0%; transition: transform 0.5s; position: absolute; float: none; top: 100%; background: #9ecb3b;  transition-delay:0.2s; }
#navust ul li ul li { float: none;}
#navust ul li ul li:hover {background: #3d7638;}
#navust ul li:hover ul {transform: scale(1,1); transition-delay:0s;}

#navustbtn + label { display: none; position: absolute; top: 50px; right: 30px; background: rgb(71, 65, 146); border-radius: 10px; padding: 15px; color: #ffffff; } 
#navustbtn + label:hover { } 
#navustbtn { display: none; } 
#navustbtn + label:before { content: "\f0ca"; font-family:'FontAwesome'; font-size:35px; display: inline-block; vertical-align:middle; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/ text-align: center; } 
#navustbtn:checked + label + div { height:auto; opacity:1; }
#navustbtn:checked + label:before { color: #DDD; }


main { /*max-width:900px;*/ /*max-width:1920px;*/ }

section { padding: 80px 50px 60px; /*max-width:1200px;*/ margin:0 auto; }

section .icerik p {margin-bottom:15px;}
section .icerik img { max-width:100% }

#anasayfa {position:relative; max-width:100%; min-height:100vh; box-sizing:border-box; padding:0; margin-top:-160px; padding-top:160px; font-weight:bold; transition: height 1000000s linear; background-position: 50% 0px; background-attachment:fixed; background-size: cover; background-repeat:no-repeat; text-align:center; }
#anasayfa:before, #anasayfa:after {display:block; content:""; position:absolute; bottom:20px; background-size:contain; background-repeat:no-repeat; background-position:center bottom; width: 40vh; max-width: 35vw; height:100vh; max-height:700px;}
#anasayfa:before { background-image:url(../images/sayfaici/ana_hero_man.png); left:40px; }
#anasayfa:after { background-image:url(../images/sayfaici/ana_hero_woman.png); right:40px; }
#anasayfa img {max-width:100%;}
#anasayfa #anaust {display:inline-block; position: relative; z-index: 1; margin-bottom:50px; padding: 0 30px;}
#anasayfa #anaust p {margin-top:-50px; font-size:24px; text-align:right; }
#anasayfa ul {list-style:none; display: inline-block; position: relative; z-index: 2; background:rgba(71, 65, 146, 0.6); padding: 15px 40px; border-radius:20px; margin-bottom:100px; }
#anasayfa ul li {border-top:2px solid #92C03B;}
#anasayfa ul li:first-child {border-top:none;}
#anasayfa ul li a { display: inline-block; color:#FFF; line-height: 40px; font-size:20px; transition:transform 0.1s;}
#anasayfa ul li a:hover { color:#92C03B; transform:scale(1.1);}
#anasayfa #anaalt {position: absolute; bottom: 0; background:url(../images/site/ana_footer_bg.png) center bottom no-repeat; background-size:150vw; width:100%; height:200px; z-index:1;}
#anasayfa #anaalt img { position: absolute; right: 45px; bottom: 30px; max-width: 20vw; }

#sayfa {position:relative; max-width:100%; min-height:100vh; box-sizing:border-box; padding:0;   font-weight:bold; transition: height 1000000s linear; background-position: 50% 0px; background-attachment:fixed; background-size: cover; background-repeat:no-repeat; text-align:center; overflow: hidden; }
#sayfa ul {list-style:none; display: inline-block; position: relative; z-index: 2; padding: 15px 40px; border-radius:20px; margin-bottom:200px; }
#sayfa ul li {display:inline-block;}
#sayfa ul li a {display:inline-block; min-width:150px; width:22vw; max-width:450px; transition:transform 0.1s;}
#sayfa ul li a:hover {transform:scale(1.1);}
#sayfa ul li img {max-width:100%; }
#sayfa #sayfaalt {position: absolute; bottom: 0; background:url(../images/site/sayfa_footer_bg.png) center bottom no-repeat; background-size:cover; width:100%; height:450px; }
#sayfa #sayfaalt div {position:absolute; bottom:30px; width:100%; padding:0 20px; box-sizing:border-box; display:flex; justify-content: space-between; align-items: flex-end; z-index:1;}
#sayfa #sayfaalt div img { }
#sayfa #sayfaalt div #salogo { min-height: 35px; height: 4vw; max-height: 65px; margin-bottom: 15px;}
#sayfa #sayfaalt div .sabtn { min-height: 40px; height: 5vw; max-height: 88px; margin: 10px 10px 0; }
#sayfa #sayfaalt div #sablink { min-height: 90px; height: 11vw; max-height: 230px; }
#sayfa #sayfaalt div a {display:inline-block; transition:transform 0.1s;}
#sayfa #sayfaalt div a:hover {transform:scale(1.1);}

#cifteimg { display: flex; justify-content: center; flex-wrap: wrap; font-weight: normal; font-size: 28px; line-height: 140%; }
#cifteimg p { overflow: hidden; text-align: left; margin: 0 10px 40px; }
#cifteimg p:first-child { border-right: 5px solid #FFF; padding-right: 20px; }
#cifteimg p img { float: left; margin: 0 20px; }
#cifteimg p:first-child img { float: right; }
#cifteimg p span { font-size: 130%; }

#sayfa .fleft {float:left; margin-right:40px; margin-bottom:40px;}
#sayfa .fright {float:right; margin-left:40px; margin-bottom:40px;}

#sayfa .icerik { width:fit-content; margin: 0 auto 240px; font-weight: normal; text-align: left; font-size: 18px; padding: 0 50px; /*overflow:hidden;*/ position:relative; z-index:1;}

#sayfa .icerik .ucsira { display: flex; flex-wrap: wrap; justify-content: center; }
#sayfa .icerik .ucsira > * { max-width: 28%; min-width:270px; margin-bottom:40px;}
#sayfa .icerik .ucsira > *:nth-child(2) { margin-left:40px; margin-right:40px;}

#sayfa .icerik .ikisira { display: flex; flex-wrap: wrap; justify-content: center; }
#sayfa .icerik .ikisira > * { max-width: 45%; min-width:270px; margin-bottom:40px;}
#sayfa .icerik .ikisira > *:nth-child(1) { text-align:right; padding-right:20px; margin-right:20px; border-right:5px solid #472566;}

#giris {max-width:100%; height:100vh; transition: height 1000000s linear; background-position: 50% 0px; background-attachment:fixed; background-size: cover; background-repeat:no-repeat; text-align:center; padding:0; }

#maintitle { display:table; width:100%; height:100%; max-width:1200px; margin:0 auto;}
#maintitle .ic { display:table-cell; vertical-align:middle;}
#maintitle .ustyazi { color: #FFFFFF; font-size: 12px; letter-spacing: 1px; margin-bottom: 10px; text-align: center; margin: 0 auto; text-transform: uppercase; display: block; text-rendering: optimizelegibility; }
#maintitle .anayazi { display:inline-block; color:#ECF0B5; font-size:5em; padding:20px 0; border-top:2px solid #fff; border-bottom:2px solid #fff; font-weight:normal; font-family: ralewayextralight, "Helvetica Neue", Helvetica, Arial, sans-serif; }
/*
ul.pfolitem { list-style:none; overflow:hidden;}
ul.pfolitem li { width: 20%;  float:left; margin:10px; position:relative; height:165px; overflow:hidden;}
ul.pfolitem li img { width:100%; display:block; backface-visibility: hidden; transition: all .5s ease; }
ul.pfolitem li a { width:100%; height:100%; display:table; position:absolute; top:0; background-color: rgba(0,0,0,0.5); opacity:0; transition: all .5s ease;}
ul.pfolitem li a span { display:table-cell; vertical-align: middle; text-align:center; }
ul.pfolitem li:hover img { transform: scale(1.1); }
ul.pfolitem li:hover a { opacity:1; }
*/

div#pffilters { text-align:center; margin-bottom: 10px;}
div#pffilters button { margin: 0 1px 5px; /*border: 1px solid #888888;*/ border:none; font:inherit; padding: 4px 12px; line-height:inherit; background: none; cursor:pointer; outline: none; transition: 0.2s all linear;}
div#pffilters button.is-checked, div#pffilters button:hover { /*background: #222222; color:#eee;*/ color: #78a1c2; font-weight: bold; }

#projeler {padding-left:15px; padding-right:15px;}

ul.isotope { list-style:none; overflow:hidden; margin: 0 auto; /* centered */}
ul.isotope li { min-width:200px; width:280px; float:left; margin:5px; position:relative; /*height:165px;*/ overflow:hidden;}
ul.isotope li img { width:100%; display:block; backface-visibility: hidden; transition: all .5s ease; }
ul.isotope li a { width:100%; height:100%; display: flex; justify-content: center; align-items: center; text-align: center; position:absolute; top:0; color:#EEE; background-color: rgba(0,0,0,0.5); opacity:0; transition: all .5s ease;}
ul.isotope li a span { }
ul.isotope li p {display:none;}
ul.isotope li:hover img { transform: scale(1.1); }
ul.isotope li:hover a { opacity:1; }

section .icerik p.slogan { text-align:center; font-size:18px; padding:0 10px; margin:-20px auto 40px; max-width:800px;}
section .icerik p.slogan b { color:#78a1c2;}

ul.simgelikutu { list-style:none;}
ul.simgelikutu li { padding-left:90px; padding-right:10px; width:50%; box-sizing:border-box; height:100px; float:left; margin-bottom:20px;}
ul.simgelikutu li h3 { margin-bottom:10px;}
ul.simgelikutu li p {}
ul.simgelikutu li:before { display: block; float: left; margin-left:-80px; font-family:'FontAwesome'; color: #fff; background-color: #78a1c2; font-size: 24px; width: 60px; height: 60px; border-radius: 30px; text-align: center; line-height: 60px; }
ul.simgelikutu li.bulut:before {content: "\f0c2";}
ul.simgelikutu li.dokuzlu:before {content: "\f00a";}
ul.simgelikutu li.dosya:before {content: "\f037";}
ul.simgelikutu li.katlikagit:before {content: "\f171";}

#galeridetay { text-align:center;}
#galeridetay .icerik .detayimgwrp { display: inline-block; position: relative;}
#galeridetay .icerik .detayimgwrp img { display:block; max-height: 80vh; }
#galeridetay .icerik .detayimgwrp .detay { position: absolute; bottom: 0; right: 0; max-width: 100%; box-sizing:border-box; background-color: rgba(0, 0, 0, 0.5); padding: 20px; color:#eee; text-align:right;}
#galeridetay .icerik .detayimgwrp .detay h1 { font-size:16px; font-weight:normal;}
#galeridetay .icerik .detayimgwrp .galerinav { position:absolute; opacity:0.5;}
#galeridetay .icerik .detayimgwrp .galerinav.onceki { left:0;}
#galeridetay .icerik .detayimgwrp .galerinav.sonraki { right:0;}


.ekipkutu { list-style:none; overflow: hidden; text-align:center;}
.ekipkutu li { display:inline-block; position:relative; overflow: hidden; margin:5px 10px;}
.ekipkutu li:first-child { }
.ekipkutu li img {display:block; width:210px; height:210px;}
.ekipkutu li .altyazi { position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-sizing: border-box; padding: 20px; background: rgba(0, 0, 0, 0.7); color: #FFFFFF; transform: translateY(100%); transition: transform 0.4s; }
.ekipkutu li:active .altyazi, .ekipkutu li:hover .altyazi { transform: translateY(0); }
.ekipkutu li .altyazi a { display:inline-block; margin-top:10px;}

#sosyalag {position:relative; max-width:100%; /*height:100vh;*/ background-position: 50% 0px; background-attachment:fixed; background-size: cover; background-repeat:no-repeat; text-align:center; padding-left:0; padding-right:0;}
#sosyalag .icerik p.slogan { color:#85B7E0;}
#sosyalag h2.modS {display: inline-block; width: auto; background-position: top; color: #FFF;}
#sosyalag h2.modS span {background: none; padding: 0; padding-top: 20px;}
#sosyalag .sosyal {}
#sosyalag .sosyal a {display:inline-block; border-radius:50%; width:100px; height:100px; line-height:100px; text-align:center; margin:0 20px 40px; font-size:54px; color: #fff; background-color: rgba(255, 255, 255, 0.15); transition: 0.2s background-color linear;}
#sosyalag .sosyal a:hover {background-color: rgba(133, 183, 224, 0.85);}

.magazakutu { list-style:none; overflow: hidden; text-align:center;}
.magazakutu li { display:inline-block; position:relative; overflow: hidden; margin:5px 10px;}
.magazakutu li:first-child { }
.magazakutu li img {display:block;}
.magazakutu li .altyazi { position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-sizing: border-box; padding: 20px; background: rgba(0, 0, 0, 0.7); color: #FFFFFF; transform: translateY(100%); transition: transform 0.4s; }
.magazakutu li:active .altyazi, .magazakutu li:hover .altyazi { transform: translateY(0); }
.magazakutu li .altyazi a { display:inline-block; margin-top:10px;}

#baglantilar { text-align:center;}
#baglantilar .icerik a { padding:0 5px 10px; display:inline-block;}
#baglantilar .icerik a img { height:70px; transition:transform 0.2s;}
#baglantilar .icerik a:hover img { transform:scale(1.2);}

#blog { }
#blog ul {overflow:hidden; text-align:center;}
#blog ul li { display:inline-block; width:49%; box-sizing:border-box; padding:0 20px; margin-bottom:40px; vertical-align:top; }
#blog ul li img { width: 45%; float: left; padding-right:10px; margin-bottom:10px;}
#blog ul li .ad { color:#333; font-size:18px}
#blog ul li .yazar { color:#bbb; font-size:13px; float:left; margin:10px 0;}
#blog ul li .tarih { color:#bbb; font-size:13px; text-align:right; margin:10px 0; }
#blog ul li .altyazi { text-align:justify; }
#blog ul li .devam { float:right; }

#blogdetay { padding-bottom: 10px;}
#blogdetay img { max-width: 100%; }
#blogdetay .yazar { color:#bbb; font-size:13px; float:left; margin:0px 0;}
#blogdetay .tarih { color:#bbb; font-size:13px; text-align:right; margin:10px 0; }
#blogdetay .altyazi { text-align:justify; }

#iletisim {position:relative; max-width:100%; /*height:100vh;*/ background-position: 50% 0px; background-attachment:fixed; background-size: cover; background-repeat:no-repeat; text-align:left;}
#iletisim:before {/*content:"";*/ display:block; position:absolute; top:0; width:100%; height:100%; background:url(../img/overlay-pattern.png) repeat;}
#iletisim h2.modS {display: inline-block; width: auto; background-position: top; }
#iletisim h2.modS span {background: none; padding: 0; padding-top: 20px;}
#iletisim .ikutu { background: rgba(255,255,255,0.15); width: 46%; box-sizing:border-box; margin-bottom:30px; padding: 0px 20px 10px; display: inline-block; vertical-align:top; text-align:left; }
#iletisim .ikutu.sol {width:50%; }
#iletisim .ikutu h3 { margin-bottom:25px; font-size: 20px; font-weight: normal; color:#85B7E0;}
#iletisim .ikutu p {margin-bottom:10px; padding-left:30px;}
#iletisim .ikutu i.ikon { font-family: 'Fontawesome'; display: inline-block; width:20px; height:20px; margin:0 10px; margin-left:-30px; font-size: 20px; font-style:normal; color:#85B7E0 /*orjinali #78a1c2*/;     text-align: center;}
#iletisim .ikutu i.ikon-adres:before { content:"\f015"; }
#iletisim .ikutu i.ikon-tel:before { content: "\f095"; }
#iletisim .ikutu i.ikon-faks:before { content:"\f02f"; }
#iletisim .ikutu i.ikon-cep:before { content: "\f10a"; /*content: "\f10b";*/ }
#iletisim .ikutu i.ikon-eposta:before { content: "\f003";/*content: "\e01e";*/ }
#iletisim .ikutu form div.blok {width:47%; display:inline-block;}
#iletisim .ikutu form div.blok.sag {float:right;}
#iletisim .ikutu form .it1 { border:1px solid #ddd; padding: 10px; margin-bottom: 20px; outline:none; width:100%; box-sizing:border-box; transition: 0.2s background-color linear;}
#iletisim .ikutu form .it1:focus {background-color: rgba(0, 0, 0, 0.85); color:#fff;}
#iletisim .ikutu form textarea.it1 { height:145px;}
#iletisim .ikutu form .ibsub { clear:both; cursor:pointer; padding:10px 15px; margin-bottom: 20px; font-size: 12px; border:none; border-radius: 3px; color:#fff; background-color:#78a1c2; transition: 0.2s background-color linear;}
#iletisim .ikutu form .ibsub:hover { background-color:#000;}

.hata { background-color: #FC2 !important;}

footer { clear: both; text-align:center; /*margin:20px 0;*/}
footer .backtotop {display: inline-block; display: none; background: #333; font-size:28px; line-height: 40px; width: 40px; border-radius: 20px;}
footer .backtotop:before {content: "\f102"; font-family:'FontAwesome'; font-size:28px; color: #eee; }
footer .backtotop:hover {background:#78a1c2;}

.fotobtn { cursor:pointer; transition:transform 0.1s;}
.fotobtn:hover {transform:scale(1.1);}
#snnboxcont img { max-width:100%;}

#snndivcontent {display:none;}
#snndivcontent1 {display:none;}
#snndivcontent2 {display:none;}
#snndivcontent3 {display:none;}

#ekipsl {position: relative; display: inline-block; padding: 20px 40px; width: 74vw; max-width: 500px; margin-bottom: 200px; background-color: rgba(0, 0, 0, 0.4);}
#ekipsl > div {position: relative; display: flex; align-items: center; overflow: hidden; }
#ekipsl > div > ul {position: relative; list-style: none; display: flex; padding: 0; margin: 0;}
#ekipsl > div > ul > li { width:74vw; max-width:500px; padding: 0 25px; box-sizing: border-box; text-align: left; font-weight: normal; text-align:center; }
#ekipsl > div > ul > li > img {display:block; box-sizing: border-box; margin:0 auto; border: 5px solid #fff;}
#ekipsl > .btnpn {position: absolute; display: flex; justify-content: center; align-items: center; top: 0; width: 40px; height: 100%; font-style:normal; font-size:32px; color:#aaa; cursor:pointer; user-select:none; z-index:2; }
#ekipsl > .btnpn:hover {color:#fff;}
#ekipsl > .btnpn:before {font-family:'FontAwesome';}
#ekipsl > .btnprev {left:0; }
#ekipsl > .btnprev:before {content: "\f0d9";}
#ekipsl > .btnnext {right:0; }
#ekipsl > .btnnext:before {content: "\f0da";}
#ekipsl > .btnpasif { color:#666 !important; }

#ekipsl.ciftli {max-width: 732px;}
#ekipsl.ciftli > div > ul > li { max-width: 366px; width: 37vw; }
#ekipsl.buyuk {max-width: 800px;}
#ekipsl.buyuk > div > ul > li {max-width: 800px; padding: 0; }
#ekipsl.buyuk > div > ul > li > img {border:none;}

@media screen and (max-width: 1000px) {
	header { position:relative; /*width: 100%; height: auto;*/}
	
	#logo { /*float: none; margin-top: 0; padding: 20px 0;*/ }
	
  #navust { overflow:hidden; height:0; float:none; position: absolute; top: 110px; left:0; width: 100vw; opacity:0; box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.25); transition: opacity 0.5s; }
	#navust ul {flex-direction: column; align-items: center; overflow:hidden; float:none; clear:both;}
	#navust ul li { float:none;}
	#navust ul li a {padding:0;}
	
	#navustbtn+label { display: block; }
	
	ul.simgelikutu li { width:100%; height:auto;}
	
	#sosyal { position: absolute; right: 180px;	}
	
	#dilsecim { position: absolute; right: 100px;	}
	
	main { margin-left: 0;}
	
	section { padding-top: 50px;}
	
	#sayfa .icerik .ucsira { flex-direction: column; align-items: center;}
	#sayfa .icerik .ucsira > * { max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
	
	#sayfa .icerik .ikisira { flex-direction: column; align-items: center;}
	#sayfa .icerik .ikisira > * { max-width: 100%; padding-right: 0 !important; margin-right: 0 !important; border:none !important; text-align:left !important; }
	
	#iletisim {text-align:center;}
	#iletisim .ikutu { width:80% !important; }
	#iletisim .ikutu form div.blok { width:100%;}
	
	div.imgkutu { float:none !important; margin: 0 auto 30px !important; }	
	
}
@media screen and (max-width: 800px) {


}
@media screen and (max-width: 600px) {
	#logo img { height:50px; }
		
	#navustbtn+label {top: 38px;}
	#navustbtn+label:before { font-size:25px; }
	
	section {padding: 50px 20px 40px;}
	
	h1 {margin:25px; font-size:40px; word-break: break-word;}
	h2 {margin:25px; margin-top:-15px; font-size:22px; word-break: break-word;}
	
	#sayfa #sayfaalt div {bottom:20px;}
	
	#sayfa .icerik {padding:0 25px;}
	#cifteimg {font-size:24px;}
	#cifteimg p {border: none !important; padding-right: 0 !important; text-align: center;}
	#cifteimg p img {float: none !important; display: block; margin: 0 auto;}
	
	#anasayfa #anaust p { margin-top: -8vw; font-size: 4vw; }
	#anasayfa ul li a {font-size:16px;}
	
	#ekipsl > div > ul > li { width:74vw !important; max-width:100% !important; }
}