/*! Yuksekovasohbet.Com */
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; }body {  margin: 0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;} audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline; }audio:not([controls]) {  display: none;  height: 0;}[hidden],template {  display: none;}a {  background-color: transparent;} a:active,a:hover {  outline: 0;} abbr[title] {  border-bottom: 1px dotted;} b,strong {  font-weight: bold;} dfn {  font-style: italic;} h1 {  font-size: 2em;  margin: 0.67em 0;} mark {  background: #ff0;  color: #000;} small {  font-size: 80%;} sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sup {  top: -0.5em;}sub {  bottom: -0.25em;} img {  border: 0;} svg:not(:root) {  overflow: hidden;} figure {  margin: 1em 40px;} hr {  -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0;} pre {  overflow: auto;} code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;} button,input,optgroup,select,textarea {  color: inherit; font: inherit;  margin: 0;  } button {  overflow: visible;} button,select {  text-transform: none;} button,html input[type="button"],  input[type="reset"],input[type="submit"] {  -webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] {  cursor: default;} button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;} input {  line-height: normal;} input[type="checkbox"],input[type="radio"] {  box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto;} input[type="search"] {  -webkit-appearance: textfield; -moz-box-sizing: content-box;  -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;} fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;} legend {  border: 0;  padding: 0; } textarea {  overflow: auto;} optgroup {  font-weight: bold;} table {  border-collapse: collapse;  border-spacing: 0;}td,th {  padding: 0;}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.eot');
    src: url('../fonts/Raleway-Bold.eot') format('embedded-opentype'),
         url('../fonts/Raleway-Bold.html') format('woff2'),
         url('../fonts/Raleway-Bold.woff') format('woff'),
         url('../fonts/Raleway-Bold.ttf') format('truetype'),
         url('../fonts/Raleway-Bold.svg#montserrat-thin') format('svg');
		 font-weight:800
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Medium.eot');
    src: url('../fonts/Raleway-Medium.eot') format('embedded-opentype'),
         url('../fonts/Raleway-Medium.html') format('woff2'),
         url('../fonts/Raleway-Medium.woff') format('woff'),
         url('../fonts/Raleway-Medium.ttf') format('truetype'),
         url('../fonts/Raleway-Medium.svg#montserrat-thin') format('svg');
		 font-weight:600
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Regular.eot');
    src: url('../fonts/Raleway-Regular.eot') format('embedded-opentype'),
         url('../fonts/Raleway-Regular.html') format('woff2'),
         url('../fonts/Raleway-Regular.woff') format('woff'),
         url('../fonts/Raleway-Regular.ttf') format('truetype'),
         url('../fonts/Raleway-Regular.svg#montserrat-thin') format('svg');
		 font-weight:400
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Light.eot');
    src: url('../fonts/Raleway-Light.eot') format('embedded-opentype'),
         url('../fonts/Raleway-Light.html') format('woff2'),
         url('../fonts/Raleway-Light.woff') format('woff'),
         url('../fonts/Raleway-Light.ttf') format('truetype'),
         url('../fonts/Raleway-Light.svg#montserrat-thin') format('svg');
		 font-weight:300
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ExtraLight.eot');
    src: url('../fonts/Raleway-ExtraLight.eot') format('embedded-opentype'),
         url('../fonts/Raleway-ExtraLight.html') format('woff2'),
         url('../fonts/Raleway-ExtraLight.woff') format('woff'),
         url('../fonts/Raleway-ExtraLight.ttf') format('truetype'),
         url('../fonts/Raleway-ExtraLight.svg#montserrat-thin') format('svg');
		 font-weight:200
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Thin.eot');
    src: url('../fonts/Raleway-Thin.eot') format('embedded-opentype'),
         url('../fonts/Raleway-Thin.html') format('woff2'),
         url('../fonts/Raleway-Thin.woff') format('woff'),
         url('../fonts/Raleway-Thin.ttf') format('truetype'),
         url('../fonts/Raleway-Thin.svg#montserrat-thin') format('svg');
		 font-weight:100
}

body {
	background-color:#fff;
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Raleway';
	color:#666;
	font-weight: 400
}
a {
	text-decoration:none;
	transition: all .2s ease-in-out;
	font-size:14px;
	font-family: 'Raleway';
	color:#666;
	font-weight: 400
}

a:visited {
	text-decoration:none
}
a img {
	border:0
}
img {
	border:0
}
@keyframes anima1 { 
from {
  opacity:0;
  margin-top:-10px;
  transition:all .2s ease-in-out
}

to {
  opacity:1;
  margin-top:0;
  transition:all .2s ease-in-out
}
}
@media only screen and (min-width:960px) {
.container {
	width:960px;
	margin:0 auto;
	position:relative;
	display:inherit;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.container-left {
	position:relative;
	display:inherit;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:40px 40px 0 40px;
	animation-name: anima1; 
	animation-duration: 1s
}
}
@media only screen and (max-width:959px) {
.container {
	padding:0 20px;
	margin:0 auto;
	position:relative;
	display:inherit;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.container-left {
	position:relative;
	display:inherit;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0 20px;
	animation-name: anima1; 
	animation-duration: 1s
}
}
.cle {
	clear:both
}
@media only screen and (min-width:960px) {
.headbg {
	background: url("../images/arka-fon.png")no-repeat;
	background-size:cover;
	height:629px
}
.headbg-alt {
	background: url("../images/arka-fon.png")repeat-x
}
.col1 {
	float:left;
	width:72%;
	position:relative;
	z-index:1
}
.col2 {
	float:right;
	width:28%;
	position:relative;
	z-index:1
}
.login-boxed {
	background: url("../images/login.png")no-repeat;
	height:629px;
	background-size:cover;
	width:100%
}
.logo {
	float:left
}
nav {
	float:left;
	border-left:1px solid #fff;
	margin:6px 0 0 40px;
	padding:0 0 0 40px;
	display:block !important
}
}
@media only screen and (max-width:959px) {
.headbg {
	background: url("../images/arka-fon.png")no-repeat;
	background-size:cover
}
.headbg-alt {
	background-image: url("../images/arka-fon.png");
	background-repeat:no-repeat;
	background-size:1366px 1129px
}
.col1 {
}
.col2 {
	position:relative;
	z-index:1
}
.login-boxed {
	padding:40px 0;
	background: url("../images/login.png")no-repeat;
	background-size:cover
}
.logo {
	float:left;
	padding:20px 0 0 0
}
nav {
	margin:0;
	padding:0;
	clear:both;
	display:none
}
}

@media only screen and (min-width:960px) {
nav ul {
	display:block;
	margin:0;
	padding:0
}
nav ul li {
	display:inline-block;
	list-style:none;
	margin:0 40px 0 0
}
nav ul li a,nav ul li span {
	display:block;
	font-weight:200;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	transition:all .2s ease-in-out
}
nav ul li a b,nav ul li span b {
	font-weight:800
}
nav ul li span:hover {
	color:#666;
	transition:all .2s ease-in-out
}
.down-arrow {
	text-align:center;
	font-size:18px;
	color:#fff;
	margin-top:-14px
}
nav ul li ul {
	position:absolute;
	width:150px;
	display:none;
	padding:0;
	margin:10px 0 0 -18px;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
nav ul li ul li {
	display:block;
	margin:0;
	padding:0;
	float:none
}
nav ul li:hover > span {
	color:#666
}
nav ul li ul li a {
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:block;
	padding:10px;
	font-weight:200;
	font-size:14px;
	color:#666666;
	text-align:center;
	border-bottom:1px solid #ededed
}
nav ul li ul li a:hover {
	color:#e42446
}
nav ul li ul li:last-child a {
	border-bottom:none
}
nav ul li:hover ul {
	display:block !important
}
.resp-menu {
	display:none
}
}
@media only screen and (max-width:959px) {
.resp-menu {
	display:block;
	color:#fff;
	font-size:32px;
	float:right;
	padding:20px 0;
	cursor:pointer
}
nav ul {
	display:block;
	margin:0;
	padding:0
}
nav ul li {
	display:block;
	list-style:none;
	margin:0
}
nav ul li a,nav ul li span {
	display:block;
	font-weight:200;
	color:#fff;
	padding:20px 0;
	border-top:1px solid rgba(255,255,255,0.41);
	font-size:18px;
	cursor:pointer;
	transition:all .2s ease-in-out
}
nav ul li a b,nav ul li span b {
	font-weight:800
}
nav ul li span:hover {
	color:#666;
	transition:all .2s ease-in-out
}
.down-arrow {
	display:none
}
nav ul li ul {
	display:none;
	padding:0;
	margin:0;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
nav ul li ul li {
	display:block;
	margin:0;
	padding:0;
	float:none
}
nav ul li:hover > span {
	color:#666
}
nav ul li ul li a {
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:block;
	padding:10px;
	font-weight:200;
	font-size:14px;
	color:#666666;
	text-align:center;
	border-bottom:1px solid #ededed
}
nav ul li ul li a:hover {
	color:#e42446
}
nav ul li ul li:last-child a {
	border-bottom:none
}
}

@media only screen and (min-width:960px) {
.big-text {
	width:510px;
	margin:0 auto;
	margin-top:150px;
	color:#fff;
	text-align:center
}
}
@media only screen and (max-width:959px) {
.big-text {
	max-width:500px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
	color:#fff;
	text-align:center
}
}
.big-text h1 {
	display:Block;
	margin:0;
	padding:0;
	font-size:36px;
	font-weight:200
}
.big-text h1 b {
	font-weight:800
}
.big-text p {
	display:block;
	margin:20px 0 70px 0;
	padding:0;
	line-height:30px;
	font-size:14px;
	font-weight:400
}



.bs1 {
	display:inline-block;
	border-bottom:1px solid rgba(255,255,255,0.41);
	padding:15px;
	letter-spacing:3px;
	text-transform:uppercase;
	font-weight:200;
	color:#fff
}
.bs1:hover {
	background:#fff;
	border-bottom:1px solid #fff;
}
.online-users {
	color: #fff;
	font-size:18px;
	font-weight:300;
	text-align:center
}
.online-users b{
	font-weight:800;
	font-size:24px
}
@media only screen and (min-width:960px) {
.login-box {
	width:250px;
	margin: 0 auto;
	margin-top:115px
}
}
@media only screen and (max-width:959px) {
.login-box {
	max-width:250px;
	margin: 0 auto;
	margin-top:40px
}
}
.login-box h2 {
	display:block;
	margin:0 0 30px 0;
	padding:0;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:800
}
.login-box input[type="text"],.login-box input[type="password"] {
	width:100%;
	border:0;
	background:#fff;
	height:60px;
	margin:0 0 20px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#666;
	font-size:14px;
	font-weight:800;
	padding:0 20px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px
}
.login-box label {
	color:#fff;
	text-align:center;
	display:block;
	font-weight:300;
	margin:0 0 20px 0
}
.login-box input[type="submit"] {
	width:100%;
	border:0;
	height:60px;
	color:#fff;
	font-size:14px;
	font-weight:800;
	text-align:center;
	border-radius:50px;
	background: linear-gradient(to right, #FF6600 0%,#660066 100%);
}
@media only screen and (min-width:960px) {
.image7 {
	position:relative;
	z-index:2;
	background: url("../images/cizgi.png")no-repeat;
	width:1156px;
	height:69px;
	margin:0 auto;
	margin-top:-69px
}
}
@media only screen and (max-width:959px) {
.image7 {
	display:none
}
}
@media only screen and (min-width:960px) {
.col3 {
	padding:100px 0;
	border-bottom:1px solid #e8e8e8
}
.col3 ul li {
	display:inline-block;
	list-style:none;
	width:240px;
	text-align:center
}
}
@media only screen and (max-width:959px) {
.col3 {
	padding:30px 20px;
	border-bottom:1px solid #e8e8e8
}
.col3 ul li {
	display:inline-block;
	list-style:none;
	margin:20px;
	max-width:240px;
	text-align:center
}
}
.col3 ul {
	display:block;
	margin:0;
	padding:0;
	text-align:center
}
.c3-icon {
	width:55px;
	height:55px;
	color:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	font-size:24px;
	padding:12px 0 0 0;
	margin-bottom:20px
}
.col3 ul li h2 {
	display:block;
	margin:0 0 15px 0;
	padding:0;
	font-size:24px;
	font-weight:300
}
.col3 ul li h2 b,.col3 ul li span b {
	font-weight:800
}
.col3 ul li span {
	display:block;
	font-weight:300;
	font-size:16px;
	margin:0 0 30px 0;
}
.c3-bar {
	display:block;
	margin:0 0 10px 0
}
.c3-barx {
	display:inline-block;
	color:#fff;
	font-weight:300;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:14px;
	padding:5px
}
.color1 {
	background:#CC0000
}
.color2 {
	background:#6600CC
}
.color3 {
	background:#006699
}
.color4 {
	background:#669966
}

@media only screen and (min-width:960px) {
.col4 {
	padding:100px 0
}
.c4-image {
	float:left;
	width:332px;
	padding:53px 0 0 0
}
.c4-text {
	float:right;
	width:568px
}
}
@media only screen and (max-width:959px) {
.col4 {
	padding:50px 20px
}
.c4-image {
	padding:0;
	text-align:center
}
.c4-image img {
	width:100%;
	max-width:332px
}
.c4-text {
	max-width:500px;
	margin:0 auto;
	text-align:center;
	margin-top:20px
}
}
.c4-text h1 {
	font-size:30px;
	font-weight:300;
	display:block;
	margin:0 0 20px 0;
	padding:0
}
.c4-text h1 b,.c4-text p b{
	font-weight:800
}
.c4-text p {
	font-size:14px;
	font-weight:300;
	line-height:30px;
	display:block;
	margin:0;
	padding:0
}

@media only screen and (min-width:960px) {
.col5 {
	background: url("../images/alt.png")no-repeat top center;
	background-size:cover;
	height:603px;
	padding:80px 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center
}
.c5-content {
	display:inline-block;
	width:300px;
	margin:0 70px
}
}
@media only screen and (max-width:959px) {
.col5 {
	background: url("../images/alt.png")no-repeat top center;
	background-size:cover;
	padding:1px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center
}
.c5-content {
	display:block;
	max-width:300px;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:60px
}
.c5-content img {
	width:100%;
	max-width:241px
}
}
.c5-content h3 {
	display:block;
	margin:20px 0;
	padding:0;
	font-size:30px;
	font-weight:300
}
.c5-content h3 b {
	font-weight:800
}
.c5-content p {
	display:block;
	margin:0 0 30px 0;
	padding:0;
	font-size:14px;
	font-weight:400;
	line-height: 30px
}
@media only screen and (min-width:960px) {
.bs2 {
	display:inline-block;
	padding:20px 0;
	text-align:center;
	width:280px;
	border:0;
	height:60px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#fff;
	font-size:14px;
	font-weight:800;
	text-align:center;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	background: #d11f53; /* Old browsers */
	background: -moz-linear-gradient(left,  #d11f53 0%, #ef2243 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #d11f53 0%,#ef2243 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #d11f53 0%,#ef2243 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11f53', endColorstr='#ef2243',GradientType=1 ); /* IE6-9 */
}
}
@media only screen and (max-width:959px) {
.bs2 {
	display:inline-block;
	padding:20px 0;
	text-align:center;
	width:100%;
	border:0;
	height:60px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#fff;
	font-size:14px;
	font-weight:800;
	text-align:center;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	background: #d11f53; /* Old browsers */
	background: -moz-linear-gradient(left,  #d11f53 0%, #ef2243 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #d11f53 0%,#ef2243 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #d11f53 0%,#ef2243 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11f53', endColorstr='#ef2243',GradientType=1 ); /* IE6-9 */
}
}
.bs2:hover {
	color:#fff
}
@media only screen and (min-width:960px) {
.col6 {
	padding:100px 0
}
}
@media only screen and (max-width:959px) {
.col6 {
	padding:50px 0
}
}
.col6 h2 {
	font-size:30px;
	font-weight:300;
	display:block;
	margin:0 0 40px 0;
	padding:0;
	text-align:center
}
.col6 h2 b {
	font-weight:800
}
.c6-con {
	margin-bottom:20px
}
.c6-que {
	padding:3px;
	border:2px solid #f0f0f0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer
}
@media only screen and (min-width:960px) {
.c6q-1 {
	float:left;
	width:870px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:16px;
	font-size:14px
}
.c6q-2 {
	float:right;
	width:50px;
	height:50px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	background:#f0f0f0;
	color:#ed421e;
	font-size:24px;
	padding:10px 0 0 0
}
}
@media only screen and (max-width:959px) {
.c6q-1 {
	float:left;
	width:85%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:16px;
	font-size:14px
}
.c6q-2 {
	float:right;
	width:15%;
	height:50px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	background:#f0f0f0;
	color:#ed421e;
	font-size:24px;
	padding:10px 0 0 0
}
}
.c6-ans {
	display:none;
	border-top:0;
	border-left:2px solid #f0f0f0;
	border-bottom:2px solid #f0f0f0;
	border-right:2px solid #f0f0f0;
	padding:3px;
	background:#fff;
	margin-top:-3px;
	position:relative;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}
.c6a {
	background:#f0f0f0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:16px;
	font-size:16px;
	font-weight:300;
	line-height:30px
}
footer {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:40px;
	border-top:1px solid #e8e8e8
}
@media only screen and (min-width:960px) {
.copyright {
	float:left;
	padding:15px 0 0 0
}
.foot-links {
	float:left;
	margin:0 0 0 40px
}
.foot-text  {
	float:right;
	padding:15px 0 0 0
}
.foot-links ul li {
	list-style:none;
	display:inline-block;
	margin-right:15px
}
}
@media only screen and (max-width:959px) {
.copyright {
	padding:0;
	margin:0 0 20px 0;
	text-align:center
}
.foot-links {
	margin:0 0 20px 0;
	text-align:center
}
.foot-text  {
	text-align:center
}
.foot-links ul li {
	list-style:none;
	display:inline-block;
	margin-bottom:15px
}
}
.foot-links ul {
	display:block;
	margin:0;
	padding:0
}
.foot-links ul li a {
	display:block;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	padding:15px;
	background:#f1f1f1
}
.foot-links ul li a:hover {
	color:#fff;
	background:#ef2243
}
.col-content {
	margin:50px 0 50px 0
}
@media only screen and (min-width:960px) {
.cc-top {
	background: url("../images/ust-cizgi.png")no-repeat;
	width:573px;
	height:35px;
	margin:0 auto
}
}
@media only screen and (max-width:959px) {
.cc-top {
	display:none
}
}

@media only screen and (min-width:960px) {
.cc-back {
	background:#fff;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:40px
}
}
@media only screen and (max-width:959px) {
.cc-back {
	background:#fff;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:20px
}
}
.cc-back h1 {
	font-size:24px;
	font-weight:400;
	display:block;
	margin:0;
	padding:0
}
.cc-back b {
	font-weight:800
}
.cc-back p {
	display:block;
	margin:0;
	padding:0;
	line-height:30px;
	font-size:14px;
	font-weight:300
}
@media only screen and (min-width:960px) {
.cc-thread {
	float:left;
	width:550px
}
.cc-soc-icon {
	float:right
}
}
@media only screen and (max-width:959px) {
.cc-thread {
}
.cc-soc-icon {
	text-align:center;
	margin:20px 0
}
}
.cc-soc-icon a {
	display:inline-block;
	margin:0 0 0 5px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	width:30px;
	height:30px;
	background:#e2e2e2;
	color:#a5a5a5;
	font-size:14px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:6px 0 0 0;
	text-align:center
}
.cc-soc-icon a:hover {
	background:#666;
	color:#fff
}

@media only screen and (min-width:960px) {
.c2-stats {
	padding:40px 40px 30px 0
}
}
@media only screen and (max-width:959px) {
.c2-stats {
	display:none
}
}
.c2s-col {
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10px;
	background:#f1f1f1;
	margin:0 0 10px 0
}
@media only screen and (min-width:960px) {
.c2sc-1 {
	font-size:16px;
	color:#b7b7b7;
	float:left;
	padding:6px
}
.c2sc-2 {
	float:right;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	padding:6px 10px;
	color:#fff;
	font-size:16px;
	font-weight:200
}
}
@media only screen and (max-width:959px) {
.c2sc-1 {
	font-size:16px;
	color:#b7b7b7;
	padding:6px;
	text-align:center
}
.c2sc-2 {
	margin:5px 0 0 0;
	text-align:center;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	padding:6px 10px;
	color:#fff;
	font-size:16px;
	font-weight:200
}
}
.color10 {
	background:#c67466
}
.color11 {
	background:#d14b55
}
.color12 {
	background:#776bae
}
.color13 {
	background:#57b99c
}
.color14 {
	background:#c2ca65
}
.color15 {
	background:#e79945
}
.color16 {
	background:#999
}
@media only screen and (min-width:960px) {
.desk-log-but {
	display:block
}
.mob-log-but {
	display:none
}
}
@media only screen and (max-width:959px) {
.desk-log-but {
	display:none
}
.mob-log-but {
	display:block
}
}