{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
}
body {
font-size:100%;
margin:0;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
color:#444;
background-color: #EFE3EF !important; background: url('../img/arkaplan.png') no-repeat; background-attachment: fixed; position: relative;
}

h1, h2, h3, h4, h5, h6 {
color:#444;
font-weight: normal;
margin:0.2em 0 0.2em 0;
}
h1 {font-size:2.4em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.9em;}
a, a:link, a:visited, a:hover, a:active {
text-decoration:none;
color:#444;
}
.mor {color:#8A298E;font-size:1.6em;}
img {
height:auto;
width:100%;
}
strong{font-weight: bold;}
table {
background:none repeat scroll 0 0 #fff;
border:1px solid #D0D0D0;
border-collapse:collapse;
border-spacing:0;
text-align:left;
width:100%;
}
table tr td, table tr th {padding:0.625em;}
table tfoot, table thead {background:none repeat scroll 0 0 #e0e0e0;}
table tr:nth-of-type(2n) {background:none repeat scroll 0 0 #e0e0e0;}
th {border-right:1px solid #fff;}
td {border-right:1px solid #e0e0e0;}
.footer{font-size:16px;}
.social-icons{margin: 20px auto 0px;
position: relative;float:left;}
.size-960 .line {
margin:0 auto;
max-width:60em;
padding:0 0.625em;
}
.size-1140 .line {
margin:0 auto;
max-width:71.25em;
padding:0 0.625em;
}
.size-960.align-content-left .line,.size-1140.align-content-left .line {margin-left:0;}
form {line-height:1.4em;}
nav {
display:block;
width:100%;
background:#8A298E;
}
.line:after,nav:after,.center:after,.box:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.top-nav ul {padding:0;}
.top-nav ul ul {
position:absolute;
background:#8A298E;
}
.top-nav li {
float:left;
list-style:none outside none;
cursor:pointer;
}
.top-nav li a {
padding:1.25em;
display:block;
color:#fff;
}
.top-nav li ul li a {
background:none repeat scroll 0 0 #222;
min-width:100%;
padding:0.625em;
}
.top-nav li a:hover {background:#F57920;}
.top-nav li ul {display:none;}
.top-nav li ul li {
float:none;
list-style:none outside none;
min-width:100%;
padding:0;
}
.top-nav li ul li ul li {
float:none;
list-style:none outside none;
min-width:100%;
padding:0;
}
.count-number {
background:none repeat scroll 0 0 #777;
-webkit-border-radius:10em;
-moz-border-radius:10em;
border-radius:10em;
display:inline-block;
font-size:0.7em;
line-height:1.8em;
margin-left:0.3125em;
text-align:center;
width:1.8em;
color:#fff;
margin-bottom:-0.3125em;
}
ul.chevron .count-number {display:none;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
content:"\f004";
display:inline-block;
font-family:mfg;
font-size:0.7em;
margin:0 0.625em;
}
.top-nav .active-item a {background:none repeat scroll 0 0 #F57920;}
.aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited {
background:none repeat scroll 0 0 #999;
color:#fff;
}
@media screen and (min-width:801px) {
.aside-nav .count-number {
margin-left:-1.25em;
float:right;
}
.top-nav li:hover > ul {
display:block;
z-index:10;
}
.top-nav li:hover > ul ul {
left:100%;
margin:-2.5em 0;
width:100%;
}
}
.nav-text {display:none;}
.aside-nav li li a, .aside-nav li li.active-item a, .aside-nav li li.aside-sub-submenu li a,
.aside-nav > ul > li > a, .aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited, .aside-nav li > ul,
.top-nav .active-item a, .top-nav li a, .aside-nav li a, .top-nav li ul li a, .top-nav li a,.top-nav li a, .top-nav li ul li a, .top-nav li ul li ul li a {
transition:background 0.20s linear 0s;
-o-transition:background 0.20s linear 0s;
-ms-transition:background 0.20s linear 0s;
-moz-transition:background 0.20s linear 0s;
-webkit-transition:background 0.20s linear 0s;
}
.aside-nav ul {
padding:0;
float:left;
margin:3px;
width:224px;
}
.aside-nav-portal ul {
padding:0;
float:left;
margin:3px;
width:100%;
}
.aside-nav-portal  li {
float:left;
width:49%;
list-style:none outside none;
cursor:pointer;
margin-left:2px;
background:#8A298E;
color:#fff;
}
.aside-nav-portal li a {
display:block;
padding:6px;
padding-left:5px;
border-bottom:1px solid #d2d2d2;
color:#fff;
}
.aside-nav span{
text-align:center;
margin:2px;
}
.aside-nav span img{
width:224px;
height:65px;
}
.aside-nav li {
list-style:none outside none;
cursor:pointer;
margin-left:2px;
background:#8A298E;
color:#fff;
}
.aside-nav li a {
display:block;
padding:6px;
padding-left:15px;
padding-right:15px;
border-bottom:1px solid #d2d2d2;
color:#fff;
}
.aside-nav-portal > ul > li:last-child a , .aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav-portal li a:link, .aside-nav-portal li a:visited, .aside-nav li a:link, .aside-nav li a:visited {color:#fff;}
.aside-nav-portal > ul > li > a:hover, .aside-nav > ul > li > a:hover {background:#61439D;}
.padding {
display:list-item;
list-style:none outside none;
padding:10px;
}
.margin {margin:0 0;}
.line {clear:left;}
.line .line {padding:0;}
.hide-l {display:none;}
.box {
background:none repeat scroll 0 0 #fff;
display:block;
padding:0.25em;
width:100%;
}
.logo {
display:block;
width:100%;
margin-bottom:-3px;
}
.logo img{
width:275px;
}
.ust-menu {float:right;}
.ust-menu ul {padding:0;}
.ust-menu li {
float:left;
list-style:none outside none;
cursor:pointer;
}
.ust-menu li a {
padding:1.25em;
display:block;
color:#fff;
}
.ust-menu .button {
margin: 12px;
position: relative;
display: inline-block;
vertical-align: top;
height: 30px;
line-height: 27px;
padding: 0 10px;
font-size: 14px;
color: white;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
background-clip: padding-box;
border: 1px solid;
border-radius: 2px;
cursor: pointer;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
}
.ust-menu .button:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: -o-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}
.ust-menu .button:hover:before {
background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
}
.ust-menu .button:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.ust-menu .button:active:before {
content: none;
}
.ust-menu .button-gray {
background: #47494f;
border-color: #2f3034 #2f3034 #232427;
background-image: -webkit-linear-gradient(top, #55585f, #47494f 66%, #3d3f44);
background-image: -moz-linear-gradient(top, #55585f, #47494f 66%, #3d3f44);
background-image: -o-linear-gradient(top, #55585f, #47494f 66%, #3d3f44);
background-image: linear-gradient(to bottom, #55585f, #47494f 66%, #3d3f44);
}
.ust-menu .button-gray:active {
background: #47494f;
border-color: #232427 #2f3034 #2f3034;
}
.button {
position: relative;
display: inline-block;
vertical-align: top;
height: 60px;
line-height: 60px;
padding: 0 60px;
font-size: 30px;
color: #fff;
margin-top:35px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
background-clip: padding-box;
border: 1px solid;
border-radius: 2px;
cursor: pointer;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
}
.button:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: -o-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
background-image: radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}
.button:hover:before {
background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
}
.button:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.button:active:before {
content: none;
}
.button-orange {
background: #f4902a;
border-color: #df770c #df770c #c76a0a;
background-image: -webkit-linear-gradient(top, #f69f47, #f4902a 66%, #f38617);
background-image: -moz-linear-gradient(top, #f69f47, #f4902a 66%, #f38617);
background-image: -o-linear-gradient(top, #f69f47, #f4902a 66%, #f38617);
background-image: linear-gradient(to bottom, #f69f47, #f4902a 66%, #f38617);
}
.button-orange:active {
background: #f4902a;
border-color: #c76a0a #df770c #df770c;
}
.mr-btm {margin-bottom:1.25em;}
.margin-bottom {margin-bottom:1.25em;
-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);}
.maskot {height:230px;background: url('../img/sohbet-kizi.png') no-repeat;
background-position: 0px 0px;
}
.maskot h1 {
font-size: 15px;
font-weight: bold;
color: #bdb5aa;
padding-bottom: 8px;
border-bottom: 1px solid #EBE6E2;
text-shadow: 0 2px 0 rgba(255,255,255,0.8);
box-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.maskot h1 .cs,
.maskot h1 .cc {
display: inline-block;
text-transform: uppercase;
}
.maskot h1 .cs {
color: #6c6763;
padding-right: 2px;
}
.maskot h1 .cc {
color: #ffb347;
padding-left: 2px;
}
.maskot .float {
width: 50%;
float: left;
}
.s-1, .s-2,.s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
float:left;
position:relative;
}
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:90%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {padding:0 0em;}
.margin > .s-1 {width:8.3333%;}
.margin > .s-2 {width:16.6666%;}
.margin > .s-five {width:20%;}
.margin > .s-3 {width:25%;}
.margin > .s-4 {width:33.3333%;}
.margin > .s-5 {width:41.6666%;}
.margin > .s-6 {width:50%;}
.margin > .s-7 {width:58.3333%;}
.margin > .s-8 {width:66.6666%;}
.margin > .s-9 {width:75%;}
.margin > .s-10 {width:83.3333%;}
.margin > .s-11 {width:90%;}
.margin > .s-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:90%;}
.l-12 {clear:left;width:100%;}
.margin > .l-1 {width:8.3333%;}
.margin > .l-2 {width:16.6666%;}
.margin > .l-five {width:20%;}
.margin > .l-3 {width:25%;}
.margin > .l-4 {width:33.3333%;}
.margin > .l-5 {width:41.6666%;}
.margin > .l-6 {width:50%;}
.margin > .l-7 {width:58.3333%;}
.margin > .l-8 {width:66.6666%;}
.margin > .l-9 {width:75%;}
.margin > .l-10 {width:83.3333%;}
.margin > .l-11 {width:90%;}
.margin > .l-12 {width:100%;}
.right {float:right;}
@media screen and (max-width:800px) {
.size-960 {max-width:800px;}
.size-1140 {max-width:800px;}
.hide-l {display:block;}
.hide-s {display:none;}
nav {
display:block;
cursor:pointer;
line-height:3em;
}
.top-nav li a {background:none repeat scroll 0 0 #4a4a4a;}
.top-nav > ul {
height:0;
max-width:100%;
overflow:hidden;
position:relative;
z-index:999;
}
.top-nav > ul.show-menu {height:auto;}
.top-nav ul ul {
left:0;
margin-top:0;
position:relative;
right:0;
}
.top-nav li ul li a {min-width:100%;}
.top-nav li {
float:none;
list-style:none outside none;
padding:0;
}
.top-nav li a {
border-top:1px solid #333;
color:#fff;
display:block;
padding:0.625em;
text-decoration:none;
}
.top-nav li ul li a {border-top:1px solid #878787;}
.top-nav li ul li ul li a {border-top:1px solid #989898;}
.top-nav li a:hover {
background:none repeat scroll 0 0 #8b8b8b;
color:#fff;
}
.top-nav li ul,.top-nav li ul li ul {
display:block;
overflow:hidden;
height:0;
}
.top-nav > ul ul.show-ul {
display:block;
height:auto;
}
.top-nav li ul li a {
background:none repeat scroll 0 0 #9d9d9d;
padding:0.625em;
}
.top-nav li ul li ul li a {
background:none repeat scroll 0 0 #d7d7d7;
color:#222;
}
.nav-text {
color:#fff;
display:block;
font-size:1.1em;
line-height:3em;
margin-right:0.625em;
max-width:100%;
text-align:right;
vertical-align:middle;
}
.nav-text:after {
content:"\f008";
font-family:"mfg";
font-size:1.1em;
margin-left:0.5em;
text-align:right;
}
.count-number {margin-right:-1.25em;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:90%;}
.l-12 {width:100%;}
.margin > .l-1 {width:8.3333%;}
.margin > .l-2 {width:16.6666%;}
.margin > .l-five {width:20%;}
.margin > .l-3 {width:25%;}
.margin > .l-4 {width:33.3333%;}
.margin > .l-5 {width:41.6666%;}
.margin > .l-6 {width:50%;}
.margin > .l-7 {width:58.3333%;}
.margin > .l-8 {width:66.6666%;}
.margin > .l-9 {width:75%;}
.margin > .l-10 {width:83.3333%;}
.margin > .l-11 {width:90%;}
.margin > .l-12 {width:100%;}
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:20%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:90%;}
.s-12 {width:100%;float:none;}
.margin > .s-1 {width:8.3333%;}
.margin > .s-2 {width:16.6666%;}
.margin > .s-five {width:20%;}
.margin > .s-3 {width:25%;}
.margin > .s-4 {width:33.3333%;}
.margin > .s-5 {width:41.6666%;}
.margin > .s-6 {width:50%;}
.margin > .s-7 {width:58.3333%;}
.margin > .s-8 {width:66.6666%;}
.margin > .s-9 {width:75%;}
.margin > .s-10 {width:83.3333%;}
.margin > .s-11 {width:90%;}
.margin > .s-12 {width:100%;}
}
.center {
float:none;
margin:0 auto;
display:block;
}
@media screen and (max-width:400px) {
.aside-nav-portal ul {
padding:0;
float:left;
margin:0px;
width:100%;
}
.aside-nav-portal  li {
float:left;
width:100%;
list-style:none outside none;
cursor:pointer;
margin-left:0px;
background:#8A298E;
color:#fff;
}
}