body{
     background: #efefef;
     font-family: 'Roboto', sans-serif;
     font-size: 13px 
}
#pageskin {
    text-indent: -9999px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.falist li {
    display: block;
    line-height: 20px;
    height: 25px;
}
.falist .fainfo {
    display: block;
    width: 150px;
    padding: 1px 10px 0 5px;
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: 700;
}
.falist .fa {
    font-size:16px;
}
a{
     color:#2d2d2d;
     text-decoration:none!important;
     outline:0!important 
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display:none;
    z-index: 2;
}
.back-to-top span i {
    font-weight: 900;
    font-size: 18px;
}
 .containerWhite{
     padding-top:15px;
     margin-bottom:20px;
     background:#fff;
     -webkit-box-shadow:0 0 5px -2px rgba(0,0,0,1);
     -moz-box-shadow:0 0 5px -2px rgba(0,0,0,1);
     box-shadow:0 0 5px -2px rgba(0,0,0,1);
}
 .ustBar{
     height:30px;
     background:#eee;
     padding:3px;
     z-index:2;
     line-height:1.2;
     border-bottom:1px solid #ddd 
}
 .ustBar span{
     color:#949494;
     font-weight: bold 
}
 .ustLogo{
     margin:15px;
     display:block 
}
 .siteSearchBar{
     margin:15px;
     position:relative 
}
 .siteUstKutu{
     background:#fff;
     margin-bottom:10px;
     -webkit-box-shadow:0 1px 5px -2px rgba(0,0,0,1);
     -moz-box-shadow:0 1px 5px -2px rgba(0,0,0,1);
     box-shadow:0 1px 5px -2px rgba(0,0,0,1);
     max-width:1155px;
     margin: 0 auto 0 auto;
}
 #carousel-generic{
     position:relative;
     border:1px solid rgba(200,200,200,.4);
     margin-bottom:10px;
     clear:both;
}
 #carousel-generic .carousel-inner img{
     width:100%;
     max-height:300px;
     height:300px;
}
 #carousel-generic .carousel-control{
     width:0 
}
 #carousel-generic .carousel-control.left,#carousel-generic .carousel-control.right{
     opacity:1;
     filter:alpha(opacity=100);
     background-image:none;
     background-repeat:no-repeat;
     text-shadow:none 
}
 #carousel-generic .carousel-control.left span,#carousel-generic .carousel-control.right span{
     padding:15px;
     background-color:transparent!important 
}
 #carousel-generic .carousel-control .fa-chevron-left,#carousel-generic .carousel-control .fa-chevron-right{
     position:absolute;
     top:40%;
     z-index:0;
     display:inline-block 
}
 #carousel-generic .carousel-control .fa-chevron-left{
     left:0 
}
 #carousel-generic .carousel-control .fa-chevron-right{
     right:0 
}
 #carousel-generic .carousel-control.left span:hover,#carousel-generic .carousel-control.right span:hover{
     opacity:1;
     filter:alpha(opacity=100) 
}
 #carousel-generic .carousel-indicators{
     bottom:0;
     z-index:1 
}
 #carousel-generic .carousel-indicators li{
     width:15px;
     height:15px;
     margin:0;
     border: 1px solid #337ab7;
}
 #carousel-generic .carousel-indicators .active{
     background:#fff;
     width:15px;
     height:15px 
}
 #carousel-generic .header-text{
     position:absolute;
     top:20%;
     left:1.8%;
     right:auto;
     width:96.66666666666666%;
     color:#fff 
}
 .box>.icon:hover>.image>i,.box>.icon>.image>i{
     color:#666!important 
}
 .carousel-control.right{
     background-image:none!important 
}
 .box>.icon{
     text-align:center;
     position:relative 
}
 .box>.icon>.image{
     position:relative;
     z-index:2;
     margin:auto;
     width:85px;
     padding-top:17px!important;
     height:85px;
     border:1px solid #666;
     border-radius:50%;
     background:#fff;
     vertical-align:middle 
}
 .box>.icon:hover>.image{
     background:#f5f5f5 
}
 .box>.icon>.image>i{
     font-size:50px!important 
}
 .box>.icon>.info{
     margin-top:-60px;
     padding:10px 0 5px 
}
 .box>.icon>.title{
     font-size:22px;
     margin-bottom:10px;
     color:#666 
}
 .box>.icon>.info>p{
     font-size:14px;
     color:#666;
     line-height:1.5em;
     margin:60px 60px 20px 
}
 .FootBottomBox{
     margin-top:10px;
     padding-top:30px;
     background:#fff;
     -webkit-box-shadow:0 0 5px -2px rgba(0,0,0,1);
     -moz-box-shadow:0 0 5px -2px rgba(0,0,0,1);
     box-shadow:0 0 5px -2px rgba(0,0,0,1) 
}
 .btn-danger,.btn-default,.btn-success{
     text-shadow:0 -1px 0 rgba(0,0,0,.25);
     filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) 
}
 .nopm{
     padding:0!important;
     margin:0!important 
}
 a:hover{
     text-decoration:none!important 
}
 @media (max-width:768px){
     .siteMenu nav ul li a{
         text-align:center!important 
    }
     .navbar-collapse{
         padding:0 
    }
     .loginButton{
         margin-left:2px 
    }
     .navbar-toggle{
         color:#fff 
    }
     .balanceButton{
         margin-left:22px 
    }
     .loginButtonPane .loginCase{
         margin:0 
    }
     .ustKutu .ustKatKutu{
         width:100%!important 
    }
     .ustKutu .ustKatKutu .ustKatKutuText{
         display:block!important;
         margin:9px 
    }
     .userMenuBox{
         position:relative;
         display:block;
         height:60px!important 
    }
}
 @media (min-width:768px) and (max-width:992px){
     .navbar-toggle{
         margin-top:0;
         margin-bottom:0;
         margin-right:10px;
         color:#fff 
    }
     .ustKutu .ustKatKutu{
         width:187px!important 
    }
     .ustKutu .ustKatKutu .ustKatKutuText{
         display:block!important;
         margin:9px 
    }
     .userMenuBox{
         margin-bottom:10px!important 
    }
}
 @media (min-width:992px){
     .balanceButton{
         margin-left:0 
    }
     .ustKutu .ustKatKutu{
         width:144px!important 
    }
     .ustKutu .ustKatKutu .ustKatKutuText{
         display:block!important;
         margin:9px 
    }
}
 @media (min-width:1200px){
     .ustKutu .ustKatKutu{
         width:144px!important;
    }
     .ustKutu .ustKatKutu .ustKatKutuText{
         display:block!important;
         margin:9px 
    }
     .balanceButton{
         margin-left:25px!important 
    }
}
 @media (min-width:992px) and (max-width:1200px){

}
 .ikonblock{
     display:block;
     width:75px;
     float:left;
     margin:5px 
}
 .textblock{
     display:block 
}
 .yellowText{
     color:#ffa500 
}
 .yellowColor{
     background:#ff9800!important;
     color:#000!important 
}
 .ustKutu{
     display:inline-block;
     margin-bottom:10px;
}
 .ustKutu .ustKatKutu{
     display:inline-block;
     float:left;
     width:calc(100% - 75%);
     background:#fff;
     height:55px;
     -webkit-box-shadow:0 0 5px -2px rgba(0,0,0,1);
     -moz-box-shadow:0 0 5px -2px rgba(0,0,0,1);
     box-shadow:0 0 5px -2px rgba(0,0,0,1);
     cursor:pointer;
     border-bottom:2px solid #949494 
}
 .ustKutu .ustKatKutu:hover{
     border-bottom:3px solid #337ab7 
}
 .ustKutu .ustKatKutu:first-child{
     margin-left:0 
}
 .ustKutu .ustKatKutu .ustKatKutuIcon{
     width:44px;
     height:44px;
     background:#fff;
     display:inline-block;
     float:left;
     margin:5px 
}
 .ustKutu .ustKatKutu .ustKatKutuText{
     display:inline-block;
     margin:10px 8px 
}
 .ustKutu .ustKatKutu .ustKatKutuIcon img{
     width:107px;
     height:43px 
}
 .ustKutu .ustKatKutu .ustKatKutuText strong{
     font-size:13px;
     display:block 
}
 .ustKutu .ustKatKutu:hover .ustKatKutuText strong{
     color:#337ab7 
}
 .ustKutu .ustKatKutu .ustKatKutuText small{
     font-size:9px;
     display:block 
}
 #custom-search-input{
     padding: 8px;
     border: solid 1px #E4E4E4;
     border-radius: 6px;
     background-color: #fff;
     margin-top: 25px;
     margin-right: 10px;
}
 #custom-search-input input{
     border: 0;
     box-shadow: none;
}
 #custom-search-input button{
     margin: 2px 0 0 0;
     background: none;
     box-shadow: none;
     border: 0;
     color: #666666;
     padding: 0 8px 0 10px;
     border-left: solid 1px #ccc;
}
 #custom-search-input button:hover{
     border: 0;
     box-shadow: none;
     border-left: solid 1px #ccc;
}
 #custom-search-input .glyphicon-search{
     font-size: 23px;
}
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
     background-color: #e7e7e7;
     color: #555;
     border-bottom: 3px solid #337ab7;
}
 .main-center{
     padding: 0 10px;
}
 #footer-sub{
     background-color: #f3f7f8;
     border-top: 1px solid #dbdbdb;
}
 #footer-main{
     background-color: #012b72;
}
 #footer-sub h5{
     color:#565656;
     margin-top: 25px;
     font-weight: 900;
}
 #footer-sub ul{
     list-style: none;
     margin-top: 20px;
}
 #footer-sub hr{
     margin: 5px;
}
 #footer-sub ul li{
     margin-left: -38px;
}
 #footer-sub a:link {
     text-decoration: none;
     color:#565656;
     font-size: 12px;
}
 #footer-sub a:visited {
     text-decoration: none;
     color:#565656;
}
 #footer-sub a:hover {
     text-decoration: none;
     color: blue;
}
 #footer-sub a:active {
     text-decoration: none;
     color:#565656;
}
 .vertical-line{
     margin: 8px;
     padding: 0px;
}
 #footer-sub .fa {
     font-size: 35px;
     color:#6d6c6c;
}
 #sub-two{
     margin: 0px;
     padding: 0px;
}
 #sub-two .col-md-3 {
     border-right: 1px solid #dbdbdb;
}
#sub-two .col-md-3:last-child {
    border-right: none;
}
 #sub-two .vertical-line h4{
     color:#6d6c6c;
}
 #footer-main ul{
     list-style: none;
}
 #footer-main ul li{
     float:left;
     text-decoration: none;
     padding-left: 15px;
     margin-top: 17px;
}
 #footer-main ul li a:hover,
 #footer-main ul li a{
     color:white;
     font-size: 12px;
}
 #footer-main a:link {
     color:white;
     font-size: 12px;
}
 #footer-main a:visited {
     color:white;
}
 #footer-main a:hover {
     text-decoration: none;
     color: #00b9f5;
}
 #footer-main a:active {
     color:white;
}
 .glyphicon-search{
     font-size: 20px;
}
 #social-menu{
     float: right;
     margin-right: 60px;
}
 #side-padding{
     padding: 0px;
     margin: 0px;
}
.panel .with-nav-tabs {
    clear:both;
}
.panel-tabs {
    position: relative;
    bottom: 30px;
    clear:both;
    border-bottom: 1px solid transparent;
}

.panel-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.panel-tabs > li > a {
    margin-right: 2px;
    margin-top: 4px;
    line-height: .85;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
}

.panel-tabs > li > a:hover {
    border-color: transparent;
    color: #ffffff;
    background-color: transparent;
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255,255,255, .23);
    border-bottom-color: transparent;
}
 .panel.with-nav-tabs .panel-heading{
     padding: 5px 5px 0 5px;
}
 .panel.with-nav-tabs .nav-tabs{
     border-bottom: none;
}
 .panel.with-nav-tabs .nav-justified{
     margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
 .with-nav-tabs.panel-default .nav-tabs > li > a, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
     color: #777;
}
 .with-nav-tabs.panel-default .nav-tabs > .open > a, .with-nav-tabs.panel-default .nav-tabs > .open > a:hover, .with-nav-tabs.panel-default .nav-tabs > .open > a:focus, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
     color: #777;
     background-color: #ddd;
     border-color: transparent;
}
 .with-nav-tabs.panel-default .nav-tabs > li.active > a, .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
     color: #555;
     background-color: #fff;
     border-color: #ddd;
     border-bottom-color: transparent;
}
 .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
     background-color: #f5f5f5;
     border-color: #ddd;
}
 .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
     color: #777;
}
 .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
     background-color: #ddd;
}
 .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
     color: #fff;
     background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
 .with-nav-tabs.panel-primary .nav-tabs > li > a, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
     color: #fff;
}
 .with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
     color: #fff;
     background-color: #3071a9;
     border-color: transparent;
}
 .with-nav-tabs.panel-primary .nav-tabs > li.active > a, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
     color: #428bca;
     background-color: #fff;
     border-color: #428bca;
     border-bottom-color: transparent;
}
 .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
     background-color: #428bca;
     border-color: #3071a9;
}
 .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
     color: #fff;
}
 .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
     background-color: #3071a9;
}
 .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
     background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
 .with-nav-tabs.panel-success .nav-tabs > li > a, .with-nav-tabs.panel-success .nav-tabs > li > a:hover, .with-nav-tabs.panel-success .nav-tabs > li > a:focus {
     color: #3c763d;
}
 .with-nav-tabs.panel-success .nav-tabs > .open > a, .with-nav-tabs.panel-success .nav-tabs > .open > a:hover, .with-nav-tabs.panel-success .nav-tabs > .open > a:focus, .with-nav-tabs.panel-success .nav-tabs > li > a:hover, .with-nav-tabs.panel-success .nav-tabs > li > a:focus {
     color: #3c763d;
     background-color: #d6e9c6;
     border-color: transparent;
}
 .with-nav-tabs.panel-success .nav-tabs > li.active > a, .with-nav-tabs.panel-success .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
     color: #3c763d;
     background-color: #fff;
     border-color: #d6e9c6;
     border-bottom-color: transparent;
}
 .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
     background-color: #dff0d8;
     border-color: #d6e9c6;
}
 .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
     color: #3c763d;
}
 .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
     background-color: #d6e9c6;
}
 .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
     color: #fff;
     background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
 .with-nav-tabs.panel-info .nav-tabs > li > a, .with-nav-tabs.panel-info .nav-tabs > li > a:hover, .with-nav-tabs.panel-info .nav-tabs > li > a:focus {
     color: #31708f;
}
 .with-nav-tabs.panel-info .nav-tabs > .open > a, .with-nav-tabs.panel-info .nav-tabs > .open > a:hover, .with-nav-tabs.panel-info .nav-tabs > .open > a:focus, .with-nav-tabs.panel-info .nav-tabs > li > a:hover, .with-nav-tabs.panel-info .nav-tabs > li > a:focus {
     color: #31708f;
     background-color: #bce8f1;
     border-color: transparent;
}
 .with-nav-tabs.panel-info .nav-tabs > li.active > a, .with-nav-tabs.panel-info .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
     color: #31708f;
     background-color: #fff;
     border-color: #bce8f1;
     border-bottom-color: transparent;
}
 .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
     background-color: #d9edf7;
     border-color: #bce8f1;
}
 .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
     color: #31708f;
}
 .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
     background-color: #bce8f1;
}
 .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
     color: #fff;
     background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
 .with-nav-tabs.panel-warning .nav-tabs > li > a, .with-nav-tabs.panel-warning .nav-tabs > li > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
     color: #8a6d3b;
}
 .with-nav-tabs.panel-warning .nav-tabs > .open > a, .with-nav-tabs.panel-warning .nav-tabs > .open > a:hover, .with-nav-tabs.panel-warning .nav-tabs > .open > a:focus, .with-nav-tabs.panel-warning .nav-tabs > li > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
     color: #8a6d3b;
     background-color: #faebcc;
     border-color: transparent;
}
 .with-nav-tabs.panel-warning .nav-tabs > li.active > a, .with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
     color: #8a6d3b;
     background-color: #fff;
     border-color: #faebcc;
     border-bottom-color: transparent;
}
 .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
     background-color: #fcf8e3;
     border-color: #faebcc;
}
 .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
     color: #8a6d3b;
}
 .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
     background-color: #faebcc;
}
 .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
     color: #fff;
     background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
 .with-nav-tabs.panel-danger .nav-tabs > li > a, .with-nav-tabs.panel-danger .nav-tabs > li > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
     color: #a94442;
}
 .with-nav-tabs.panel-danger .nav-tabs > .open > a, .with-nav-tabs.panel-danger .nav-tabs > .open > a:hover, .with-nav-tabs.panel-danger .nav-tabs > .open > a:focus, .with-nav-tabs.panel-danger .nav-tabs > li > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
     color: #a94442;
     background-color: #ebccd1;
     border-color: transparent;
}
 .with-nav-tabs.panel-danger .nav-tabs > li.active > a, .with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
     color: #a94442;
     background-color: #fff;
     border-color: #ebccd1;
     border-bottom-color: transparent;
}
 .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
     background-color: #f2dede;
    /* bg color */
     border-color: #ebccd1;
    /* border color */
}
 .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
     color: #a94442;
    /* normal text color */
}
 .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
     background-color: #ebccd1;
    /* hover bg color */
}
 .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
     color: #fff;
    /* active text color */
     background-color: #a94442;
    /* active bg color */
}
 footer.container {
     padding: 0 10px;
}
img#captcha_img {
    margin-right: 5px;
}
 .nav-side-menu {
     overflow: auto;
     font-family: verdana;
     font-size: 12px;
     font-weight: 200;
     background-color: #ffffff;
     position: relative;
     top: 0px;
     margin-bottom: 10px;
}
}
 .nav-side-menu .brand {
     background-color: #23282e;
     line-height: 50px;
     display: block;
     text-align: center;
     font-size: 14px;
}
 .nav-side-menu .toggle-btn {
     display: none;
}
 .nav-side-menu ul, .nav-side-menu li {
     list-style: none;
     padding: 0px;
     margin: 0px;
     line-height: 35px;
     cursor: pointer;
    /* .collapsed{
         .arrow:before{
             font-family: FontAwesome;
             content: "\f053";
             display: inline-block;
             padding-left:10px;
             padding-right: 10px;
             vertical-align: middle;
             float:right;
        }
    }
     */
}
 .nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before {
     font-family: FontAwesome;
     content: "\f078";
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
     vertical-align: middle;
     float: right;
}
 .nav-side-menu ul .active, .nav-side-menu li .active {
     border-left: 3px solid #337ab7;
     background-color: #c4c8d3;
}
 .nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {
     color: #000000;
     background: #e7e7e7;
}
 .nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {
     color: #ffffff;
}
 .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
     background-color: #f9f9f9;
     border: none;
     line-height: 28px;
     border-bottom: 1px solid #c3c3c3;
     margin-left: 0px;
}
 .nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover {
     background-color: #e7e7e7;
}
 .nav-side-menu ul .sub-menu li:hover a, .nav-side-menu li .sub-menu li:hover a{
     color:#fff;
}
 .nav-side-menu ul .sub-menu li.active:before, .nav-side-menu ul .sub-menu li:hover:before {
     color:#337ab7;
}
 .nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before {
     font-family: FontAwesome;
     content: "\f105";
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
     vertical-align: middle;
}
 .nav-side-menu li {
     padding-left: 0px;
     border-left: 3px solid #337ab7;
     border-bottom: 1px solid #337ab7;
}
 .nav-side-menu li a {
     text-decoration: none;
     color: #000000;
}
 .nav-side-menu li a i {
     padding-left: 10px;
     width: 20px;
     padding-right: 20px;
}
 .nav-side-menu li:hover, .nav-side-menu li[aria-expanded="true"] {
     border-left: 3px solid #e7e7e7;
     background-color: #e7e7e7;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     -ms-transition: all 1s ease;
     transition: all 1s ease;
}


.profile {
    margin-top: 2px;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
}
.profile p.dottedx {
    border-bottom: 2px dotted #000;
    padding-bottom: 5px;
}
.divider {
    border-top:1px solid rgba(0,0,0,0.1);
}
.emphasis {
    border-top: 1px solid transparent;
}

.emphasis h2
{
    margin-bottom:0;
}
span.tagsx {
    border-left: 3px solid #337ab7;
    background: #fff;
    font-weight: bold;
    padding: 2px 4px;
    width: 100px;
    float:right;
    text-align: right
}
span.tags {
    background: #337ab7;
    border-radius: 2px;
    color: #f5f5f5;
    font-weight: bold;
    padding: 2px 4px;
    float:right;
}
#accordion .panel-body { padding:0px; }
#accordion .panel-body table tr td { padding-left: 15px }
#accordion .panel-body .table {margin-bottom: 0px; }

.tab-content>.active .list-group,
.panel-footer .table {
    margin-bottom:0;
}

.kutular .kutu {
    width: 31%;
    float: left;
    margin: 0 10px 20px 0;
}
.kutular .kutu:last-child {
    margin-right: 0;
}
.kutular .kutu #kutu_icon {
    font-size: 4rem;
    color:#fff;
}
.kutular .kutu .kutu_text {
    font-size: 12px
}
.kutular .kutu .btn-block {
    padding: 10px 0;
}

.custab{
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5% 0;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
    }
.custab:hover{
    box-shadow: 3px 3px 0px transparent;
    transition: 0.5s;
    }
.uyeKomisyon {
    width: 50px;
    float:left;
}
b.uyeK {
    font-size: 16px;
    margin-top: 7px;
    display: block;
}
.uyeMenu .panel:hover,
.uyeMenu .panel.panel-default.active {
    border-color: #337ab7;
    border-radius: 0
}
.uyeMenu .panel:hover .panel-title a, 
.uyeMenu .panel .panel-body a:hover,
.uyeMenu .panel .panel-body a.active,
.uyeMenu .panel .panel-title a.active {
    color: #337ab7;
}
.noradius {
    border-radius: 0!important;
}
.textarea_cap {
    display: block;
    background: #337ab7;
    border: 1px solid #337ab7;
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    text-indent: 10px;
}


#ilanlars {
    padding: 0;
}

.ilanlar, #ilanic {
    margin-bottom: 5px;
    padding: 5px;
    background: #ffffff;
    border-radius: 5px;
    display: inline-block;
    width: 102%;
    border: 1px solid #ddd;    margin-left: -8px;
}

.ilanlar:hover {
    background: #efefef;
}

.ilanlar a:hover, #ilanic a:hover {
    cursor: pointer;
}

.ilanlar > div:nth-of-type(3) {
    width: 16.66666666%;
    float: left;
}

.ilanlar > div:nth-of-type(3) > * {
    padding: 0 15px;
    float: right;
}

.ilanlar > div:nth-of-type(3) a > .fa {
    transition: transform .5s;
}

.ilanlar > div:nth-of-type(2) {
    padding: 5px 10px 0 5px;
    float: right;
}
.ilanlar > div:nth-of-type(1) {
    width: 80%;
    float: left;
    display: inline-block;
}

.ilanlar > div:nth-of-type(1) img {
    width: 110px;
    float: left;
	height: 90px;
}

.ilanlar > div:nth-of-type(1) > div {
    width: 80%;
    float: left;
    padding: 0 0 0 10px;
}

.ilanlar > div:nth-of-type(1) > div:nth-of-type(2):before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ilanlar .options{margin-bottom:0px !important;margin-top:10px;}
.ilanlar .options .option{width:30px !important;height:30px !important;font-size:18px;line-height:30px;float:left;margin-left:0px !important;margin-right:2px;}
.helpCursor {
    cursor: help;
}
.option {
    width: 48px;
    height: 48px;
    float: right;
    position: relative;
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 48px;
    margin-left: 2px;
}
.option img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
.textkat {
    font-size: 12px;
}
.ilanlar h4, .ilanlar h5 {
    margin-top:5px;
    margin-bottom:5px;
}

.thumbnail {
    position: relative;
    width: 174px;
    margin-right: 10px;
    height: 133px;
}

.thumbnail img {
    width: 174px;
    height: 109px!important;
}

.caption {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
    background: #337ab7;
    width: 96%;
    padding: 0!important;
    color: #fff!important;
}

.avatars > input{
  display: none;
}

.avatars > input + img{
  width: 175px;
  height: 150px;
  cursor: pointer;
  border: 2px solid transparent;
  margin: 5px;
}

.avatars > input:checked + img{
  border: 3px solid red;
}
.banks div {
    padding: 0 5px 0 5px;
}
.banks a {
    display: block;
    border: 1px solid #efefef;
    text-align: center;
    margin-bottom: 10px;
    height: 96px;
}
.banks a:hover {
    border: 2px solid #337ab7;
}
.banks a img {
    width: 100%;
    height: 70px;
}
.banks span {
    padding: 3px;
    color: #fff;
    display: block;
    width: 100%;
    background: #337ab7;
}

.bank-acc-name{
    padding:15px 10px;
    font-size:14px;
    background-color:#ccc;
    margin-bottom:15px
}
.bank-acc{
    background-color:#ffffff;
    margin-bottom: 10px;
    padding: 0px 0 10px 0;
}
.bank-img{
    padding: 10px 0px;
    text-align:center;
    max-height: 80px;
}
.bank-logo{
    max-width: 150px;
    height:auto;
    max-height: 70px;
}
.bank_info_line{
    line-height: 20px;
    padding: 5px 10px;
    vertical-align:top;
    border:0;
    border-bottom:1px solid #e4e4e4;
    font-size:14px;
}

 @media (max-width: 767px) {
     .nav-side-menu {
         position: relative;
         width: 100%;
         margin-bottom: 10px;
    }
     .nav-side-menu .toggle-btn {
         display: block;
         cursor: pointer;
         position: absolute;
         right: 10px;
         top: 10px;
         z-index: 10 !important;
         padding: 3px;
         background-color: #ffffff;
         color: #000;
         width: 40px;
         text-align: center;
    }
     .brand {
         text-align: left !important;
         font-size: 22px;
         padding-left: 20px;
         line-height: 50px !important;
    }
}
 @media (min-width: 767px) {
     .nav-side-menu .menu-list .menu-content {
         display: block;
    }
    .ln-30 {
        line-height: 30px
    }
}
 body {
     margin: 0px;
     padding: 0px;
}
#icerik {
    position: relative;
    z-index: 5;
    margin: 0 auto;
    background: #fff;
}
.modal-open #icerik {
    position: unset;
}
ul.oyunlar {
    margin: auto;
    padding: 0px;
}
ul.oyunlar li {
    border: 1px solid #eee;
    padding: 5px;
    margin: 0px auto 10px 10px;
    text-align: center;
    float: left;
    width: 31%;
    height: 130px;
    list-style: none
}
ul.oyunlar li:hover {
    background: #337ab7;
    border: 1px solid #000;
}
ul.oyunlar li:hover a {
    color: #fff;
}
ul.oyunlar li a {
    font-weight: bold;
    color: #000;
    font-size: 12px;
    padding: 0;
    width: 100%;
    display: block;
}
ul.oyunlar li img {
    width: 100%;
    height: 98px;
    display: block;
    margin: auto auto 5px auto;
}
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block!important;
}

.p-0{padding:0}.p-3{padding:3px}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-25{padding:25px}.p-30{padding:30px}.p-35{padding:35px}.p-40{padding:40px}.p-45{padding:45px}.p-50{padding:50px}.pt-0{padding-top:0}.pt-3{padding-top:3px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pr-0{padding-right:0}.pr-3{padding-right:3px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pb-0{padding-bottom:0}.pb-3{padding-bottom:3px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pl-0{padding-left:0}.pl-3{padding-left:3px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.m-0{margin:0}.m-3{margin:3px}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-25{margin:25px}.m-30{margin:30px}.m-35{margin:35px}.m-40{margin:40px}.m-45{margin:45px}.m-50{margin:50px}.mt-0{margin-top:0}.mt-3{margin-top:3px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mr-0{margin-right:0}.mr-3{margin-right:3px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mb-0{margin-bottom:0}.mb-3{margin-bottom:3px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.ml-0{margin-left:0}.ml-3{margin-left:3px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.mt--5{margin-top:-5px;}.mt--10{margin-top:-10px;}.mt--15{margin-top:-15px;}
.dsCountDown.ds-black,.dsCountDown.ds-flat,.dsCountDown.ds-red,.dsCountDown.ds-white{position:relative;font-family:Arial,Helvetica,sans-serif,serif}.ds-black .ds-element,.ds-flat .ds-element,.ds-red .ds-element,.ds-white .ds-element{float:left;text-align:center}.dsCountDown:after{content:'';clear:both}.dsCountDown{display:inline-block;zoom:1}.dsCountDown.ds-white{color:#000;font-size:1em;padding:10px;border:1px solid #dedede;border-radius:2px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fff 0,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#fff 0,#ededed 100%);background:-o-linear-gradient(top,#fff 0,#ededed 100%);background:-ms-linear-gradient(top,#fff 0,#ededed 100%);background:linear-gradient(to bottom,#fff 0,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 )}.ds-white .ds-element{margin-right:10px;border-right:1px solid #dedede;padding-right:10px}.dsCountDown.ds-white>.ds-element.ds-element-seconds{margin-right:0;padding-right:0;border-right:0}.ds-white .ds-element-title{font-size:.8em;text-transform:lowercase}.ds-white .ds-element-value{font-size:2.5em;color:#333;text-shadow:2px 2px 0 #fff}.dsCountDown.ds-black{color:#fff;font-size:1em;padding:10px;border:1px solid #323232;border-radius:2px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#686868 0,#444 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#686868),color-stop(100%,#444));background:-webkit-linear-gradient(top,#686868 0,#444 100%);background:-o-linear-gradient(top,#686868 0,#444 100%);background:-ms-linear-gradient(top,#686868 0,#444 100%);background:linear-gradient(to bottom,#686868 0,#444 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#444444', GradientType=0 )}.ds-black .ds-element{margin-right:10px;border-right:1px solid #444;padding-right:10px}.dsCountDown.ds-black>.ds-element.ds-element-seconds{margin-right:0;padding-right:0;border-right:0}.ds-black .ds-element-title{font-size:.8em;text-transform:lowercase}.ds-black .ds-element-value{font-size:2.5em;color:#fff;text-shadow:0 -2px 0 #222}.dsCountDown.ds-red{color:#fff;font-size:1em;padding:10px;border:1px solid #A80000;border-radius:2px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,red 0,#bc0000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,red),color-stop(100%,#bc0000));background:-webkit-linear-gradient(top,red 0,#bc0000 100%);background:-o-linear-gradient(top,red 0,#bc0000 100%);background:-ms-linear-gradient(top,red 0,#bc0000 100%);background:linear-gradient(to bottom,red 0,#bc0000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#bc0000', GradientType=0 )}.ds-red .ds-element{margin-right:10px;border-right:1px solid #BC0000;padding-right:10px}.dsCountDown.ds-red>.ds-element.ds-element-seconds{margin-right:0;padding-right:0;border-right:0}.ds-red .ds-element-title{font-size:.8em;text-transform:lowercase}.ds-red .ds-element-value{font-size:2.5em;color:#fff;text-shadow:0 -1px 0 #555}.dsCountDown.ds-flat{color:#000;font-size:1em;border:1px solid #cdcdcd;background:#efefef;box-shadow:4px 4px 4px #888}.ds-flat .ds-element{border-right:1px solid #dedede;padding:7px 17px}.dsCountDown.ds-flat>.ds-element.ds-element-seconds{border-right:0}.ds-flat .ds-element-title{font-size:.8em;text-transform:lowercase;color:#666}.ds-flat .ds-element-value{font-size:2.5em;color:#000}
.gorus {
    margin: 10px 0 10px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #636363
}
.gorus .adsoyad{
    color: #f00;
    font-weight: bold;
}
.gorus .urun{
    margin-top: 5px;
}
.gorus .urun span {
    color: #636363;
}
.gorus .sehir{
    font-weight: bold;
}
.gorus .tarih{
    color: #636363;
}
.gorus .mesaj{
    margin-bottom: 20px;
}

.chat-window > div > .panel{
    border-radius: 5px 5px 0 0;
}
.icon_minim{
    padding:2px 10px;
}
.msg_container_base{
  margin: 0;
  padding: 0 10px 10px;
  height: 300px;
  overflow-x:hidden;
}
.top-bar {
  background: #666;
  color: white;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.msg_receive{
    padding-left:0;
    margin-left:0;
}
.msg_sent{
    margin-right:0;
}
.messages {
  background: white;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-width:100%;
}
.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
    text-align: right;
    word-break: break-word;
  }
.messages > time {
    font-size: 11px;
    color: #ccc;
}
#chat .base_receive .messages time {
    color: #000;
}
#chat .base_sent .messages .msgSil {
    color: #fff;
}
#chat .base_receive .messages .msgSil {
    padding-right: 10px
}
.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
    min-width: 300px;
}
.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #FFF;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.base_sent {
  justify-content: flex-end;
  align-items: flex-end;
}
.base_sent > .avatar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid white;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 1px 1px 2px rgba(black, 0.2); // not quite perfect but close
}

.msg_sent > time{
    float: right;
}

.msg_container_base::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #337ab7;
}

.btn-group.dropup{
    position:fixed;
    left:0px;
    bottom:0;
}   

/*---*CHAT*-----*/
#chat .messages{
    box-shadow:none;
    background: #f3f5f9;
    min-width: 160px;
}
#chat .base_sent .messages{
    background: #2196f3;
    border-radius: 8px 8px 0px 8px;
    -webkit-border-radius: 8px 8px 0px 8px;
    color: #fff;
    border-bottom: 1px solid #2196f3;
}
#chat .base_sent::after{
    top:0px;
    width: 0;
    height: 0;
    border-top:10px solid transparent;
    border-left: 10px solid #2DADB0;
    border-bottom: 0px solid transparent;
    
}
#chat .base_receive .messages{
    background: #f3f5f9;
    border-radius: 0 8px 8px 8px;
    border-bottom:1px solid #ccc;
    
}
#chat .base_receive::before{
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 10px solid #f3f5f9;
    border-bottom: 10px solid transparent;
}

#chat .msg_container_base{
    background:#fff;
}
#chat time{ color:#fff; font-style: italic; }
#chat time b {
    font-style: normal
}
.form-popup .col-form-label{
    font-size: 16px;
}
.form-popup{
    max-width: 430px;
    margin:0 auto;
    border:1px solid #ebebeb;
    background-color:#fff;
    position:relative;
}
.form-popup.new-message{
    max-width: 570px;
}
.form-popup.promo{
    width:770px;
    height:420px;
    border:none
}
.form-popup.promo .promo-bg{
    float:left;
    width:370px;
    height:100%;
    background:url("../images/dashboard/promo-ad.jpg") no-repeat center
}
.form-popup.promo .form-popup-content{
    float:right;
    width:400px;
    height:100%;
    padding:56px 32px 38px
}
.form-popup.promo .form-popup-content .popup-title{
    margin-bottom:30px
}
.form-popup.promo .form-popup-content .info{
    font-size:0.875em;
    line-height:24px;
    margin-bottom:24px
}
.form-popup.promo .form-popup-content .form-popup-content-links{
    margin-top:40px;
    overflow:hidden
}
.form-popup.promo .form-popup-content .form-popup-content-links>.button{
    float:left;
    width:232px
}
.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social{
    float:right;
    width:94px
}
.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social .button{
    float:left;
    width:42px
}
.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social .button:last-child{
    float:right
}
.form-popup .close-btn{
    width:38px;
    height:38px;
    border-radius:50%;
    background-color:#101314;
    cursor:pointer;
    position:absolute;
    top:-19px;
    right:-19px
}
.form-popup .close-btn:hover{
    background-color:#00d7b3
}
.form-popup .close-btn .svg-plus{
    fill:#fff;
    width:10px;
    height:10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    top:14px;
    left:14px;
    pointer-events:none
}
.form-popup .close-btn.mfp-close{
    opacity:1
}
.form-popup .form-popup-headline{
    padding:36px 22px 30px
}
.form-popup .form-popup-headline p{
    margin-top:10px;
    color:#fff;
    line-height:20px
}
.form-popup .form-popup-headline.primary{
    background:url("../images/section_headline_bg.png") no-repeat center #00d7b3;
    background-size:cover
}
.form-popup .form-popup-headline.secondary{
    background:url("../images/section_headline_bg.png") no-repeat center #1cbdf9;
    background-size:cover
}
.form-popup .form-popup-content{
    padding:22px 22px 26px;
    overflow:hidden
}
.form-popup .popup-title{
    font-size:1.375em;
    margin-top:0;
    margin-bottom: 10px
}
.form-popup .line-separator{
    margin-top:0;
    margin-bottom: 15px;
}
.form-popup .line-separator.double{
    margin-top:22px
}
.form-popup .line-separator.short{
    margin-bottom:16px
}
.form-popup input[type="text"],.form-popup input[type="email"],.form-popup input[type="password"]{
    margin-bottom:24px
}
.form-popup .label-check{
    display:inline-block;
    margin-bottom:22px
}
.form-popup p{
    font-size:0.8125em;
    line-height:1em
}
.form-popup p.highlighted{
    line-height:20px
}
.form-popup p.highlighted span{
    color:#2b373a;
    font-weight:700
}
.form-popup p.spaced{
    line-height:20px;
    margin-bottom:16px
}
.form-popup p a{
    font-weight:700
}
.form-popup p a:hover{
    text-decoration:underline
}
.form-popup button{
    margin-top:32px
}
.form-popup button.no-space{
    margin:0
}
.form-popup .button{
    width:100%
}
.form-popup .button.half{
    width:185px;
    float:left
}
.form-popup .button.half+.button.half{
    float:right
}
.form-popup .input-container{
    margin-bottom:22px;
    position:relative
}
.form-popup .input-container.field-add{
    padding-right:36px
}
.form-popup .input-container textarea{
    height:200px
}
.form-popup .input-container .select-block{
    margin-bottom:0
}
.form-popup .add-field{
    width:30px;
    height:30px;
    position:absolute;
    bottom:5px;
    right:0;
    cursor:pointer
}
.form-popup .add-field .svg-plus{
    width:11px;
    height:11px;
    fill:#fff;
    position:relative;
    top:2px
}
    
.table-full {
    margin-left: -15px;
    margin-right: -30px;
    margin-bottom: -15px;
}

.modalForm .modal-header {
    padding-bottom: 5px;
}

.modalForm .modal-footer {
    padding: 0;
}
.modalForm .modal-footer .btn-group button {
    height:40px;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border: none;
    border-right: 1px solid #ddd;
}
.modalForm .modal-footer .btn-group:last-child > button {
    border-right: 0;
}


.ilankutu .kutuadi {
  font-size: 11px;
  
}
.ilankutu .ickutu {
  border: 1px solid #eee;
  margin: 0 5px;
  padding: 0px;
  width: 23.5%;
  float:left;
  min-height: 200px;
  margin-bottom: 5px;
  margin-left: 8px;
}

.ilankutu img {
	height: 200px;
    width: 170px;
}

@media (min-width: 750px) {
     .nopl {
         padding-left:0!important;
    }
     .nopr {
         padding-right:0!important;
    }
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1600px) {
    #icerik, .siteUstKutu, .container {
        max-width: 1180px;
    }
     .ustKutu .col-md-2 {
        padding-left:10px;
        width: 144px;
    }
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 769px) and (max-width: 1599px) {
    #icerik, .siteUstKutu, .container {
        max-width: 940px;
    }
    .ustKutu {
        width: 100%;
        overflow: hidden;
        height: 59px;
    }
     .ustKutu .col-md-2 {
         width: 128px!important;
         height: 60px;
         margin-bottom: 10px;
    }
     /*.navbar .fa, .navbar li:last-child {
         display: none;
    }*/
    span.tagsx {
        width: 150px;
        text-align: center;
        margin-bottom: 10px;
    }
    .ilanlar > div:nth-of-type(1) img {
        height:90px;
		width: 96px;
    }

    .ilanlar > div:nth-of-type(1) {
        width: 76%;
    }
    .ilanlar > div:nth-of-type(1) > div {
        width: 81%
    }
    .ilankutu .ickutu {
        width: 23%;
        min-height: 220px;
		margin-left: 8px;
    }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1023px) {
     .navbar .fa, .navbar li:last-child {
         display: none;
    }
    .ustKutu {
        padding: 0 20px;
    }
     .ustKutu .col-md-2 {
         margin:0!important;
         padding:0!important;
         width: 25%!important;
         height: 60px;
    }
    .ilankutu .ickutu {
        width: 23%;
        min-height: 220px;
		margin-left: 8px;
    }
  
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .kutular .kutu {
        width: 30%;
    }
    .ustKutu .col-xs-6 {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 5px;
    }
    .uyeprofil .col-md-8,
    .uyeprofil .col-md-9 {
        padding-left: 0;
        padding-right: 0;
    }
    .img-100 {
        width: 100%
    }
    .img-center {
        margin: 0 auto;
    }
    .ilanlar .btns,
    .ilanlar > div:nth-of-type(1),
    ul.oyunlar li {
        width: 100%;
    }
    .ilanlar > div:nth-of-type(1) > div {
        width: 74%
    }
    .ilanlar > div:nth-of-type(1) > img {
        width: 70px;
    }
    .ilanlar .btns {
        width: 100%;
        padding: 10px 0 5px 0!important;
    }
    .ilanlar .btns .btn {
        width: 48%;
        float: left;
    }
    .btn-block + .btn-block {
        margin-top: 0;
    }
    .ilanlar .btns .btn:first-child {
        margin-right: 10px;
    }
    ul.oyunlar li {
        margin: 0 0 10px 0;
        height: 190px
    }
    ul.oyunlar li img {
        height: 150px;
    }
    .ilankutu .ickutu {
        width: 23%;
        min-height: 210px;
    }
  
}