/*! Muhabbet.Web.Tr */
body {
font-family:'gotham_bookregular'!important
}

#nav {
position:relative;
z-index:2
}

#menu {
position:absolute;
top:30px;
z-index:3;
margin-left:auto;
margin-right:auto;
left:0;
right:0
}

@media (max-width: 1000px) {
#m-menu {
display:none!important
}

.header-logo {
text-align:center
}
}

.m-links {
color:#FFF!important;
font-size:14px;
text-shadow:1px 1px 3px #676767;
padding:11px;
margin-left:9px
}

@media (max-width: 1200px) {
.m-links {
padding:7px;
margin-left:7px
}
}

.m-links:hover {
color:#FFF!important;
border-radius:19px;
background:#63B8EE;
background:linear-gradient(top,#0081C3,#1DB4E8);
background:-ms-linear-gradient(top,#0081C3,#1DB4E8);
background:-webkit-gradient(linear,left top,left bottom,from(#0081C3),to(#1DB4E8));
background:-moz-linear-gradient(top,#F60,#F60);
opacity:1
}

li a.active {
-moz-border-radius:20px;
-webkit-border-radius:20px;
background:rgba(0,0,0,0.3)
}

#menu ul {
list-style-type:none;
margin:0;
padding:0
}

#menu li {
display:inline!important
}

#menu a {
text-decoration:none
}

#m-menu {
text-align:right;
padding-top:30px
}

#login {
padding-top:90px
}

#login > #head {
text-align:center;
color:#fff;
height:330px;
position:relative
}

.m-ikon img {
margin-bottom:7px
}

.u-icons {
padding-left:20px;
padding-right:20px
}

.u-icons a {
color:#fff
}

.u-icons h3 {
margin-top:0;
margin-bottom:0;
font-size:17px;
font-weight:inherit
}

.u-icons a:hover {
text-decoration:underline!important
}

#login > #head > p {
padding-left:10px;
padding-right:10px
}

.m-site {
padding-top:10px
}

.m-site .title {
font-size:46px;
font-weight:600;
letter-spacing:-1px;
margin-bottom:60px
}

.m-site .makale {
font-size:22px;
padding-right:25px;
padding-left:25px;
letter-spacing:-.5px;
margin-bottom:75px
}

.homeslider .item {
min-height:690px;
background-size:cover;
background-repeat:no-repeat;
background-position:center
}

.owl-theme .owl-nav.disabled + .owl-dots {
margin-top:-40px;
position:relative
}

.bold {
font-family:'gotham_boldregular'
}

.box {
background-color:#f6fafe;
border-radius:35px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
box-shadow:0 0 23px #343434;
position:relative;
z-index:10;
overflow:hidden;
position:relative
}

.box > .box-container {
padding-right:40px;
padding-left:40px;
padding-top:40px
}

.box > .box-footer {
padding-left:40px;
padding-right:40px;
background-color:#2dbfd0;
width:100%;
border-top:1px solid #f0f0f0;
text-align:center;
color:#a9a9a9
}

.box-footer > .share {
color:#fff;
padding-top:28px;
padding-bottom:28px
}

.box > .h3 {
background:linear-gradient(top,#679de1,#4d8cdc);
background:-ms-linear-gradient(top,#679de1,#4d8cdc);
background:-webkit-gradient(linear,left top,left bottom,from(#679de1),to(#4d8cdc));
background:-moz-linear-gradient(top,#85dac8,#14b7d2);
color:#fff;
height:95px;
line-height:95px;
text-align:center;
margin-top:0;
margin-bottom:5px;
font-size:34px;
font-weight:600;
box-shadow:0 0 7px #343434
}

#nickname {
background-image:url(../images/user.png)/*tpa=http://www.muhabbet.web.tr/images/user.png*/;
background-position:left 10px center;
background-repeat:no-repeat
}

#password {
background-image:url(../images/sifre.png)/*tpa=http://www.muhabbet.web.tr/images/sifre.png*/;
background-position:left 10px center,right 17px center;
background-repeat:no-repeat
}

.login-input {
padding-left:45px!important;
border-color:#d8dfe8;
border-style:solid
}

.login-button {
background:linear-gradient(top,#eb668f,#f25d6d);
background:-ms-linear-gradient(top,#eb668f,#f25d6d);
background:-webkit-gradient(linear,left top,left bottom,from(#eb668f),to(#f25d6d));
background:-moz-linear-gradient(top,#06C,#53A9FF);
color:#fff;
font-weight:700
}

.login-button:hover {
color:#fff;
background:linear-gradient(top,#0081C3,#1DB4E8);
background:-ms-linear-gradient(top,#0081C3,#1DB4E8);
background:-webkit-gradient(linear,left top,left bottom,from(#0081C3),to(#1DB4E8));
background:-moz-linear-gradient(top,#0081C3,#1DB4E8);
font-weight:700
}

.sm-share {
font-size:13px;
font-weight:600;
padding-left:25px;
color:#a9a9a9;
display:inline-block;
line-height:16px
}

.sm-share:hover {
color:#a9a9a9;
text-decoration:underline
}

.fb {
background-image:url(../images/face.png)/*tpa=http://www.muhabbet.web.tr/images/face.png*/;
background-repeat:no-repeat
}

.twitter {
background-image:url(../images/twit.png)/*tpa=http://www.muhabbet.web.tr/images/twit.png*/;
background-repeat:no-repeat
}

.gp {
background-image:url(../images/plus.png)/*tpa=http://www.muhabbet.web.tr/images/plus.png*/;
background-repeat:no-repeat
}

.m-say {
background-color:#fff
}

.counter {
height:100px;
padding-top:37px;
background-image:url(../images/counter-cizik.png.jpg)/*tpa=http://www.muhabbet.web.tr/images/counter-cizik.png*/;
background-repeat:no-repeat;
background-position:center center;
text-align:center;
font-size:x-large
}

@media (max-width: 1200px) {
.box {
position:static!important;
margin-left:auto;
margin-right:auto
}
}

@media (max-width: 1199px) and (min-width: 992px) {
#login {
padding-top:50px
}

.m-site .title {
font-size:42px;
margin-bottom:30px
}

.m-site .makale {
margin-bottom:45px
}
}

@media (max-width: 700px) {
.homeslider .item {
min-height:470px;
background-size:cover;
background-repeat:no-repeat;
background-position:center
}

#login {
padding-top:20px
}

.box {
position:static!important;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border-radius:35px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
box-shadow:0 0 0;
position:relative;
z-index:10;
overflow:hidden;
position:relative
}

.box > h3 {
display:none
}

.box > .box-container {
padding-left:0;
padding-right:0
}

.box > .box-footer {
display:none
}
}

@media (max-width: 900px) {
.counter {
padding-top:45px;
font-size:large
}
}

@media (max-width: 630px) {
.counter {
padding-top:40px;
font-size:medium
}
}

.m-say {
margin-left:5px;
margin-right:5px
}

.numara {
height:54px!important;
margin-right:1px;
background-repeat:repeat-x;
background-image:url(../images/ust-cizgi.png)/*tpa=http://www.muhabbet.web.tr/images/ust-cizgi.png*/;
color:#fff;
font-weight:700;
display:inline;
background-position:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:larger;
padding:7px 9px
}

.chat {
color:#fff;
text-align:center
}

.chat img {
max-width:1160px;
width:90%;
margin-top:30px;
margin-bottom:30px
}

.m-mobil {
height:472px;
text-align:center;
line-height:40px;
min-height:400px
}

.m-mobil h1 {
color:#4890d7;
margin-top:70px;
margin-bottom:40px;
font-weight:700
}

.m-mobil p {
font-size:x-large;
font-weight:100;
color:#828282;
height:120px;
margin-bottom:40px
}

.hand {
height:399px;
position:relative
}

.hand img {
position:absolute;
left:0;
right:0;
top:22px;
margin-left:auto;
margin-right:auto
}

.footer {
background-color:#3e8dc7;
min-height:30px;
text-align:center;
color:#fff;
background-position:right 10px bottom;
background-repeat:no-repeat
}

@media (max-width: 700px) {
.footer {
background-size:cover
}
}

.footer p {
font-size:large;
margin-top:19px
}

.footer p.footer {
color:#80bbe8;
font-size:small
}

.footer p.footer a {
color:#fff;
text-decoration:underline
}

.footer-menu {
text-align:center;
padding-top:13px;
padding-bottom:13px;
border-bottom:1px solid;
border-color:#fff;
margin-bottom:10px
}

.footer-menu a {
color:#fff;
margin-right:13px;
margin-left:13px
}

.footer-menu a.author:hover {
text-decoration:none
}

.footer-menu a.author:hover > span {
text-decoration:underline
}

.footer-menu a.author {
float:right
}

.form-control::-webkit-input-placeholder {
color:#282f32
}

.form-control:-moz-placeholder {
color:#282f32
}

.form-control::-moz-placeholder {
color:#282f32
}

.fo rm-control:-ms-input-placeholder {
color:#282f32
}

.sohbet-form input:focus,.sohbet-form input:active {
background-color:#fff
}

.sohbet-form input[type="text"],.sohbet-form input[type="password"],.sohbet-form button.login-button {
line-height:60px;
height:60px;
padding-bottom:0;
padding-top:0;
font-weight:600
}

.sohbet-form .s-logins {
margin-bottom:4rem
}

.box .box-footer .share {
text-align:left
}

.box .box-footer .share .title {
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-bottom:0;
font-weight:600
}

.box .box-footer .social-area {
padding-bottom:40px
}

.box .box-footer .social-area > div {
padding-left:0;
padding-right:10px
}

input:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px #fff inset!important
}

@media (max-width: 900px) {
.numara {
padding-left:5px;
padding-right:5px;
font-size:large
}
}

@media( min-width: 1000px) {
.mobile-nav {
display:none
}

.m-links {
font-weight:600;
text-transform:none
}
}

@media ( max-width: 770px ) and ( min-width: 600px ) {
.s-logins {
max-width:75%;
margin:0 auto
}

.box > .box-footer .social-area > div {
width:33.3333%;
display:block;
float:left
}
}

@media (max-width: 770px) {
.numara {
font-size:large;
height:21px!important;
padding:1px 5px
}

.m-mobil p {
font-size:large;
height:120px;
margin-bottom:40px
}

.header-logo img {
max-height:57px
}

.mobile-nav {
position:absolute;
right:5%;
z-index:2
}

.menu-toggle:hover,.menu-toggle:active,.menu-toggle:focus {
color:#fff
}

.menu-toggle {
color:#fff;
font-size:20px;
display:block;
width:40px;
height:40px;
text-align:center;
line-height:38px;
border:3px solid #fff;
border-radius:50%;
margin-top:7px
}

#nav.menu-open {
position:inherit!important
}

#m-menu.show {
display:block!important;
position:absolute;
background:#002c5a;
z-index:1;
top:0;
bottom:0;
height:100%;
width:100%
}

.menu-open div#menu {
top:0;
height:100%;
display:block;
position:fixed;
padding-top:30px
}

#m-menu.show ul {
margin-top:60px
}

#m-menu.show ul li {
display:block!important
}

#m-menu.show ul li a {
line-height:60px;
font-size:30px;
font-weight:700;
display:block;
text-shadow:none;
text-align:center;
color:#fff;
border-bottom:1px solid #fff;
margin:0 20px
}

#m-menu.show ul li a.active {
background:none
}

.m-links:hover {
background:none
}

.menu-open .menu-toggle span.glyphicon:before {
content:"\e014"!important
}
}

@media (max-width: 330px) {
.header-logo img {
max-height:50px
}

.mobile-nav {
right:3%
}

.menu-toggle {
margin-top:4px
}
}

.menu-toggle {
color:#fff;
font-size:20px;
display:block;
width:40px;
height:40px;
text-align:center;
line-height:38px;
border:3px solid #fff;
border-radius:50%;
margin-top:7px
}

.mobile-nav {
position:absolute;
right:5%;
z-index:2
}
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }