/*

Theme Name: HazirV2.3
Theme URI: https://ofsbilisim.com
Description: Modern Sohbet Teması
Author: OFSBilisim Web Hosting
Author URI: https://ofsbilisim.com
Version: 2.3

*/
.cubuk{  width:100%; background-color:#34495e; height:40px; color:#fff;   margin: 0px; padding: 0px;}
.hosgeldin { float:left; margin:0px 10px auto; font-family: 'Exo', sans-serif; font-size:13px;}
.hosgeldin span {font-family: 'Exo', sans-serif; font-weight:700; color:#3e4156;  -webkit-animation-name: shake;
  animation-name: shake;  }

.hosgeldin u {text-decoration: none; font-style: italic;}
.yardimal{ float:right; margin:3px 10px auto; font-family: 'Exo', sans-serif;}
.form-signin{max-width:380px;padding:15px 35px 45px;margin:0 auto;background-color:#fff}
.form-signin .form-signin-heading,.form-signin .checkbox{margin-bottom:30px}
.form-signin h3 { font-size:14px; }
.form-signin .form-control{position:relative;font-size:16px;height:auto;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.form-signin .form-control:focus{z-index:2}
.form-signin input[type="text"]{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.form-signin input[type="password"]{border-top-left-radius:0;border-top-right-radius:0}
.select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}input[type='checkbox'].tags-checkbox:checked+label>i:first-of-type,input[type='checkbox'].tags-checkbox+label>i:last-of-type{display:none}input[type='checkbox'].tags-checkbox:checked+label>i:last-of-type{display:inline-block}input[type='checkbox'].pseudo-checkbox+label:before,input[type='checkbox'].pseudo-checkbox+label:after{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type='checkbox'].pseudo-checkbox+label:before{content:"\e157"}input[type='checkbox']:checked.pseudo-checkbox+label:before{content:"\e067"}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
.icon-reorder {color:#fff;}
*{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */}

nav{display:block;background:#f7806b; }
.menu{display:block;text-align:center;margin-bottom:0px;}
.menu li{display: inline-block;position: relative;}
.menu li a {font-family: 'Exo', sans-serif;margin-left:2px;font-weight:600;text-decoration:none;padding:11px;display:block;color:#ffffff;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.menu li a:hover, .menu li:hover > a{color:#ffffff;background:#34506d;}
.menu ul {display: none;margin: 0;padding: 0;width: 150px;position: absolute;top: 43px;left: 0px;background: #ffffff;}
.menu ul li {display:block;float: none;background:none;margin:0;padding:0;}
.menu ul li a {font-size:12px;font-weight:normal;display:block;color:#797979;border-left:3px solid #ffffff;background:#ffffff;}
.menu ul li a:hover, .menu ul li:hover > a{background:#f0f0f0;border-left:3px solid #34506d;color:#797979;}
.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;	top: 0px;}
.mobile-menu{display:none;width:100%;padding:11px;background:#3E4156;color:#ffffff;text-transform:uppercase;font-weight:600;}
.mobile-menu:hover{background:#3E4156;color:#ffffff;text-decoration:none;}

.panel{ font-family: 'Exo', sans-serif;width:100%; min-height:100%; background-image: url(../images/friend.jpg); background-repeat: no-repeat;background-color: white;background-position: left;}
.giris { margin-top:15px; }
.ortapanel { margin-top:15px; font-size:13px; }
.ortapanel a { color:#000; text-decoration:none; }
.ortapanel a:hover { color:#000; text-decoration:none; }
.ortapanel a:visited { color:#000; text-decoration:none; }
.glyphicon-user{ color:#3e4156; }
.glyphicon-lock{ color:#3e4156; }
.bg-success{height:40px;margin-top:5px; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.bg-info{height:40px;margin-top:5px; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.bg-warning{height:40px;margin-top:5px; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.bg-danger{height:40px;margin-top:5px; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.fa-android{color:#3e4156;font-size:20px; margin-top:6px; margin-right:4px; margin-left:2px;}
.fa-comments{color:#3e4156;font-size:20px; margin-top:6px; margin-right:4px; margin-left:2px;}
.fa-medal{color:#3e4156;font-size:20px; margin-top:8px; margin-right:4px; margin-left:2px;}
.fa-star{color:#3e4156;font-size:20px; margin-top:8px; margin-right:4px; margin-left:2px;}
.fa-broadcast-tower{color:#3e4156;font-size:15px;margin-top:10px; margin-right:4px; margin-left:2px;}
.fa-download{color:#3e4156;font-size:17px;margin-top:9px; margin-right:4px; margin-left:2px;}
.fa-comment-alt {margin-right:5px; font-size:14px}
.fa-file-upload{margin-right:5px; font-size:15px}
.fa-blogger-b{margin-right:5px; font-size:15px}
.fa-rocketchat{margin-right:5px; font-size:17px}
.fa-lock{margin-right:5px; font-size:15px}
.fa-home{margin-right:5px; font-size:15px}
.fa-music{margin-right:5px; font-size:15px}
.panel2{ display:none;}
.kontrolpaneli{ margin-top:-20px;width:100%; height:100%; background-color:#34495e;}
.w { font-family: 'Exo', sans-serif;color:#3e4156; height:200px; font-size:13px  }
.w .bg-success{height:30px;margin-top:10px; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.w .bg-info{height:30px;margin-top:10px; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.w .bg-warning{height:100%;margin-top:18px; border:solid 1px #f5f5f5;border-top-left-radius: 0px;-moz-border-radius-topleft: 0px;-webkit-border-top-left-radius: 0px;border-top-right-radius: 20px;-moz-border-radius-topright: 20px;-webkit-border-top-right-radius: 20px;border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-right-radius: 20px;border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;}
.w p{ padding-top:0px; padding-bottom:5px; }
.w .bg-danger{height:30px;margin-top:10px; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.w .fa-slack-hash{color:#c45353;font-size:13px; margin-top:12px; margin-right:3px; margin-left:12px;}
.ww {  color:#fff; height:200px; }
.main {position:relative;width:180px;height:180px;border-radius:50%;}
.main .wrapper {width: 180px;height: 180px;margin-top:10px;border-width: 10px;border-style: solid;border-color: #1abc9c #5cb85c #5cb85c #1abc9c;border-radius: 50%;transition: all 0.8s ease-in-out 0s;position:absolute;top:0;left:0;}
.main img, .main .info {position:absolute;top:20px;right:0;bottom:0;left:10px;border-radius:50%;width:160px;height:160px;transition: all 0.8s ease-in-out 0s;}
.main .info {text-align:center;padding:1px;padding-top:20px;background:#fff;opacity:0;transition: all 0.8s ease-in-out 0s;backface-visibility:hidden;}
.main a:hover  .wrapper {transform:rotate(180deg);transition: all 0.8s ease-in-out 0s;}
.main a:hover img {opacity:0;transition: all 0.8s ease-in-out 0s;}
.main a:hover .info {opacity:1;transition: all 0.8s ease-in-out 0s;}
.info h2 {font-size:20px;}
.dostcapress {width:100%; height:100%; }
.press1 { width:100%; height:100%; background:#fff; }


.blogtan {width:300px; margin-top:20px; margin-left:10px; margin-bottom:20px; font-size:19px;font-family: 'Exo', sans-serif; font-weight:700; border-bottom-style:solid;border-bottom-width:2px; border-color:#cccccc;}
.blogtan span { color:#4caf50; }
.soldan {width:300px; margin-top:140px;  margin-left:10px; margin-bottom:20px; font-size:35px;font-family: 'Exo', sans-serif; font-weight:700; }
.soldan span { color:#4caf50; }
.soldan h1 {font-size:20px;}
.fa-slack{ color:#4caf50; font-size:25px;}
.fa-pencil-alt{ color:#4caf50; font-size:25px;}
.presskonu { float:left;margin:10px 10px auto;width:300px; height:182px; border:1px solid #cccccc; } 
.pressbaslik {background:#fff; height:30px;border-bottom-style:solid;border-bottom-width:1px; border-color:#cccccc; }
.pressbaslik .yazi {font-family: 'Exo', sans-serif; color:#ffb76b; font-weight:bold; padding-top:5px;padding-left:15px;}
.pressbaslik .yazi a{color:#ffb76b; text-decoration:none;}
.pressbaslik .yazi a:hover {color:#ffb76b; text-decoration:none;} 
.pressbaslik .yazi a:visited{color:#ffb76b; text-decoration:none;} 


.konular{ float:left; width:300px;}
.pressfoto {float:left;width:80px; height:120px; background:#fff; border-bottom-style:solid;border-bottom-width:1px; border-color:#cccccc; }
.pressfoto img { margin-top:25px; margin-left:5px; }
.pressicerik {float:left;width:218px;height:120px; font-size:11px; background:#fff;padding-left:5px; padding-top:3px; border-bottom-style:solid;border-bottom-width:1px; border-color:#cccccc; }	 
.pressacikla { background:#f7eaa7; height:30px;-moz-border-radius-bottomleft: 13px;-webkit-border-bottom-left-radius: 13px;border-radius-bottomleft: 13px;} 
.pressacikla .tarih{ font-family: 'Exo', sans-serif;float:left; height:30px; width:168px; background:#fff;color:#3b5998;font-weight:bold;padding-top:6px;padding-left:25px; }
.pressacikla .devami{ font-family: 'Exo', sans-serif;float:right; height:30px; width:130px; background:#4caf50; color:#fff;font-weight:bold;padding-top:6px;padding-left:35px; }
.pressacikla .devami a{color:#fff; text-decoration:none;}
.pressacikla .devami a:hover {color:#fff; text-decoration:none;} 
.pressacikla .devami a:visited{color:#fff; text-decoration:none;} 

.pagephp { font-family: 'Exo', sans-serif;background:#fff; height:100%; margin-bottom:20px;border-left-style:solid;border-right-style:solid;border-width: 1px;border-color: #cccccc; }
.page1 { height:450px; background:#fff;}
.single{ font-family: 'Exo', sans-serif;background:#fff; height:100%; margin-bottom:20px; border-left-style:solid;border-right-style:solid;border-width: 1px;border-color: #cccccc;  text-align: justify;}
#breadcrumb{font-size:12px;float:right;font-weight:600; margin-top:-27px; margin-right:10px;}
.single .konu{ padding-top:9px; padding-left:10px; font-weight:600;background:#dbc164; color:#283d4e; margin-top:20px; height:40px; width:100%; border-radius:5px 0 5px 0;}
.single .konu h1 { font-size:15px; margin-left:20px; margin-top:-20px; font-weight:600;background:#dbc164; color:#283d4e;}
.single .konu a{color:#283d4e; text-decoration:none;}
.single .konu a:hover {color:#283d4e; text-decoration:none;} 
.single .konu a:visited{color:#283d4e; text-decoration:none;} 
.single-icerik { margin-top:10px; width:100%; height:100%; text-align:justify; }
.single .bilgiler{  padding-top:6px; padding-left:10px; background:#34495e; color:#fff; font-weight:600;margin-top:20px; height:30px; width:100%; border-radius:1px 1px 1px 1px;}
.single .bilgiler a{color:#fff; text-decoration:none;}
.single .bilgiler a:hover{color:#fff; text-decoration:none;}
.single .bilgiler a:visited{color:#fff; text-decoration:none;}
.single .benzerkonular { padding-top:9px; padding-left:10px; color:#283d4e; font-weight:600;background:#dbc164; margin-top:10px; height:35px; width:100%; border-radius:5px 0 5px 0;}
.single .benzerkonular h2 {font-size:14px; margin-left:20px; margin-top:-19px; font-weight:600;}
.single .ziyaretciyorumlari { padding-top:9px; padding-left:10px; background:#1bbc9b; color:#fff; font-weight:600;margin-top:5px; height:35px; width:100%; border-radius:1px 1px 1px 1px;} 
.single .ziyaretciyorumlari h2 {font-size:14px; margin-left:20px; margin-top:-18px; font-weight:600;}
/* Yorum */
h4.kacyorum {font-weight: bold;font-size: 18px; color: #404040;line-height: 28px;margin: 15px 0;}
.yorum {margin-bottom: 25px;}
.yorum a {color: #404040;}
.yorumavatar {float: left; margin-right: 15px;}
.yorumavatar img {width: 40px; height: 40px;}
.yorumavatar img:hover {border-radius: 1px;}
.yorumkullanici h3 {font-size :15px; font-weight: bold;color: #404040; margin-bottom: 5px;}
.yorumtarih {margin-top: 10px;margin-bottom: 14px; font-size: 11px;}
.yorumtarih a {color: #aaaaaa;}
i.yorumtarihikon {float: left; background: url("images/tarih.png") no-repeat; width: 16px; height: 16px; display: block; margin-top: 0px; margin-right: 5px;}
.yorumyazi {font-size: 14px;color: #626262;line-height: 24px;}
.yorumyazi p { margin-left: 75px; text-indent: 0px; }
ul.children{padding:0px 0px 0px 60px !important;}
.cevapla {margin-left: 75px; font-size: 12px; margin-top: 5px;}
i.cevaplaikon {float: left; background: url("images/cevapla.png") no-repeat; width: 16px; height: 16px; display: block; margin-top: 0px; margin-right: 5px;}
em.yorumonay {font-size:12px;}

/* Yorum Ekle */
#respond {margin-top:0px;overflow: hidden; background-color: #F5F5F5;border: 2px solid #FFFFFF;border-radius: 0 0 2px 2px; padding: 10px; width: 100%;}
#respond h4 {font-family: 'Open Sans', sans-serif; margin-bottom: 5px; font-size: 13px;}
#respond h4 a {color: #D45255;}
#respond .comment {width: 100%; font-family: 'Open Sans', sans-serif; border: none; padding: 15px 10px 30px 15px; margin-top:10px; border-radius: 2px;}
#respond input[type='text']{float: left; border: none; border-radius: 2px; padding: 12px 10px 11px 10px; margin-right: 10px;}
#respond input[type='submit'] {float: right; margin-right: -5px; border: none; background-color: #00979d; padding: 12px 10px 11px 10px; color: #fff;font-weight: bold; border-radius: 2px}
p#yorumgiris {font-size: 13px;}
p.comment-subscription-form {display: none;}


.sidebar{ font-family: 'Exo', sans-serif;background:#fff; height:100%; margin-bottom:20px;border-right-style:solid;border-width: 1px;border-color: #cccccc;}
.sidebar .konu{ padding-top:9px; padding-left:10px; font-weight:600;background:#1bbc9b; color:#fff; margin-top:20px; height:40px; width:100%; border-radius:5px 0 5px 0;}
.sidebar .konu h3 { font-size:16px; margin-top:-18px; margin-left:20px; font-weight:600;}
.sidebar ul { margin-top:8px; }
.sidebar ul li { background:#eef0f1; height:40px; padding-top:10px; padding-left:10px;border-bottom-style:solid;border-width: 1px;border-color: #fff;   }
.sidebar ul li:hover {background:#e2e4e5; }
.sidebar ul a{color:#283d4e; text-decoration:none;}
.sidebar ul a:hover{color:#283d4e; text-decoration:none;}
.sidebar ul a:visited{color:#283d4e; text-decoration:none;}
.sidebar .yukselt { height:157px; }
.sidebar .form-group { margin-top:10px;}
.guvkod .text-center span a{color:fff; text-decoration:none;}
.guvkod .text-center span a:hover{color:fff; text-decoration:none;}
.guvkod .text-center span a:visited{color:fff; text-decoration:none;}

.sidepress {height:500px; background-image: url(../images/friend-3.jpg); background-repeat: no-repeat;background-color: white;background-position: right; }

.footer { width:100%; height:50px; background-color:#f2f2f2; }
.footmakale{ min-height:250px; background:#fff;color:#000; }
.footmakale p { font-family: 'Exo', sans-serif; }
.foot{ height:30px; background:#34495e;color:#fff;border-bottom:1px solid #cdcdcd}
.foot .span {margin:5px auto; width:100px;}
.foot1{ height:223px; background:#f2f2f2; color:#000;border-top:1px solid #cdcdcd!important;border-bottom:1px solid #cdcdcd}
.foot1 .bg-success{width:300px;height:30px;margin:5px auto; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.foot1 .bg-info{width:300px;height:30px;margin:5px auto;  border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.foot1 .bg-warning{width:300px;height:30px;margin:5px auto; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.foot1 .bg-danger{width:300px;height:30px;margin:5px auto; border:solid 1px #f5f5f5;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.foot1 span { font-size:19px; color:#fe9601; }
.foot1 ul { font-family: 'Exo', sans-serif;margin-left:30px; font-size:15px; }
.foot1 ul a{ text-decoration:none; color:#4b4443;  }
.foot1 ul a:hover{ text-decoration:none; color:#d94a39;  }
.fa-phone-square{ color:#4caf50; font-size:25px;}
.fa-paper-plane{ color:#4caf50; font-size:25px;}
.fa-bars{ color:#4caf50; font-size:25px;}
.fa-angle-double-right{color:#3e4156;font-size:15px; margin-top:6px; margin-right:4px; margin-left:2px;}
.foot2{ min-height:40px; background:#f7806b;color:#fff;border-top:1px solid #cdcdcd!important; }
.foot2 .span { float:left;margin:12px auto; font-size:11px;font-family: 'Exo', sans-serif;}
.foot2 .sagspan { float:right; margin:12px auto; font-size:11px;font-family: 'Exo', sans-serif; }












@media (min-width: 768px) and (max-width: 979px) {
.menu ul {top:37px;}
.menu li a{font-size:12px;padding:8px;}

}

@media (max-width: 767px) {
.menu{display:none; text-align:left;}
.mobile-menu{display:block;
margin-top:0px;
color:#ffffff;}
.mobile-menu:hover{background:#34495e;color:#ffffff;text-decoration:none;}
.mobile-menu:link {background:#34495e; color:#ffffff;text-decoration:none}
.mobile-menu:visited {background:#34495e;color:#ffffff;text-decoration:none}
.mobile-menu:active {background:#34495e;color:#ffffff;text-decoration:none}
nav{margin:0;background:none;}
.menu li{display:block;margin:0;}
.menu li a {background:#ffffff;color:#797979;border-top:1px solid #e0e0e0;border-left:3px solid #ffffff;}
.menu li a:hover, .menu li:hover > a{background:#f0f0f0;color:#797979;border-left:3px solid #9CA3DA;}
.menu ul {display:block;position:relative;top:0;left:0;width:100%;}
.menu ul ul {left:0;}
.ortapanel{display: none;}
.panel{ display: none;}
.panel2{ display:block;width:100%; height:200px;}
.kontrolyok{ display: none;}

}

@media (max-width: 480px) {
.ortapanel{display: none;}
.panel{ display: none;}
.panel2{ display:block;width:100%; height:200px;}
.kontrolyok{ display: none;}
.ww {  margin-top:20px;color:#fff; height:200px; }
	.single .konu h1 { font-size:12px; margin-left:20px; margin-top:-20px; font-weight:600;background:#dbc164; color:#283d4e;}
}


/* Text Logo Stilleri */
.text-logo {
    display: inline-block;
    text-decoration: none;
    font-family: 'Exo', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.text-logo:hover {
    transform: scale(1.05);
    text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

@media (max-width: 320px) {
.ortapanel{display: none;}
.panel{ display: none;}
.panel2{ display:block;width:100%; height:200px;}
.kontrolyok{ display: none;}
.text-logo { font-size: 18px !important; }

}