@import url("../fonts/Opensans/stylesheet.css");
@import url("../fonts/Opensans-bold/stylesheet.css");
@import url("../fonts/Opensans-light/stylesheet.css");
@import url("../fonts/Ubuntu/stylesheet.css");
@import url("../fonts/Ubuntu-light/stylesheet.css");
@import url("../fonts/Oswald/stylesheet.css");

body{background: #fff; font-family: 'Opensans', sans-serif; color:#4e4e4e; line-height: 130%;}
.floatL {float:left;}
.floatR {float: right;}
a{color:#333;}
a:hover{color:#0099CC;}
a, a:hover {text-decoration:none;}
ul, li{margin:0; list-style:none;}
.renkBeyz{color:#FFFFFF;}
.renkFace{color:#286090;}
.renkTwit{color:#31B0D5;}
.renkGoog{color:#C9302C;}
.renkInst{color:#70463A;}
.renkYesi{color:#33CC33;}
.renkKir{color:#FF0000;}
.renkKir2{color:#B50000;}
.renkTurn{color:#FBB138;}
.renkLila{color:#CC33CC;}
.renkGri{color:#888888;}
.renkGri2{color:#555555;}
.renkSiyah{color:#000000;}
.renkTurk{color:#00BFFF;}
.bface {background-color: #286090;}
.btwit {background-color: #31B0D5;}
.bgoog {background-color: #C9302C;}
.binst {background-color: #70463A;}
a, button, input[type=submit], input[type=button], .product-img {-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.overanim{-webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; transition: .7s;}
.pad0{padding:0;}
.padL0{padding-left:0;}
.padLR5{padding:0 5px;}
.padLR10{padding:0 10px;}
.padR10{padding:0 10px 0 0;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.w100{width:100%;}
.text-center{text-align: center; text-align: -moz-center;}


/*HEADER*/
#header {width: 100%;}
.top-bar {width: 100%; background-image: url(../rsm/arkaUst.png); background-repeat: repeat-x;}
.top-bar .logo  {overflow: visible; position: relative; z-index: 999; text-align: center;}
.menu .navbar {position: relative; min-height: 50px; margin-bottom: 0px; border: 0px solid #000; border-radius:0px;}
.menu .navbar-nav > li > a {font-family: "Ubuntu"; font-size: 120%; padding: 14px 10px;}
.menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus {color: #FFF; background-color:#35A1F2;}
.menu .dropdown-menu > li > a{font-family: "Ubuntu"; font-size: 110%; border-bottom: 1px solid #ccc;}
.menu .dropdown-menu > li > a:hover{color:#FFF; background-color:#35A1F2;}
.menu .navbar-toggle{padding: 6px; margin: 6px 12px 4px 0px; border:1px solid #aaa;}
.menu .navbar-toggle .icon-bar{background-color:#C3C3C3;}
.menu .navbar-collapse{padding:0;}
.navbar-right .dropdown-menu {right: 0; left:0;}
.dropdown-menu{min-width:200px;}
/*HEADER*/

/*SOSYAL MEDYA*/
.smedya {height: 60px; text-align: right; padding-top: 10px;}
.smedya .menu-item {width: 30px; height: 30px; display: inline-block; position: relative; overflow: hidden; border-radius: 3px;}
.smedya .menu-item i {width: 100%; padding: 7px 0px 5px 0px; border-radius: 3px;}
.smedya .menu-item i.fa-facebook {background:#3B5998; color:#FFF;}
.smedya .menu-item i.fa-twitter {background:#44CCF6; color:#FFF;}
.smedya .menu-item i.fa-youtube {background:#CE332D; color:#FFF;}
.smedya .menu-item i.fa-linkedin {background:#0275B6; color:#FFF;}
.smedya .menu-item i.fa-google-plus {background:#D13F2D; color:#FFF;}
.smedya .menu-item i.fa-instagram {background:#517FA3; color:#FFF;}
.smedya .menu-item span {width: 40px; height: 32px; position: absolute; top: 10px; left: 10px; text-align: center; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; display: block; 	color: #000; background: #FFF;	border-radius: 50%;}
.smedya .menu-item span:hover { top: -29px; font-size: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
span.active { top:100px !important;	font-size:0px !important;}
.smedya .menu-item a {text-decoration:none;}
.smedya .menu-item .text {text-decoration: none; font-size: 15px; padding: 0; text-align: center; font-family: 'Ubuntu', sans-serif; font-weight: normal; width: 100%; position: absolute; bottom: -37px; left: 0; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.smedya .menu-item:hover > .text {padding: 0px 0px 10px 0px; bottom: -10px;	font-size: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: center;}
.smedya .menu-item .icon {width: 0px; height: 32px; font-size: 15px; text-align: center;}
/*SOSYAL MEDYA*/

/*SLAYT*/
#slayt{width: 100%; height: auto; margin-bottom: 10px; background-color:#FBFBFB !important;}
#slayt .slide{margin: 0 auto; text-align: center;}
#slayt .slaytlink{top:0; left:0; right:0; bottom:0; position:absolute; width:100%; height:100%;}
#slayt .cizgi2{width: 100%; height: 5px; margin-top: -30px; background-color:#EDEDED !important;}
#slayt .golge{background-image: url(../rsm/slaytGolge.png); background-repeat: no-repeat; width: 100%; height: 37px; float: left;background-position: center top;}

#ekatalog{width: 100%; height: auto; margin-bottom: 10px;}
/*SLAYT*/

/*ICONS*/
#icons{	width: 100%; padding-top: 20px;}
#icons .kutu {min-height: 200px; height:auto; border: 1px solid #DFDFDF; padding:10px; margin:0 0 15px 0;}
#icons .resim {text-align: center; border-radius: 100px; background-color: #0099CC; width: 110px; border: 2px solid #DDD; height: 110px; margin: 10px auto;}
#icons .baslik {text-align: center; font-family: 'Oswald'; color: #000000; font-size: 150%;	padding-bottom: 10px; line-height:120%;}
#icons .yazi{padding-bottom: 5px; text-align: center;}
#icons .yazi a{font-family: 'Opensans', sans-serif; color: #666666; font-size: 110%x; text-decoration: none;}
#icons .yazi a:hover { color: #000000; }
/*ICONS*/

/*ANA SAYFA PROJELER*/
#proje{margin:10px 0;}
.anaH1{font-family:'Ubuntu-light'; border-bottom: 1px solid #DDD; margin:15px 0 25px 0;}
#proje .kutu{margin:0 0 20px 0; float: left;}
#proje .kutu h2 {font-size:150%;}
#proje .resim{margin:0 0 10px 0; padding:0 10px 0 0;}
#proje .resim img{width:100%; height: auto; border: 1px solid #DDD;}
#proje .icerik{padding:10px 0 0 0;}
#proje .icerik .satir{margin:0 0 10px 0; padding:0 0 5px 0; font-size: 110%; font-family: 'Ubuntu'; border-bottom: 1px solid #DDD; display: block; min-height:25px;}
#proje .icerik .satir:last-child{border-bottom: none;}
#proje .icerik .satir .y1{font-weight:bold;}
#proje .icerik .satir .y2{}
#proje .detay{text-align: center; border-bottom:solid 1px #CCC; border-top:solid 1px #CCC; display:block; padding:4px 0;}
#proje .detay a{padding:4px 10px; border-radius: 6px;}
#proje .detay a:hover{background-color:#0099CC; color:#FFF;}
/*ANA SAYFA PROJELER*/

/*HABERLER*/
#haberler{width: 100%; height: auto; margin:0 0 20px 0;}
#haberler .kutu{margin:0 0 15px 0; height: auto;}
#haberler .resim {text-align: center; background-image: url(../rsm/haberGolge.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom:15px;}
#haberler .resim img {width:100%; height:auto;}
#haberler .yazi {padding:5px; text-align: center; height:52px; overflow: hidden; line-height:110%;}
#haberler .yazi a{color: #666; font-size: 105%;}
#haberler .yazi a:hover { color: #0099CC;}
/*HABERLER*/

/*HABERLER LİSTELEME*/
.haberListe {list-style: none !important; margin:0 !important; padding: 0 !important;}
.haberListe li {margin: 0 0 20px 0; float: left; padding:0 20px;}
.haberListe .hResim {padding:2px; min-height:190px;}
.haberListe .hResim img {width: 100%; height: auto; border:1px solid #EEE; padding:5px;}
.haberListe .hResim img:hover{border:1px solid #0099CC;}
.haberListe .hOzet {font-family: "Opensans-light"; color: #666; font-size: 120%; padding:10px 0 0 10px;}
.haberListe .hOzet:hover {color: #000;}
/*HABERLER LİSTELEME*/

/*HABERL DETAY & YANBAR*/
#hDetay, #yanBar{margin:15px 0 0 0;}
#hDetay .icerik, #hDetay .galeri{ width:100%; height:auto; margin:0 0 10px 0;}
#hDetay .hResim{margin:0; padding:0 0 0 5px; float:right;}
#hDetay .hResim img{border:1px solid #EEE; padding:3px; margin:0 0 5px 5px; width:100%;}
#hDetay .hYazi{margin:0; padding:0;}
#yanBar .baslik{font-family: "Opensans-light"; font-size: 140%; border-bottom: 1px solid #EBEBEB; margin-bottom:10px; display:block;}
#yanBar .liste{	display:block;}
#yanBar .liste .hBaslik{display:block; border-bottom: 1px solid #EBEBEB; margin-bottom:10px;}
/*HABERLER YANBAR*/

/*İÇERİK*/
#baslik{height: auto; width: 100%; background-image: url(../rsm/arkaBaslik2.png); margin:0 0 10px 0; border-top:1px solid #0099CC; border-bottom:1px solid #0099CC;}
#baslik .baslik {font-size:140%; margin:0 0 0 14px; padding:10px 0;}
#baslik .baslik i {color:#0099CC; margin:0 10px 0 0;}
#icerik {width:100%; margin:0 0 10px 0; height:auto;}
#icsayfa {padding:0;}
#icsayfa .icerik, #icsayfa .galeri {margin:10px 0; width:100%; float:left;}
#icsayfa .galeri {}
#icsayfa .icerik img{max-width:350px; float:right; margin:0 0 5px 15px; border:6px solid rgba(0,0,0,0.10)}
#icsayfa2 .icerik img{max-width:350px; float:right; margin:0 0 5px 15px; border:6px solid rgba(0,0,0,0.10)}
.resimSagda {border: 4px solid #DDD; float: right; margin: 0 0 10px 10px;}
.resimSolda { border: 4px solid #DDD; float: left; margin-right: 10px;}
#icerik .solAlan {padding-top: 14px; padding-left: 10px;}
.solAlan .menuBaslik {border: 1px solid #FBB138; border-radius: 5px; padding: 10px;	background-color: #FBB138; color: #FFFFFF; font-size: 110%; margin-top: 0px;}
.solAlan .solMenu ul {list-style-type: none; margin: 0; padding:0;}
.solAlan .solMenu li {padding-bottom: 5px;}
.solAlan .solMenu .diger{padding: 5px; display: block; text-decoration: none; color: #0099CC; border-bottom:1px solid #FBB138;}
.solAlan .solMenu a:hover {color: #000000;}
#icerik .sagAlan {padding-top: 14px;}
#icerik .ic {padding-top: 14px; padding-left: 10px; padding-right: 10px;}
#icerik .ic2 {padding-top: 14px; padding-left: 10px; padding-right: 10px;}
#icerik .resim3grisag {float: right; border: 3px solid #DDD; margin-left: 10px;}
#icerik .resim3grisol {float: left; border: 3px solid #DDD; margin-right: 10px;}
#icerik .alan1 {width: 80px; float: left; height: auto; color: #FBB138; font-weight: bold;}
#icerik .alan2 {width: 300px; float: left; height: auto;}
/*İÇERİK*/

/*GALERİ*/
.medyaKutu {height: auto; margin-right: auto; margin-left: auto;}
.medyaKutuSirala {list-style: none; margin: 0; padding: 0; float:left;}
.medyaKutuSirala li {float: left; width: auto; display: inline; height: auto; padding: 10px 0 0 0;margin-left: 5px;}
.medyaKutuResim {width: auto; height: auto; text-align: center; vertical-align: central; min-width:164px; min-height:92px;}
.medyaKutuResim .video {position: absolute; z-index: 10; height: 92px; width: 164px; margin: 2px; padding: 5px 2px 2px 5px;}
.video  {position: absolute; z-index: 10; height: 67%; width: 81%;}
.medyaKutuResim .resim {border: 1px solid #CCC; margin: 4px; padding: 4px;}
.medyaKutuResim .resim:hover { border: 1px solid #35A1F2;}
.medyaKutuAd {float: left; height: 30px; width: 180px; font-size: 12px; color: #000000; display: inline; text-align: center !important;	line-height: 15px;}
.sayfalama{clear: both; width: 100%; text-align: center; float: left;}
.sayfalama a{color: #000; background-image: url(../rsm/sayfalamaGri.png); background-position: center top; background-repeat: no-repeat; height: 24px; width: 25px; font-size: 12px; padding: 4px; float: left; text-align: center; text-decoration: none !important; margin: 5px;}
.sayfalama a:hover{color: #FFFFFF; background-image: url(../rsm/sayfalamaMavi.png); background-repeat: no-repeat; background-position: center top;}
.sayfalama .sAktif {color: #FFFFFF; background-image: url(../rsm/sayfalamaMavi.png); background-repeat: no-repeat; background-position: center top;}
/*GALERİ*/

/*PROJELER*/
.projeler{margin:10px 0;}
.projeler .kutu{margin:0 0 20px 0; float: left; min-height:230px;}
.projeler .kutu h2 {font-size:150%;}
.projeler .resim{margin:0 0 10px 0; padding:0 10px 0 0;}
.projeler .resim img{width:100%; height: auto; border: 1px solid #DDD;}
.projeler .resim img:hover{border: 1px solid #0099CC;}
.projeler .icerik{padding:10px 0 0 0;}
.projeler .icerik .satir:last-child{border-bottom: none;}
.projeler .icerik .satir{margin:0 0 10px 0; padding:0 0 5px 0; font-size: 110%; font-family: 'Ubuntu'; border-bottom: 1px solid #DDD; display: block; min-height:25px;}
.projeler .icerik .satir .y1{font-weight:bold; padding:0;}
.projeler .icerik .satir .y2{}
.projeler .detay{text-align: center; border-bottom:solid 1px #CCC; border-top:solid 1px #CCC; display:block; padding:4px 0;}
.projeler .detay a{padding:4px 10px; border-radius: 6px;}
.projeler .detay a:hover{background-color:#0099CC; color:#FFF;}
/*PROJELER*/

/*PROJE DETAY*/
#projeDetay {width: 100%; height: auto; margin: 15px 0 20px 0;}
#projeDetay .bilgi, #projeDetay .resim{float:left;}
#projeDetay .bilgi .ad{font-family:"Opensans"; font-size:150%; color:#333; display:block; margin-bottom:10px;}
#projeDetay .bilgi .baslik{font-family:"Opensans-bold"; font-size:120%; color:#000; display:block; border-bottom:#DDD 1px solid; margin:0 0 15px 0; clear:both; padding:0 0 10px 0;}
#projeDetay .bilgi .satir{font-family:"Opensans"; font-size:100%; color:#333; display:block; margin:0 0 10px 0; padding:0 0 5px 0; float:left; border-bottom:#DDD 1px solid;}
#projeDetay .bilgi .tanim{font-family:"Opensans-bold"; float:left; clear:left; padding:0;}
#projeDetay .bilgi .icerik{float:left; padding-left:10px;}
#projeDetay .bilgi .diger{font-family:"Opensans"; display:block; float:left; margin:15px 0 0 0;}
/*PROJE DETAY*/


/*FOOTER*/
.dip {width: 100%; height: 46px; color: #FFF; font-size: 10px; overflow: visible; background-image: url(../rsm/arkaDip.png); background-repeat: repeat-x; padding-top: 17px;}
.fcopy{float:left;}
.ftel{float:right; padding:0 30px 0 0;}
.tiridi {padding:5px 30px 0 0;}
.tiridi a{font-family: 'Ubuntu', sans-serif; font-size: 9px; color: #036;}
#myBtn {display:none; position:fixed; bottom:27px; right:10px; z-index:99; border:none; outline:none; background-color:rgba(255,0,4,0.50); color: white; cursor:pointer; padding:5px; border-radius:4px;}
#myBtn:hover {background-color: rgba(255,0,4,1.0);}
/*FOOTER*/

@media (min-width: 992px) and (max-width: 1199px) {
#proje .icerik .satir{margin:0 0 5px 0; padding:0 0 5px 0; font-size: 105%; font-family: 'Ubuntu'; border-bottom: 1px solid #DDD; display: block;}
.menu .navbar-nav > li > a {font-family: "Ubuntu"; font-size: 105%; padding: 14px 8px;}
.haberListe .hResim {padding:2px; min-height:150px;}
.projeler .kutu{margin:0 0 20px 0; min-height:200px;}
.projeler .icerik .satir{margin:0 0 5px 0; padding:0 0 5px 0; font-size: 100%; min-height:25px;}
}
@media (min-width: 768px) and (max-width: 991px) {
#proje .icerik .satir{margin:0 0 10px 0; padding:0 0 5px 0; font-size:110%; font-family: 'Ubuntu'; border-bottom: 1px solid #DDD; clear: both;}
.caption {font-size: 110% !important; line-height:120%;}
.haberListe .hResim {padding:2px; min-height:130px;}
.haberListe .kutu{min-height:260px;}
#icsayfa2 .icerik img{width:100%; max-width:100%; float:right; margin:0 0 10px 15px; border:6px solid rgba(0,0,0,0.10)}
}

@media (max-width: 767px) {
.smedya{text-align: center; height: auto; padding:5px;}
.caption {font-size: 100% !important; line-height:130%;}
#myBtn {bottom:70px; right:10px;}	
}
@media (max-width: 620px) {
#icsayfa .icerik img{width:100%; max-width:100%; float:right; margin:15px 0 10px 0; border:6px solid rgba(0,0,0,0.10)}
}
@media (max-width: 550px) {
#icsayfa2 .icerik img{width:100%; max-width:100%; float:right; margin:15px 0 10px 0; border:6px solid rgba(0,0,0,0.10)}
}