@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin-ext');

html, body {
    margin:0px;
    padding:0px;
    background:#fff;
    font-family: 'Roboto Condensed', Tahoma !important;
    font-size:13px !important;
    width:100%;
    height:100%;
}

@font-face {
  font-family: 'Glyphs';
  src:  url('../../assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
        url('../../assets/fonts/glyphicons-halflings-regular.woff') format('woff');
}

.glyphicon {
    font-family: 'Glyphs', sans-serif;
}

a, img {
    text-decoration:none !important;
    border:none !important;
    outline:none !important;
}

a, input {
    -webkit-transition: 200ms ease-out 0.1s;
    -moz-transition: 200ms ease-out 0.1s;
    -o-transition: 200ms ease-out 0.1s;
    transition: 200ms ease-out 0.1s;
}

input, select, textarea {
    outline:none !important;
}

.homecont {
    width:100%;
    height:100%;
    position:relative;
}

.bannercont {
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
}

.carousel, .carousel-inner, .bannercont .item {
    width:100%;
    height:100%;
}

.bannercont .item img {
    width:100% !important;
    height:100% !important;
}

.maintitle i {
    float:right;
    cursor:pointer;
    cursor:hand;
    font-size:28px !important;
    color:#ffffff !important;
    margin-left:10px !important;
    margin-top:-8px;
}

.sitecont {
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:2;
    display:table;
}

.contsol {
    display:table-cell;
    text-align:left;
    vertical-align:top;
    position:relative;
}

.contsag {
    display:table-cell;
    background:url(../images/trans.png) repeat-y top right;
    text-align:left;
    vertical-align:top;
    width:300px;
    padding:30px;
}

.contsag h1 {
    font-size:18px;
    margin:0px;
    padding:0px;
    padding-bottom:18px;
    color:#fff;
}

.contsag h1 strong {
    display:block;
}

.form-control.edited {
    border:none !important;
    background:#f1f1f1 !important;
    border-radius:0px !important;
    font-size:16px;
    color:#000;
    font-weight:300;
}

div.ttable {
    display:table;
    width:100%;
    height:100%;
}

div.trow {
    display:table-row;
}

div.tcell {
    display:table-cell;
    vertical-align:top;
    width:100%;
    height:100%;
}

.logo {
    max-width:100%;
    display:block;
}

.logo img {
    max-width:100%;
}

.socials {
    padding-bottom:15px;
    float:right;
    margin-right:30px;
}

.socials a {
    display:inline-block;
    width:32px;
    height:32px;
    background-position:center;
    background-repeat:no-repeat;
    margin-top:3px;
}

.socials a:hover { background-color:#ffffff !important; color:#000 !important; background-repeat:no-repeat !important; }
.socials a.facebook { background-image:url(../images/face.png) !important; }
.socials a.twitter { background-image:url(../images/twit.png) !important; }
.socials a.linkedin { background-image:url(../images/link.png) !important; }
.socials a.googleplus { background-image:url(../images/plus.png) !important; }
.socials a.whatsapp { background-image:url(../images/what.png) !important; }

.socials.onlymob {
    display:none;
}

.call {
    display:inline-block;
    font-size:21px;
    color:#ffffff;
}

.call a {
    color:#ffffff;
}

.call a:focus, .call a:hover, .call a:active {
    color:#ffffff;
    text-decoration:underline !important;
}

.call .glyphicon {
    float:left;
    padding-top:3px;
    padding-right:5px;
}

.headmenu {
    z-index:3;
    padding:15px;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
}

.headmenuin {
    width:100%;
    text-align:center;
    display:table;
    position:relative;
}

.langz {
    position:absolute;
    top:15px;
    text-align:center;
    right:55px;
    height:20px;
    padding-top:20px;
    z-index:5;
}

.headmenusol {
    display:table-cell;
    width:50px;
    background:url(../images/transsol.png) repeat-y right;
}

.headmenusag {
    display:table-cell;
    width:50px;
    background:url(../images/transsag.png) repeat-y left;
}

.headmenumain {
    background:url(../images/trans.png) repeat;
    text-align:left;
    vertical-align:middle;
    color:#fff;
    padding:15px 30px;
    box-sizing:border-box;
    padding-left:0px;
}

.menucont {
    margin:0px auto;
    text-align:left;
    height:43px;
}

.menucont a, .menucont .acilir {
    display:inline-block;
    padding:10px 5px;
    color:#ffffff;
    font-weight:700;
    font-size:16px;
    cursor:pointer;
    cursor:hand;
    text-transform: uppercase;
    margin-left:3px;
    margin-right:3px;
    letter-spacing:0px;
}

.menucont a:hover, .menucont a:focus, .menucont .acilir:hover, .menucont a.active {
    background:#00a2f8;
    color:#fff;
}

.menucont .acilir {
    position:relative;
}

.menucont .acilir:hover .acildi, .langsel:hover .acildi {
    display:block;
}

.menucont .acilir span {
    display:block;
    width:100%;
    height:100%;
}

.menucont .acilir span em {
    float:right;
    padding-top:3px;
    padding-left:5px;
    font-size:13px;
}

.acildi {
    position:absolute;
    background:#19355f;
    top:50px;
    left:0px;
    display:none;
}

.acildi a {
    display:block;
    width:200px;
    float:none !important;
    border-top:1px solid #172842 !important;
}

.acildi a:hover {
    background:#172842;
}

.acildi:hover {
    display:block;
}

.menuopener {
    display:none !important;
}

.menuopener:hover, .menuopener:focus {
    background:#172842 !important;
}

.menuopener label {
    float:right !important;
}

.menuopener a, .menuopener span {
    display: inline-block !important; width:auto !important;
    padding:0px !important;
    background:none !important;
}

.menuopener a:hover, .menuopener a:focus, .menuopener a:active {
    color:#fff !important;
}

.menuopener span.glyphicon {
    padding-left:5px !important;
}

.menuopener em {
    padding-left:0px !important;
    margin-left:0px !important;
}

.headmenulogo {
    display:inline-block;
    max-width:200px;
    float:left;
    margin-right:30px;
}

.headmenulogo img {
    height:68px;
    max-width:200px;
    margin-top: -15px;
}

.headmenulogo a {
    padding:0px !important;
}

.headmenulogo a:hover, .headmenulogo a:focus, .headmenulogo a:active {
    background:none !important;
}

.contsolcontainer {
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:55px;
    padding-top:90px;
}

.solinner {
    width:100%;
    height:100%;
    position:relative; 
}

.saltcont {
    width:900px;
    max-width:100%;
    height:auto;
    max-height:100%;
    position:absolute;
    background:url(../images/trans.png) repeat;
    text-align:left;
    overflow:auto;
    padding:30px;
    margin:0px auto;
    left:50%;
    margin-left:-465px;
}

.saltcont.home {
    height:250px !important;
    bottom:0px;
    background:none !important;
    overflow:visible !important;
    padding:0px !important;
}

.saltcont.home .maintitle {
    display:inline-block;
    padding:10px 15px;
    background:url(../images/trans.png) repeat;
    margin-bottom:15px;
}

.homehaberslide {
    width:100%;
    height:206px;
    overflow:hidden !important;
}

.homehaberslideinner {
    width:100%;
    height:188px;
    overflow:hidden;
}

.homehabersingle {
    display:inline-block;
    float:left;
    width:23%;
    background:url(../images/trans.png) repeat;
    text-align:center;
    margin-bottom:5px;
}

.homehabermargin {
    display:inline-block;
    float:left;
    width:2%;
    overflow:hidden !important;
    margin-bottom:5px;
}

.haberin {
    padding:15px;
    position:relative;
}

.haberin img {
    width:100%;
    height:130px;
}

.haberin a h3 {
    color:#ffffff !important;
    text-align:center !important;
    margin:0px !important;
    padding:0px !important;
    padding-top:10px !important;
    height:28px !important;
    overflow:hidden !important;
    white-space: nowrap; 
    text-overflow: ellipsis;
}

/* width */
::-webkit-scrollbar {
  width:8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #777777;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #222222;
}

.maintitle {
    margin:0px;
    padding:0px;
    padding-bottom:15px;
    color:#ffffff !important;
    font-size:21px;
}

.saltcont div, .saltcont p, .saltcont span, .saltcont label, .saltcont em, .saltcont h2, .saltcont h3, .saltcont h4, .saltcont h5 {
    color:#ffffff !important;
    font-size:15px;
    font-weight:300 !important;
    letter-spacing:0px;
    line-height:18px;
}

.sublisting {
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #000;
    position:relative;
}

.sublisting:last-child {
    border:none !important;
    margin-bottom:0px !important;
    padding-bottom:0px !important;
}

.haberimg img {
    max-width:100%;
    border-radius:5px;
}

.habertext h3 {
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    color:#222222 !important;
    font-size:15px !important;
}

.btn {
    color: #eccd8e !important;
    border: solid 2px #232323 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
    background: #262626 !important;
    background: -moz-linear-gradient(top, #262626 0%, #161616 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #161616)) !important;
    background: -webkit-linear-gradient(top, #262626 0%, #161616 100%) !important;
    background: -o-linear-gradient(top, #262626 0%, #161616 100%) !important;
    background: -ms-linear-gradient(top, #262626 0%, #161616 100%) !important;
    background: linear-gradient(to bottom, #262626 0%, #161616 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$grey-gradient-from', endColorstr='$grey-gradient-to',GradientType=0 ) !important;
}

.btnedit {
    width:100%;
}

.maintitle .btn-edit {
    float:right;
    margin-top:-3px;
}

.blogimg {
    float:left;
    width:280px;
    height:200px;
    margin-right:15px;
    margin-bottom:10px;
    border-radius:5px;
}

.thumblisting {
    text-align:center;
    margin-bottom:20px;
    margin-top:10px;
    position:relative;
}

.thumblisting span {
    display:block;
    color:#222222;
    font-size:15px;
    padding-top:10px;
    height:40px;
}

.thumblisting img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
}

.thumblisting .play {
    position:absolute;
    width:64px;
    height:64px;
    z-index:12;
    color:#fff;
    left:50%;
    top:50%;
    margin-top:-50px;
    margin-left:-32px;
}

.thumblisting .play a {
    display:block;
    width:100%;
    height:100%;
}

.thumblisting .play .glyphicon {
    font-size:64px;
    color:#fff;
}

.thumblisting:hover .glyphicon {
    color:#fff;
    text-shadow:1px 1px #111;
    cursor:pointer;
    cursor:hand;
}

.thumblisting.inline {
    display:inline-block;
    padding:10px !important;
    padding-right:0px !important;
    margin:0px !important;
    margin-left:10px !important;
    margin-bottom:10px !important;
    border:none !important;
}

.thumblisting.inline img {
    width:60px;
    height:60px;
    margin-bottom:0px !important;
}

.thumblisting.inline br {
    display:none !important;
}

.nopad {
    padding-left:0px !important;
    margin-left:0px !important;
    display:inline-block;
}

.staticmaps iframe, .staticmaps frame {
    width:100% !important;
    height:400px !important;
}

.mobformopener {
    position:absolute;
    left:15px;
    top:10px;
    color:#fff !important;
    font-size:18px;
    cursor:pointer;
    cursor:hand;
    display:none !important;
    z-index:17;
}

.mobformcloser {
    position:absolute;
    right:0px;
    top:0px;
    color:#ff0000 !important;
    font-size:28px;
    cursor:pointer;
    cursor:hand;
    display:none;
    z-index:999;
}

.relat {
    position:relative;
}

.mobonly {
    display:none;
}

.inputholder {
    display:table;
    position:relative;
    width:100%;
    margin-bottom:10px;
}

.holdertitle {
    display:table-cell;
    width:80px;
    background:#ffffff;
    text-align:center;
    vertical-align:top;
    font-weight:bold;
    border-right:1px solid #e2e2e2;
    cursor:pointer;
    cursor:hand;
}

.holdertitle label {
    display:block;
    width:80px;
    height:28px;
    overflow:hidden;
    padding:0px;
    padding-top:10px;
    font-size:12px;
}

.holderinput {
    display:table-cell;
}

.holderinput textarea {
    height:60px !important;
}

.langopener {
    width:58px;
    height:26px;
    background:#000;
    border:1px solid #222222;
    position:relative;
}

.langopener a {
    display:block;
    text-align:center;
    width:32px;
    height:24px;
    overflow:hidden;
    margin-left:4px;
}

.langopener a img {
    width:24px !important;
    height:100% !important;
    float:left;
}

.activelang {
    width:100%;
    height:24px;
    overflow:hidden;
}

.activelang label {
    display:block;
    float:left;
    width:32px;
    height:24px;
    overflow:hidden;
}

.activelang span {
    display:block;
    float:right;
    padding:5px;
    padding-left:6px;
    padding-bottom:6px;
    color:#fff;
    background:#222222;
    margin-top:-1px;
    cursor:pointer;
    cursor:hand;
}

.opening {
    width:34px;
    overflow:hidden;
    position:absolute;
    background:#000;
    left:-1px;
    top:24px;
    border-left:1px solid #222222;
    border-right:1px solid #222222;
    border-bottom:1px solid #222222;
}

.linkcontainer {
    padding-bottom:30px;
}

.linkcontainer a {
    display:block;
    font-size:18px;
    color:#f2f2f2;
    text-align:center;
}

.linkcontainer a:focus, .linkcontainer a:active, .linkcontainer a:hover, .linkcontainer a.active {
    color:#222222;
}

.whatsapp {
    display: inline-block;
    margin: 0px auto;
    background: url(../images/wp.png) no-repeat left 10px center green;
    color: #fff;
    padding: 10px;
    padding-left: 45px;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.carousel-control {
    z-index:9999 !important;
}

.shortcut_container
{
    display:none;
    position:fixed;
    right:10px;
    bottom:20px;
    width:70px;
    height:auto;
    z-index:9999999;
    text-align:right;
}

.shortcut_icon
{
    display:block;
    width:64px;
    height:64px;
    border-radius:48px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    margin-top:10px;
    text-align:right;
}

.shortcut_icon:hover
{
    margin-left:-10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

.shortcut_icon em
{
    position:fixed;
    font-size:10px;
    right:94px;
    margin-top:15px;
    text-align:right;
    color:#333;
    padding:5px;
    background:#fff;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    font-weight:bold;
}

.carousel-caption {
    visibility: hidden;
}

.ftext {
    font-size:18px;
    font-weight:normal !important;
}

.flogo img {
    height:40px;
}

.ftitle {
    text-align:right;
}

.ftitle h1 {
    text-align:right;
    font-size:21px !important;
    font-weight:bold;
    margin:0px !important;
    padding:0px !important;
    padding-top:10px !important;
}

.frow {
    padding-bottom:15px;
    border-bottom:3px solid #000;
    margin-bottom:15px;
}

.subfrow {
    margin-bottom:10px !important;
}

.kapattk {
    display:block;
    padding:4px 12px;
    border-radius:32px;
    background:red;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:bold;
    font-size:18px;
    position:absolute;
    right:-16px;
    top:-16px;
}

.kapattk:hover {
    background:#f2f2f2;
    color:#ff0000 !important;
}

@media(max-width:1000px)
{
    .shortcut_container {
        width:56px;
    }
    
    .shortcut_icon {
        width:48px;
        height:48px;
        border-radius:32px;
    }
    
    .carousel-caption {
        visibility:visible;
        background-color:rgba(0, 0, 0, .5);
        right:0px !important;
        left:0px !important;
        bottom:0px !important;
        padding:0px !important;
    }
    
    .carousel-caption h3 {
        font-size:18px !important;
        margin:10px !important;
        color:#ffffff; /* manşet yazı resmi */
    }
    
    .socials.onlymob {
        display:block;
        position:absolute;
        left:5px;
        top:0px;
    }
    
    .maintitle i {
        display:none;
    }
    
    .activelang span {
        background:none;
        border:none;
    }
    
    .mobhide {
        display:none !important;
    }
    
    .menuopener {
        display:block !important;
        text-align:left !important;
        background:#222222 !important;
    }
    
    .menuopener:focus, .menuopener:active, .menuopener:hover {
        background:#222222 !important;
        color:#ffffff !important;
    }
    
    .sitecont, .contsol, .contsag, .bannercont {
        display:block;
    }
    
    .contsol {
        height:100%;
    }
    
    .contsag {
        display:none;
        position:fixed;
        right:0px;
        top:0px;
        z-index:99;
        width:100%;
        height:100%;
        background-repeat:repeat;
        text-align:center;
        padding-top:30px;
    }
    
    .inputholder {
        margin-bottom:3px;
    }
    
    .holderinput textarea {
        height:40px !important;
    }
    
    .mobfixpad1 {
        padding-right:15px !important;
    }
    
    .mobfixpad2 {
        padding-left:15px !important;
    }
    
    .mobformopener, .mobformcloser {
        display:block;
    }
    
    .homecont {
        position:relative;
        border-top:40px solid #222222;
    }
    
    .bannercont {
        height:220px;
        top:0px;
        left:0px;
        margin-top:168px;
        z-index:99;
    }
    
    .sitecont {
        height:70%;
        left:0px;
        bottom:0px;
        top:auto !important;
        position:relative !important;
    }
    
    .saltcont, .saltcont.home
    {
        position:relative !important;
        height:auto !important;
        max-height:99999px !important;
        left:0px;
        margin-left:0px;
    }
    
    .homecont {
        background:#fff;
    }
    
    .saltcont {
        margin-top:168px !important;
    }
    
    .saltcont.home {
        padding-bottom:30px !important;
        margin-top:0px !important;
    }
    
    .saltcont.home .maintitle {
        color:#333 !important;
        padding-bottom:0px;
        margin-bottom:0px;
    }
    
    .contsolcontainer {
        padding:0px !important;
        padding-top:400px !important;
    }
    
    .contsolcontainer.nopadimp {
        padding-top:0px !important;
    }
    
    .contsag h1 {
        padding-bottom:8px !important;
    }
    
    .homehaberslide {
        height:auto !important;
    }
    
    .homehaberslideinner {
        max-width:100% !important;
        height:auto !important;
    }
    
    .homehabersingle {
        display:inline-block;
        float:left;
        width:100%;
        background:none;
        text-align:center;
        margin-bottom:5px;
    }
    
    .homehabermargin {
        display:none;
    }
    
    .haberin {
        padding-bottom:0px !important;
    }
    
    .haberin img, .sublisting img {
        width:100%;
        height:200px;
        padding:5px !important;
        border: solid 1px #222222 !important;
        background: #222222 !important;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
    }
    
    .haberin a h3 {
        position:absolute;
        bottom:5px;
        background-color: rgba(0, 0, 0, .5);
        left:15px;
        padding-top:5px !important;
        padding-bottom:5px !important;
        box-sizing:border-box;
        text-align:center;
        color:#fff !important;
        width: calc(100% - 30px);
        margin-right:15px;
    }
    
    .maintitle {
        display:block !important;
        text-align:center !important;
        background:none !important;
    }
    
    .headmenu
    {
        display:block;
        background:none;
        z-index:999;
        padding:0px;
        padding-top:15px;
    }
    
    .headmenumain {
        background:none;
        padding:0px;
    }
    
    .headmenusol, .headmenusag {
        display:none;
    }
    
    .menucont .acilir, .menucont a {
        display:block;
        text-align:center;
        border-bottom:1px solid #000 !important;
    }
    
    .menucont {
        background:#222222;
        height:43px;
        overflow:hidden;
    }
    
    .mobonly {
        display:block;
    }
    
    .moblogo, .mobwp {
        position:absolute;
        width:300px;
        height:100px;
        left:50%;
        margin-left:-150px;
        top:20px;
        text-align:center;
    }
    
    .moblogo {
        margin-top:-35px !important;
    }
    
    .mobwp {
        top:130px;
    }
    
    .moblogo img {
        display:inline-block;
        float:none;
        max-width:100%;
        height:100%;
    }
    
    .fixpad {
        padding-left:15px;
        padding-right:15px;
    }
    
    .sublisting {
        text-align:center;
    }
    
    .haberimg {
        margin-bottom:15px;
    }
    
    .maintitle a {
        display:block !important;
        float:none !important;
        margin-top:15px !important;
    }
    
    .blogimg {
        float:none !important;
        width:100%;
        margin:0px !important;
        margin-bottom:15px !important;
    }
    
    .thumblisting img {
        width:100% !important;
        height:auto !important;
    }
    
    .ytvideo {
        height:200px !important;
    }
    
    .allcenter {
        text-align:center;
    }
    
    .langz {
        top:8px;
        left:auto !important;
        right:8px !important;
        text-align:center;
        padding-top:0px;
    }
    
    .langopener, .opening {
        background:none;
        border:none;
    }
    
    .linkcontainer {
        display:none;
    }
    
    .hizmeth3 {
        margin-top:0px !important;
        background:#000 !important;
        padding-top:5px !important;
        padding-bottom:5px !important;
        -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;
    }
    
    .haberi2 {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    .staticmaps {
        margin-top:30px;
    }
}