@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@400;500;600;700&display=swap');
:root {
    --cwa-blue: #284d78;
    --cwa-accent: #d4ad30;
    --bg-light: #f8fafc;
    --header-bg: rgba(255, 255, 255, 0.85);
    --ms-color: #334155;
    --ln-color: #cecece;
}
html { height: 100%; overflow-x: hidden !important; position: relative; text-rendering: optimizelegibility; width: 100%; }
body { border: 0 none; color: var(--ms-color); margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 15px; line-height: 1.46667; background-color: var(--bg-light); }
.body-inner { overflow: hidden; position: relative; }
.ustenbosluk { background-color: #fff; }
hr { border-top: 1px solid var(--ln-color);}
a { color: #22005F; text-decoration: none; }
    a:hover { color: var(--cwa-accent); text-decoration: none; }
    a.read-more { color: var(--ms-color); }
        a.read-more:hover { color: #eb2c33; }

i.fa-whatsapp { color: #5db750 !important;}
.gap-40 { clear: both; height: 40px; }
.gap-30 { clear: both; height: 30px; }
.gap-20 { clear: both; height: 20px; }
a:focus { outline: 0 none; }
body, p { font-weight: 400; line-height: 20px; }
.bg-cwa-blue { background-color: var(--cwa-blue) !important; }
.text-white { color: rgba(255, 255, 255, 0.85) !important;}
.text-cwa-accent { color: var(--cwa-accent) !important;}
.fw-bold { font-weight: 700 !important; }
.display-3 { font-size: 4rem; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.navbar .navbar-nav, h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; color: var(--header-bg);}
h1 { font-size: 28px; line-height: 38px; color: var(--cwa-blue); }
h2 { font-size: 24px; line-height: 34px; color: var(--cwa-blue);}
h3 { font-size: 20px; line-height: 30px; color: var(--cwa-blue);}
h4 { font-size: 16px; line-height: 26px; color: var(--cwa-blue);}
h5 { font-size: 14px; line-height: 24px; color: var(--cwa-blue);}
.btn.btn-primary { background: #eb2c33 none repeat scroll 0 0; border: 0 none; border-radius: 0; transition: all 0.3s ease 0s; }
    .btn.btn-primary:hover { background: #000 none repeat scroll 0 0; color: #fff; }
ul.circle { list-style: outside none none; margin: 0; padding: 0; }
    ul.circle li { margin-left: 30px; padding-bottom: 20px; position: relative; }
        ul.circle li::before { border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 100%; color: #eb2c33; content: ""; font-family: FontAwesome; font-size: 8px; left: -33px; line-height: 8px; position: absolute; top: 5px; }
ul.unstyled { list-style: outside none none; margin: 0; padding: 0; }
blockquote p { color: #959595; font-size: 14px; font-style: italic; font-weight: 400; line-height: 18px; }
blockquote { border-left: 5px solid #eb2c33; margin: 20px 0; }
h2.title { font-size: 20px; font-weight: 500; left: 0; line-height: normal; padding: 20px 15px 40px; position: relative; }
    h2.title span { background: #fff none repeat scroll 0 0; padding: 3px 15px; z-index: 1; }
    h2.title::before { border-bottom: 1px solid #cecece; content: ""; height: 1px; left: 0; margin-top: -10px; position: absolute; top: 50%; width: 100%; z-index: -1; }
h3.widget-title { margin-bottom: 30px; }
h2.entry-title { font-size: 24px; font-weight: 400; }
    h2.entry-title a { color: var(--ms-color); }
        h2.entry-title a:hover { color: #eb2c33; }
.carousel-control { width: auto; }
.dart-carousel-controller { padding-top: 50px; text-align: center; }
    .dart-carousel-controller .left, .dart-carousel-controller .right, .owl-controls .owl-prev, .owl-controls .owl-next { background: #f6f6f6 none repeat scroll 0 0; border-radius: 100%; color: #989898; cursor: pointer; display: inline-block; height: 38px; line-height: 38px; opacity: 1; text-align: center; text-shadow: none; top: auto; transition: all 300ms ease 0s; width: 38px; }
.owl-controls .owl-next { margin-left: 6px; }
    .dart-carousel-controller .left:hover, .dart-carousel-controller .right:hover, .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover { background: #eb2c33 none repeat scroll 0 0; color: #fff; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { display: inline-block; }
.form-control { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #cecece; border-radius: 0; box-shadow: none; color: #959595; font-size: 14px; height: 42px; padding: 6px 20px; }
    .form-control:focus { border: 1px solid #eb2c33 !important; box-shadow: none; }
#blog-gallary li, #portfolio-slider li { left: 0; }
.bx-wrapper .bx-viewport { border: 0 none !important; box-shadow: none !important; }
.bx-wrapper .bx-next { right: 20px !important; }
.bx-wrapper .bx-pager { bottom: 15px !important; }
    .bx-wrapper .bx-pager.bx-default-pager a { border: 2px solid #fff; border-radius: 100% !important; height: 14px !important; width: 14px !important; }
        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #eb2c33 none repeat scroll 0 0 !important; }
.sidebar h3.widget-title { font-size: 18px; font-weight: 400; line-height: normal; margin-top: 0; text-transform: uppercase; }
.sidebar .widget { margin-bottom: 40px; }
.pagination li a { border-radius: 0 !important; margin-right: 8px; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover { background: #eb2c33 none repeat scroll 0 0; border: 1px solid transparent; color: #fff; }
#isotope { margin-top: 0; width: 100%; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { z-index: 1; }
.isotope, .isotope .isotope-item { transition-duration: 1s; }
.isotope { transition-property: height, width; }
    .isotope .isotope-item { transition-property: transform, opacity; }
#isotope .col-sm-3 { width: 24.95%; }
#isotope-filter { margin-bottom: 40px; }
    #isotope-filter a { color: #959595; font-size: 16px; font-weight: 400; }
        #isotope-filter a.active, #isotope-filter a:hover { color: #eb2c33; }
        #isotope-filter a::before { color: #959595; content: "/"; padding-left: 10px; padding-right: 10px; }
        #isotope-filter a:first-child::before { content: " "; }
.main-nav { width: auto; }
header { box-shadow: 0px 1px 5px rgba(0,0,0,0.5); /*background:url("../img/pattern-2.png") repeat center center #f2f2f2; background-color: #959595;*/}
.header-fixed { background-color:rgba(255,255,255,0.8);}
.header-fixed .top-info { display: none; }
    .header-fixed a.navbar-brand img { bottom: 0px; height: 56px; width: auto; }
.top-info { color: #fff; display: block; font-size: 14px; overflow: hidden; padding: 8px 0; /*background-color:#3697d9; border-bottom:1px solid #3697d9;*/ height:35px;   }
    .top-info ul { list-style: outside none none; margin: 0;  padding: 0px 10px; } /*background-color:rgba(0,0,0,0.5);*/
    .top-info li { float: left; font-weight: 400; margin-left: 10px; }
    .top-info i { color: #333; font-size: 16px; margin-right: 5px; }
    .top-info li.social-icon a { margin-left: 10px; border-radius: 100%; font-size: 14px; height: 30px; width: 30px; background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.01); color: #333; display: inline-block; position:relative; top:-5px; text-align:center; transition: all 0.2s ease-in-out 0s;}
    .top-info li.social-icon i { color: #fff; line-height: 29px; margin-right: 0; }
        .top-info li.social-icon a:hover { background-color: #eb2c33; }
.menu-back {  /*border-bottom: 2px solid #e2e2e2; border-top: 1px solid #e2e2e2;*/  }
.navbar-header { position: relative; z-index: 9999; }
a.navbar-brand { /*background: #eb2c33 none repeat scroll 0 0;background: rgba(0,0,0,0.5) none repeat scroll 0 0;  padding: 2px 4px;*/ height:56px;}
    a.navbar-brand .baslik1 { text-indent: -9999em; height: 0px; width: 1px; }
    a.navbar-brand .baslik1 h1 { margin:0px; padding:0px; }
    a.navbar-brand img { height: 76px; width: auto; position:absolute; bottom:-4px; left:0px; }
.navbar { border: 0 none; border-radius: 0; margin-bottom: 0; }
.navbar-nav > li > a { font-weight: 500; padding: 20px 20px; font-size: 18px;}
.navbar-toggle { background: var(--cwa-blue) none repeat scroll 0 0; border-radius: 3px; margin-right: 5px; }
    .navbar-toggle .icon-bar { background: #fff none repeat scroll 0 0; }
ul.nav.navbar-nav li { margin-left:10px; }
ul.navbar-nav li a { color: #22005F; border-left: 1px solid rgba(0,0,0,0); border-radius: 3px;}
ul.navbar-nav li a > span { color: #999; }
    ul.navbar-nav li a:hover, ul.navbar-nav .dropdown:hover {background: var(--cwa-accent) none repeat scroll 0 0; color: #ffffff; box-shadow: 0 6px 15px rgba(212, 173, 48, 0.3);}
ul.navbar-nav > li.active { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }
    ul.navbar-nav li.active > a { } 
    ul.navbar-nav > li.active.dropdown.open { color: #3697d9;}
ul.navbar-nav li.active > .dropdown-menu > li.active > a { color: #eb2c33; }
ul.navbar-nav li.search { background: #eb2c33 none repeat scroll 0 0; margin-left: 10px; }
.navbar-nav .dropdown-menu { left: 0; right: auto; }
.dropdown-menu * { width: 100%; }
.navbar-nav .dropdown-menu { background: #fff none repeat scroll 0 0; border: 0 none; box-shadow: none; display: block; min-width: 240px; opacity: 0; transform: scale(0.8); transition: visibility 500ms ease 0s, opacity 500ms ease 0s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99) 0s; visibility: hidden; z-index: 1; }
.navbar-nav .dropdown:hover .dropdown-menu { color: #777; opacity: 1; transform: scale(1); visibility: visible; }
.navbar-nav .dropdown-backdrop { visibility: hidden; }
.navbar-nav .dropdown-menu li { padding: 10px 20px 0; }
    .navbar-nav .dropdown-menu li:first-child { border-radius: 2px 2px 0 0; }
.dropdown-menu li:last-child { border-radius: 0 0 2px 2px; }
.dropdown-menu > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; padding: 10px 0; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li.active > a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #3697d9 !important; border-right: 1px solid rgba(0,0,0,0) !important;; border-left: 1px solid rgba(0,0,0,0) !important;;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: transparent none repeat scroll 0 0; border: 0 none; }
.navbar-nav .fa-search { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #fff; font-size: 18px; line-height: 42px; outline: medium none; padding: 10px 20px; }
footer { margin-top:35px; background-color: rgb(15, 23, 42); padding: 80px 0 30px; color: rgb(148, 163, 184); }
    footer .media a {color: rgb(248, 250, 252);}
    footer .media a:hover {color: var(--cwa-accent);}
h3.footer-title { font-size: 18px; font-weight: 400; margin-top: 0; padding-bottom: 2px; position: relative; color: rgb(248, 250, 252); padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    h3.footer-title strong { color: var(--cwa-accent); }
    h3.footer-title span { }

.slyta { position:absolute; bottom:0px;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
    .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn { position: absolute; cursor: pointer; display: block; background: url(/img/a21.png) center center no-repeat; overflow: hidden; }
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
.ikilisatir h4 {min-height:50px; }
.ucsatir h4 {min-height:75px; overflow:hidden;}
.withborder { border-bottom:solid 1px #266cb2; }
.back_pembe { background-color: #FF9999; border-color: #FF9999; color: #fff; }
.back_sari { background: #5288C0; padding:5px 0px 0px 0px; overflow:hidden;}
    .back_sari h4 { color:#000;}
    .back_sari .img-thumbnail { border-width:0px; padding:0px;}
    .back_pembe::after, .back_pembe::before, .back_sari::after, .back_sari::before { content: " "; }
.altanbosluk_5 { padding-bottom:5px;}
.altanbosluk_10 { padding-bottom:10px;}
.ustenboslık_15 { margin-top:15px;}
.ustenboslık_15 { margin-top:15px;}
.sol10luk { padding-left:5px; }
.sol10luk > div{ padding-left:0px; padding-right:5px; }
.altmenu { padding-top:35px; }
    .altmenu img { max-height:200px; margin:0px auto; }
    .altmenu a { color:#333; }
    /*.altmenu a:hover {  transition-duration:1s; }*/
.social a { margin-bottom:5px;}
.footer-bottom { background-color:var(--cwa-blue); }
.copyright-info { color: var(--cwa-accent); font-size: 13px; margin: 25px 0px; }
.yukari { color: #fff; font-size: 16px; margin: 12px 0px; display:block; padding:10px 20px; border:solid 1px #dedede; border-radius:5px; }
.yukari:hover {background-color: var(--bg-light); color:var(--cwa-blue)}
.media-left{text-align:center; min-width:1.2em;}
.contact-info i { color: var(--cwa-accent); font-weight: 900;  text-align:center; min-width:1.2em;}
.pull-right {color:var(--cwa-blue); }
.pull-right i { color: var(--cwa-accent); font-weight: 900; text-align:center; min-width:1.2em;}


#features { padding: 40px 0; }
.feature-image { position: relative; }
    
.feature-wrapper { position: relative; }
   
.feature-content-wrapper { padding: 10px 0; position: relative; }
    
    .feature-content-wrapper h2 { font-size: 24px; font-weight: 500; margin-top: 0; }
.feature-box .feature-icon { font-size: 18px; padding: 25px 0 0; text-align: center !important; }
    .feature-box .feature-icon i { color: #eb2c33; font-size: 36px; }
        .feature-box .feature-icon i.fa-mobile-phone { margin-left:5px; font-size: 48px; }
        .feature-box .feature-icon i.fa-lock { margin-left:5px; }
.feature-box .feature-box-content { margin-left: 60px; }
.feature-box h3 { font-size: 16px; font-weight: 700; }

ul.circle { list-style: outside none none; margin: 0; padding: 0; }
    ul.circle li { margin-left: 30px; padding-bottom: 20px; position: relative; }
        ul.circle li::before { border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 100%; color: #eb2c33; content: ""; font-family: FontAwesome; font-size: 8px; left: -33px; line-height: 8px; position: absolute; top: 5px; }

.widget-categories ul.category-list li { border-bottom: 1px dashed #cecece; margin-bottom: 10px; padding-bottom: 10px; transition: all 0.3s ease 0s; }
    .widget-categories ul.category-list li:hover { padding-left:10px; }
    .widget-categories ul.category-list li a { color: var(--ms-color); }
    .ustenayrac { height: 100px; background: #fff center center no-repeat; }
.widget-tags a { border-radius: 2px; padding: 4px 5px; transition: all 0.2s ease 0s; color:rgb(203, 213, 225); }
    .widget-tags a:hover { color:var(--bg-light); background-color:var(--cwa-accent); }

.service-content { padding: 0 10px; position: relative; text-align: center; }
    /*.service-content::before { background: #ccc none repeat scroll 0 0; content: ""; height: 1px; left: 74px; margin-top: -55px; position: absolute; top: 50%; width: 100%; z-index: 0; }
    .service-content::after { background: #eb2c33 none repeat scroll 0 0; border-radius: 100%; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.09); content: ""; height: 8px; left: 274px; margin-top: -58px; position: absolute; top: 50%; width: 8px; z-index: 3; }*/
    .service-content a { display:block; background-color:#fff; padding: 25px 0; box-shadow: rgba(0, 0, 0, 0.04) 0px 8px 30px; border-radius: 24px;}
        .service-content a:hover { transform: scale(1.05); -ms-transform: translateY(-15); -webkit-transform: translateY(-15); -o-transform: translateY(-15); transition:all 0.3s ease 0s;}
            .service-content a:hover img { box-shadow: 0 0 0 7px var(--cwa-blue); transition:all 0.3s ease 0s;}
    .service-content h3 { font-size: 16px; font-weight: 700; }
    .service-content span { border-radius: 50%; padding: 5px; background: linear-gradient(135deg, var(--cwa-blue), var(--cwa-accent)); transition: 0.4s; box-shadow: rgba(40, 77, 120, 0.15) 0px 5px 10px; width: 150px; height: 150px;  display: inline-block;}
    .service-content img { border: rgb(255, 255, 255) 4px solid;  color: #fff;  }

.haberlist article { padding:10px 10px;}
.haberlist a { display:block; margin-top: 10px; color:var(--ms-color); }
    .haberlist a:hover { color:var(--cwa-accent); }
.haberlist article:nth-child(2n+1) a { border-right:1px solid #cecece; }
.sonlar_alt {margin:20px 0 30px; padding:10px 0; border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .sonlar_alt a {color:var(--bg-light);}
    .sonlar_alt a:hover {color:var(--cwa-accent);}
    .sonlar_alt em { cursor: pointer; float: right; width: 35px; text-align: center; margin-left: 10px; border-radius: 4px; line-height:25px; }
    .sonlar_alt em:hover { transition:all 0.3s ease 0s; color:#fff; background-color:var(--cwa-accent);  }

.vmanset ul { margin:0px; padding:0px; }
    .vmanset ul li { list-style: none; display:block;padding: 5px 0px; }
        .vmanset ul li a { display:block; overflow:hidden; color: rgb(203, 213, 225); }
        .vmanset ul li a:hover { transition:all 0,3s ease 0s; color:var(--cwa-accent);  }
            .vmanset ul li a:after { clear: both; }
        .vmanset ul li img { float: left; padding-right:10px; }
.haberlist2 { margin-top:-15px;}
.haberlist2 article { border-top:1px solid #cecece; padding:10px 10px;}
.haberlist2 a { display:block; margin-top: 10px; color:var(--ms-color); }
    .haberlist2 a:hover { color:var(--cwa-accent); }
.haberlist2 article:first-child { border-top:0px solid #cecece;}
.haberlist2 h4 {line-height:22px; }
.icerikdosyalar { display:block; padding:0px 15px; margin-bottom:15px; border-bottom:solid 1px #cecece; border-top:solid 1px #cecece; }
.icerikdosyalar h4 {line-height:18px; }
    .icerikdosyalar div { border-top:solid 1px #cecece; }

.icerikimg { margin-bottom:15px; }

.dillist {
}
    .dillist a { font-size:1.1em; font-weight:bold; padding:0px 5px 0px 30px; display:inline-block; margin-left:15px; background:5px center no-repeat; background-size:auto 20px; color:#22005F;    }
        .dillist a:hover { background-color:rgba(0,0,0,0.4);}
.habersonmansetler2 { overflow:hidden; margin-bottom: 10px; padding-bottom:10px; border-bottom: var(--ln-color) 1px solid;}
    .habersonmansetler2 h3 { margin:0px !important; padding:0px !important; display:inline-block; font-weight:500; }
.habersonmansetler { overflow:hidden; margin-bottom: 10px; margin-top:40px; padding-bottom:10px; border-bottom: var(--ln-color) 1px solid;}
    .habersonmansetler h3 { margin:0px !important; padding:0px !important; display:inline-block; font-weight:500; }
.habersonmansetler strong { float:left;}
.habersonmansetler em { border-radius: 4px; cursor: pointer; float: right; margin-left: 10px; text-align: center; width: 40px; line-height:30px; }
    .habersonmansetler em:hover { background-color: var(--cwa-blue); color: #fff; transition: all 0.5s ease 0s; }
    .habersonmansetler em:nth-child(3) {  margin-left: 0px; }

.hmanset { display:block; margin-bottom:10px; overflow:hidden; }
 .hmanset ul { padding: 0; margin:0; display:block; width:100%;}
    .hmanset li { list-style: none; padding:5px 0px; font-size:1.3em; display:block;  }
	.hmanset li a { text-decoration: none; color: #fff; padding:0px 0px; display:block;  position:relative;  }
        .hmanset li a:hover { color: var(--cwa-accent); }
        .hmanset li a span { background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.9)); background: -o-linear-gradient(transparent, rgba(0,0,0,0.9)); background: -moz-linear-gradient(transparent, rgba(0,0,0,0.9)); background: linear-gradient(transparent, rgba(0,0,0,0.9)); position:absolute; bottom:0px; left:0px; width:100%; display:block; z-index:999; vertical-align:bottom; padding-top: 20%; padding-bottom:2%; text-align:center; text-shadow: 1px 1px 2px #555555; }

@media (min-width:768px) {
    .navbar-nav > li > a { padding: 14px 6px; }
    .ustenayrac {height: 90px;}
    .altmenu .row>div { margin-bottom:25px; }
}
@media (max-width:992px) {
   
    .ustenbosluk { display:block; height:87px;  }
    .navbar-nav > li > a { font-size:0.9em; }
    a.navbar-brand img { height: 48px; width: auto; }
    .top-info {font-size: 12px;padding: 2px 0; }
        .top-info ul { padding:5px 0px; }
    a.navbar-brand { height: 35px; }
    .dillist { margin-left: 0px;}
    .dillist a { margin-left:0px; padding: 0 2px 0 28px;}
    .pull-right li { margin-left:5px; }
}
@media (min-width:992px) {
    
    .navbar-nav > li > a { padding: 21px 10px; font-size:16px; }
    .ustenbosluk { display:block; height:100px; }
    .feature-image::after { background: #cecece none repeat scroll 0 0; content: ""; height: 1px; margin-top: 8px; position: absolute; right: 24px; top: 50%; width: 120px; z-index: -1; }
     .feature-wrapper::after { background: #eb2c33 none repeat scroll 0 0; border-radius: 100%; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.09); content: ""; height: 8px; left: -53.5px; position: absolute; top: 50%; width: 8px; z-index: 3; }
    .feature-wrapper::before { background: #cecece none repeat scroll 0 0; bottom: 0; content: ""; height: 100%; left: -50px; position: absolute; top: 0; width: 1px; z-index: 1; }
    .feature-content-wrapper::after { background: #eb2c33 none repeat scroll 0 0; border-radius: 100%; bottom: 0; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.09); content: ""; height: 8px; left: -53.5px; position: absolute; width: 8px; z-index: 3; }
    .feature-content-wrapper::before { background: #eb2c33 none repeat scroll 0 0; border-radius: 100%; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.09); content: ""; height: 8px; left: -53.5px; position: absolute; top: 0; width: 8px; z-index: 3; }
    .top-info { display:block; }
    h2.title { font-size: 24px; }
        h2.title span { padding: 10px 15px; }
    .ustenayrac { height: 100px; }
    .haberlist2 h4 {font-size: 15px; }
    h1 { font-size: 36px; line-height: 48px; }
    h2 { font-size: 28px; line-height: 38px; }
    h3 { font-size: 24px; line-height: 34px; }
    h4 { font-size: 18px; line-height: 28px; }
    h5 { font-size: 14px; line-height: 24px; }
}

@media (min-width:1200px) {
    .detail-text { font-size: 16px; }
    a.navbar-brand img {  height: 86px; width: auto; bottom:-2px; }
    .navbar-nav > li > a { padding: 13px 20px; margin: 10px 5px; font-size:18px;   }
    .top-info li { margin-left: 20px; }
 
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 1320px;
    }
        
}

@media screen and (max-width:767px) {
    .top-info ul > li { display: none; }
    .top-info ul > li:last-child { display: inline-block; }
    .ustenayrac {height: 100px;}
    .navbar-header { }
    .altmenu .container { padding-top:15px;}
    .altmenu .row>div { margin-bottom:25px; }
    .navbar-toggle { margin-top: 7px; padding: 12px 14px; margin-bottom: 10px; }
    ul.nav.navbar-nav li { background-color: #fff; }
    a.navbar-brand img { bottom: 5px;  height: 52px; width: auto; }
    .ustenbosluk { display:block; height:92px; /*background: url("/img/bg2.jpg") center center no-repeat;*/ }
    .haberlist article:nth-child(2n+1) a { border-right-width:0px; }
    h1 { }
    .navbar-nav > li > a { font-size:1em; padding: 12px; }
    .navbar-nav .dropdown .dropdown-menu { opacity:1;  }
    .dillist a { margin-left:10px; width:30px; height:16px;}
        .dillist a span { display:none; }
}