html{}
body{margin:0px auto;font-family:arial;}
a{text-decoration:none !important;display:block;cursor:pointer;}
ul{list-style:none;margin:0px;padding:0px;}
h1{margin:0px;padding:0px;font-weight:normal;}
h2{margin:0px;padding:0px;font-weight:normal;}
h3{margin:0px;padding:0px;font-weight:normal;}
h4{margin:0px;padding:0px;font-weight:normal;}
h5{margin:0px;padding:0px;font-weight:normal;}
span{display:block;}
img{border:0px;outline:0px;}
textarea{overflow:auto;resize:none;outline:none;}
input{overflow:auto;outline:none;}
hr{height:1px;background: rgba(255,255,255,.12)}
/* HEADER */
header{
background: #fff;
}
.maviCizgi{
height:14px;
background:#0e3959;
}
.olcek{
height:15px;
background: url("img/olcek.png") repeat-x;
}
.headerMaviKirmizi{
height:86px;
}
.headerMavi{
height:65px;
padding:15px 10px;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 600;
color:#fff;
background: #159dd5;
}
.headerMavi a{
color:#fff;
}
a.headerKirmizi{
height:65px;
padding:15px 10px;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 600;
color:#fff;
background: #962d3e;
}
a.headerKirmizi div{
padding-top: 22px !important;
}
a.headerKirmizi div:first-child{
padding-left:20px !important;
}
.menuMobilicon{
padding:20px;
cursor:pointer;
}
.menu{}
ul.menuler li a{
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: 600;
color:#fff !important;
text-align: center;
padding:15px 5px;
}
ul.menuler{
background: #0e3959;
}
.acilirli{
z-index: 9999;
position:relative;
overflow: visible !important;
}
.acilirli:focus ul.acilir{
display:block;
}
.acilirli a{
text-align: left !important;
color:#fff !important;
}
.acilirli i{
width:11px;
background: url(img/altok.png) no-repeat right center;
}
ul.acilir{
width:300px;
background: #0e3959;
position:absolute;
top:115%;
left:0px;
display:none;
}
ul.acilir li a{
padding-left:30px !important;
color:#bababa !important;
}
.acilirac{display:inline-block !important;}
a.menuSag{
padding:15px 10px;
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 600;
color:#fff;
background: #0c304b;
}
a.menuSag div{
padding-top: 22px !important;
}
a.menuSag div:first-child{
padding-left:20px !important;
}
.fazlalik{
width:300px;
right:0px;
bottom:0px;
}
.fazlalikUst{
height:65px;
background: #962d3e;
}
.fazlalikAlt{
height:65px;
background: #0c304b;
}
/* CONTENT */
content{
}
.slider{
height:600px;
}
.sliderOklar{
z-index:3;}
.sliderTusSol{
width:30px;
height:30px;
left:20px;}
.sliderTusSag{
width:30px;
height:30px;
right:20px;}
.slide{
overflow: hidden;
text-align: center !important;
z-index:1;
opacity:0;
}
.slide img{}
.slideimage{
width:100%;
min-height:240px;
background-repeat: no-repeat;
background-position: center !important;
background-size: cover !important;
}
.slideYaziAlan{
background: rgba(0,0,0,.1);
padding:30px 0px;
top:25%;
}
.slideYaziAlan span{
font-family: 'Raleway', sans-serif;
font-size: 3vw;
font-weight: 800;
color:#fff;
text-align: center;
}
.slideYaziAlan p{
font-size: 1.2vw;
color:#fff;
text-align: center;
}
.sectionBaslik{
font-family: 'Raleway', sans-serif;
font-size: 36px;
font-weight: 800;
color:#0e3959;
text-align: center;
padding-bottom:40px;
}
.sectionBaslikYazi{
font-size: 15px;
color:#343642;
text-align: center;
}
.sectionSol{
overflow: hidden;
}
.sectionSag{
}
.hizmetBolum{
}
.sectionSag .sariKare{
width:56px !important;
height:56px !important;
background: #ffc527;
}
.sectionSag .sariKare span{
width:56px !important;
height:56px !important;
font-family: 'Raleway', sans-serif;
font-size: 34px;
font-weight: 300;
color:#fff;
text-align: center;
}
.hizmetBolumYazilar{
}
.hizmetBolumYazilar span{
font-family: 'Raleway', sans-serif;
font-size: 24px;
font-weight: 600;
color:#0c304b;
line-height: 56px;
}
.hizmetBolumYazilar p{
font-size:15px;
color:#343642;
}
section.maviSerit{
background: #0c304b;
padding:50px 0px;
}
section.maviSerit span{
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 600;
color:#fff;
}
section.maviSerit a{
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 600;
color:#222;
text-align: center;
line-height: 45px;
background: #ffc527;
border:none;
border-radius: 20px;
cursor:pointer;
outline:none;
}
section.projeler{
background: #e5e5e5;
}
.projeKutu{
}
.projeKutu figure{
overflow: hidden;
}
.projeKutuPerde{
width:100%;
height:100%;
background:url(img/zoomarti.png) no-repeat center center rgba(14,57,89,.9);
opacity: 0.8;
bottom:-100%;
}
.projeZoom{
background:url(img/zoom.svg) no-repeat center center rgba(14,57,89,.9);
background-size: 60px 60px;
}
.projePlay{
background:url(img/play.svg) no-repeat center center rgba(14,57,89,.9);
background-size: 60px 60px;
}
.projeKutuYazilar span{
font-size: 20px;
color:#343642;
}
.projeKutuYazilar p{
font-size:15px;
color:#343642;
}
.projeKutu .sariKare{
width:100px !important;
height:56px !important;
background: #ffc527;
}
.projeKutu .sariKare span{
width:100px !important;
height:54px !important;
font-size: 20px;
font-weight: bold;
color:#343642;
text-align: center;
line-height: 54px;
}
.map{
height:600px;
background: #ffc527;
font-size: 50px;
font-weight: bold;
color:#fff;
text-align: center;
line-height: 600px;
}
.map iframe{
height:600px;
}
section.referanslar{
background: #fff;
}
.refKat a{
font-family: 'Raleway', sans-serif;
font-size: 24px;
font-weight: 600;
color:#0e3959;
text-align:center;
background:#ffc527;
padding-top:10px;
padding-bottom:10px;
}
.refKatAktif a{
color:#ffc527;
background:#0e3959;}
section.iletisim{
padding-bottom: 80px !important;
}
.iletisimSol{
padding:40px 50px 50px 50px !important;
}
.iletisimSol h2{
font-family: 'Raleway', sans-serif;
font-size: 24px;
font-weight: 600;
color:#0e3959;
}
.iletisimSol span{
font-size: 16px;
font-weight: bold;
color:#343642;
}
.iletisimSol p{
font-size: 16px;
color:#343642;
}
.iletisimSag{
background: #0e3959;
padding:40px 50px 50px 50px !important;
}
.iletisimSag h2{
font-family: 'Raleway', sans-serif;
font-size: 24px;
font-weight: 600;
color:#fff;
}
.iletisimSag input{
height:50px;
font-size:15px;
color:#555555;
}
.iletisimSag textarea{
height: 200px;
font-size:15px;
color:#555555;
}
.iletisimSag a{
width:171px;
height:56px;
font-family: 'Raleway', sans-serif;
font-size: 24px;
font-weight: 600;
color:#fff;
background: #ffc527;
outline: none;
border:0px;
cursor:pointer;
margin-left:auto !important;
}
/* CONTENT */
.banner{
height:152px;
font-family: 'Raleway', sans-serif;
font-size: 44px;
font-weight: 800;
color:#fff;
text-align: center;
line-height: 152px;
background: url('img/baret.jpg') no-repeat center center;
background-size: cover;
}
/* FOOTER */
footer{
background: #0c304b;
}
.footerUst span{
font-family: 'Raleway', sans-serif;
font-size: 15px;
font-weight: 400;
color:#bababa;
}
.footerUst p{
font-size: 12px;
font-weight: 400;
color:#e5e5e5;
margin:5px 0px;
}
.footerAlt span{
font-size: 12px;
font-weight: 400;
color:#95969b;
text-align: center;
}
.footerAkYazi span, .footerAkYazi a{
font-size: 14px;
font-weight: 400;
color:#fff;
}
.ajaxSonuc{
display: none;
}
.ajaxSonucYazi{
color:#fff;
}
.ajaxSonucTekrar{
display:none;
}
/* GENEL */
.m0{
margin-left:0px !important;
margin-right: 0px !important;
margin-bottom:0px !important;
margin-top: 0px !important}
.mt1{margin-top:1px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt50{margin-top:50px !important;}
.mr1{margin-right:1px !important;}
.mr10{margin-right:10px !important;}
.mb1{margin-bottom:1px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.ml1{margin-left:1px !important;}
.ml10{margin-left:10px !important;}
.p0{padding:0px !important;}
.px0{padding-left:0px !important;padding-right:0px !important;}
.px5{padding-left:5px !important;padding-right:5px !important;}
.py0{padding-top:0px !important;padding-bottom:0px !important;}
.pt1{padding-top:1px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pr1{padding-right:1px !important;}
.pr10{padding-right:10px !important;}
.pb1{padding-bottom:1px !important;}
.pb10{padding-bottom:10px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb80{padding-bottom:80px !important;}
.pl0{padding-left:0px !important;}
.pl1{padding-left:1px !important;}
.pl10{padding-left:10px !important;}
.orta{margin-left:auto !important;margin-right:auto !important;}
.pr{position:relative !important;}
.pa{position:absolute !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.cl{clear:left !important;}
.cr{clear:right !important;}
.cb{clear:both !important;}
.jf{text-align: justify !important;}
/* XS */
@media only screen and (max-width: 576px) {
.logo img{width:250px;}
.sectionBaslik{font-size:30px;padding-bottom:20px;}
.slider{height:300px;}
.slideimage{height:300px;}
.sliderOklar{height:300px;}
.sliderTusSol{top:135px;}
.sliderTusSag{top:135px;}
.slideYaziAlan span{font-size: 23px;}
.sectionSag .sariKare{width:39px !important;height:39px !important;}
.sectionSag .sariKare span{width:39px !important;height:39px !important;font-size: 23px;}
.hizmetBolumYazilar span{font-size: 18px;line-height: 39px;}
.hizmetBolumYazilar p{font-family: arial;font-size:12px;color:#343642;}
section.maviSerit{background: #0c304b;padding:20px 0px;}
section.maviSerit span{font-size: 16px;color:#fff;margin-bottom:10px;}
section.maviSerit button{font-size: 12px;}
.projeKutuYazilar span{font-size: 15px;}
.projeKutuYazilar p{font-size:11px;}
.projeKutu .sariKare{width:83px !important;height:44px !important;}
.projeKutu .sariKare span{width:83px !important;height:44px !important;font-size: 15px;line-height: 44px;}
.map{height:326px;line-height: 326px;}
.map iframe{height:326px;}
section.iletisim{padding-bottom: 0px !important;}
.footerUst{padding-left:15px;padding-right:15px;}
.hizmetVideo iframe{height:194px !important;}
}
/* SM */
@media only screen and (min-width: 576px) {
.slider{height:400px;}
.slideimage{height:400px;}
.sliderOklar{height:400px;}
.sliderTusSol{top:185px;}
.sliderTusSag{top:185px;}
.hizmetVideo iframe{height:287px !important;}
}
/* MD */
@media only screen and (min-width: 768px) {
.slider{height:500px;}
.slideimage{height:500px;}
.sliderOklar{height:500px;}
.sliderTusSol{top:235px;}
.sliderTusSag{top:235px;}
.hizmetVideo iframe{height:388px !important;}
}
/* LG */
@media only screen and (min-width: 992px) {
.slider{height:600px;}
.slideimage{height:600px;}
.sliderOklar{height:600px;}
.sliderTusSol{top:285px;}
.sliderTusSag{top:285px;}
.hizmetVideo iframe{height:523px !important;}
}
/* XL */
@media only screen and (min-width: 1200px) {
.slider{height:700px;}
.slideimage{height:700px;}
.sliderOklar{height:700px;}
.sliderTusSol{top:335px;}
.sliderTusSag{top:335px;}
.hizmetVideo iframe{height:624px !important;}
}
/* XS & SM */
@media only screen and (max-width: 768px) {
ul.menuler{display:none;}
ul.menuler li a{text-align: left;padding:10px 5px;}
ul.acilir{position:relative;}
.footerAlt div{margin:0px auto;}
.menuac{display:block !important;}
}
/* XS & SM & MD */
@media only screen and (max-width: 992px) {
.menuDarla{padding-top:10px !important;}
.maviSerit span{text-align: center;margin-bottom:30px;}
}
/* MD & LG & XL */
@media only screen and (min-width: 768px) {
ul.acilir{position:absolute;}
}
/* LG & XL */
@media only screen and (min-width: 992px) {
.menuDarla{padding-top:40px !important;}
}
/*
font-family: 'Raleway', sans-serif;
*/