/* 
  Amida Teknoloji
*/

body { font-family: 'Montserrat'; color: #5d6366; }

a, a:hover, a:focus { outline: 0; text-decoration: none; }

/* ShortClass*/
.pr { position: relative; }
.pa { position: absolute; }
.di { display: inline-block; }
.db { display: block; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.mp { margin: 0; padding: 0; }
.vt { vertical-align: top; }
.container-fluid { padding: 0 40px; }
/* Header */
.headerUst { margin-top: 5px; }
    .headerUst .bl { float: right; }
.logo h1 { margin: 30px 0 0; }
.sosyal { margin: 0; }
    .sosyal a { display: inline-block; margin: 5px 3px 0 6px; background: url(../images/sosyal.png) no-repeat; width: 21px; height: 22px; text-indent: -9999em; text-align: left; }
        .sosyal a.fb { background-position: 0 0; width: 9px; }
        .sosyal a.tw { background-position: -27px 0; width: 19px; }
        .sosyal a.in { background-position: -62px 0; }
        .sosyal a.gp { background-position: -93px 0; }

        .sosyal a.fb:hover { background-position: 0 -22px; width: 9px; }
        .sosyal a.tw:hover { background-position: -27px -22px; width: 19px; }
        .sosyal a.in:hover { background-position: -62px -22px; }
        .sosyal a.gp:hover { background-position: -93px -22px; }

.tel { margin: 3px 30px 0 0; padding-left: 20px; background: url(../images/tel.png) no-repeat left center; font-size: 16px; font-weight: 300; color: #5f5f68; }
    .tel:last-child { margin: 3px 0 0 0; }
    .tel span { font-size: 20px; position: relative; top: 1px; }
        .tel span.db { font-size: 13px; line-height: 0; }

.ara { background: #f1f1f1; width: 341px; height: 45px; margin: 10px 50px 0 0; }
.topSearch { border: none; background-color: transparent; width: 70%; height: 45px; padding: 0 0 0 15px; color: #777; font-weight: 600; }
.searchButton { background: url(../images/ara.html) no-repeat center; width: 40px; height: 45px; border: none; }

.navbar-collapse { padding-right: 0; }
.navbar-default { background: none; border-radius: 0; border: none; box-shadow: none; margin: 15px 0 0; }
    .navbar-default .navbar-nav > li { position: relative; border-bottom: 6px solid #fff; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        .navbar-default .navbar-nav > li:hover { border-bottom: 6px solid #0095db; }
        .navbar-default .navbar-nav > li:after { bottom: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 149, 219, 0); border-bottom-color: #0095db; border-width: 10px; margin-left: -10px; opacity: 0; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        .navbar-default .navbar-nav > li:hover:after { opacity: 1; }
        .navbar-default .navbar-nav > li > a { display: block; font-size: 16px; color: #000; font-weight: 600; padding-bottom: 15px; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        .navbar-default .navbar-nav > li:hover > a { color: #0095db; background: #fff; }
    .navbar-default .navbar-nav li.active { border-bottom: solid 6px #0095db; }
        .navbar-default .navbar-nav li.active > a,
        .navbar-default .navbar-nav li.active:hover > a,
        .navbar-default .navbar-nav li.active > a:focus { color: #0095db; background: none; box-shadow: none; text-shadow: none !important; }
        .navbar-default .navbar-nav li.active:after { bottom: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 149, 219, 0); border-bottom-color: #0095db; border-width: 10px; margin-left: -10px; opacity: 1; }

    .navbar-default .navbar-nav li ul { display: none; width: 240px; position: absolute; top: 50px; left: 50%; margin-left: -120px; text-align: left; padding: 6px 0 0; list-style: none; z-index: 11; opacity: 0; }
    .navbar-default .navbar-nav > li:hover > ul { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .navbar-default .navbar-nav > li > ul li a { text-align: center; font-size: 13px; width: 100%; position: relative; color: #fff; font-weight: 700; text-shadow: none !important; padding: 10px; float: left; border-right: 0; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .navbar-default .navbar-nav > li > ul li { width: 100%; padding: 0; float: left; border-bottom: solid 1px #35b1eb; background: #0095db; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        .navbar-default .navbar-nav > li > ul li:last-child { border-bottom: none; }
        .navbar-default .navbar-nav > li > ul li:hover { background-color: #ce3022; }
    /*.navbar-default .navbar-nav > li ul li ul { display: block; opacity: 1; margin: 0; float: left; left: 0; top: 0; position: relative; padding: 0; }*/
    .navbar-default .navbar-nav > li ul li ul li { background: #66828e none repeat scroll 0 0; border-color: #92a3aa; position: relative; }
    .navbar-default .navbar-nav > li ul li ul.subUl:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(102, 130, 142, 0) rgba(102, 130, 142, 0) #66828e; border-bottom-color: #66828e; border-width: 5px; margin-left: -5px; }
    .navbar-default .navbar-nav > li ul li ul li a { font-size: 12px; }
.subUl li:hover a { background: #007bae; }

#terkan .subUl { display: block; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; z-index: -1; top: unset; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
#terkan li:hover > .subUl { opacity: 1; left: 240px; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
.navbar-default .navbar-nav > li ul li ul.subUl::after { display: none; }
.langs { margin: 10px 0 0 20px; }

.di.langs > a { background-color: #ccc; color: #fff; display: inline-block; padding: 3px 5px; }
    .di.langs > a.active, .di.langs > a:hover { background-color: #0096db; }

/* Slider */
#slider { position: relative; padding: 0; }

.sliderIcerik { position: absolute; top: 60%; width: 100%; z-index: 9999; }
    .sliderIcerik h2 { background: rgba(0,123,174,0.9); color: #fff; font-size: 46px; font-weight: 100; margin: 0; padding: 10px 10px 10px 0; position: absolute; top: 0; }
        .sliderIcerik h2 span.boldT { font-weight: 700; font-size: 48px; }
        .sliderIcerik h2 span.normT { font-weight: 300; font-size: 36px; }
    .sliderIcerik .bannerProduct { position: relative; float: right; }
        .sliderIcerik .bannerProduct img { width: 100%; margin-top: 100px; }
        .sliderIcerik .bannerProduct .proText { width: 70%; position: absolute; left: -100px; top: -20px; border: 18px solid #007bae; font-size: 18px; font-weight: 300; color: #a0a7ab; padding: 0 20px 20px; z-index: -1; }
#slider .active .sliderIcerik { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 0.5s; }

#slider .owl-nav { position: absolute; width: 200px; top: 78%; left: 8%; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 0.5s; }
#slider .owl-next,
#slider .owl-prev { background: rgba(0,123,174,0.9) url(../images/slider-owl.png) no-repeat; width: 35px; height: 58px; position: absolute; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; text-indent: -99999em; }
#slider .owl-prev { left: 0; }
#slider .owl-next { left: 50px; background-position: -35px 0; }
#slider .owl-prev:hover { background: rgba(0,123,174,0.4) url(../images/slider-owl.png) no-repeat; }
#slider .owl-next:hover { background: rgba(0,123,174,0.4) url(../images/slider-owl.png) no-repeat -35px 0; }

.Hizm, #content h3.Hizm { color: #0095db; font-weight: 100; font-size: 40px; margin: 70px 0 30px; }
#hizmetler { margin-bottom: 60px; }
    #hizmetler img { height: 200px; object-fit: cover; width: 100%; }
    #hizmetler h3 .hizmetAdi { font-weight: 700; font-size: 18px; margin: 20px 0; }
    #hizmetler p { font-weight: 300; }
    #hizmetler .owl-nav { position: absolute; top: 50%; margin-top: -14px; width: 100%; }
    #hizmetler .owl-prev { left: -70px; }
    #hizmetler .owl-next { right: -70px; }
    #hizmetler .owl-next,
    #hizmetler .owl-prev { background: url(../images/navs.png) no-repeat; width: 28px; height: 28px; display: inline-block; text-indent: -9999em; position: absolute; }
    #hizmetler .owl-next { background-position: -28px 0; }
        #hizmetler .owl-next:hover { background-position: -28px -28px; }
    #hizmetler .owl-prev:hover { background-position: 0 -28px; }

#terkanHakkinda { padding: 40px 0; background: #0095db url(../images/anaHak.jpg) no-repeat right; background-size: contain; margin-top: 40px; }
    #terkanHakkinda h3 { color: #fff; font-weight: 700; font-size: 40px; margin: 0 0 20px; }
    #terkanHakkinda p { color: #fff; font-size: 16px; font-weight: 300; }
    #terkanHakkinda a.more { font-size: 14px; font-weight: 700; color: #fff; }
        #terkanHakkinda a.more:hover { color: #d73325; }

#bHaberler { background: #ededed; padding: 40px 0; }
.haberBaslik { color: #0095db; font-weight: 700; margin: 0 0 20px; font-weight: 100; font-size: 40px; }
#haberler img { width: 100%; padding: 10px; border: solid 1px #ccc; }
#haberler .haberImg { width: 50%; float: left; }
#haberler .anaHaber { width: 43%; float: left; margin-left: 4%; }
    #haberler .anaHaber a { color: #5f5f68; font-weight: 300; font-size: 16px; }
#haberler .haberTarih { font-weight: 400; color: #ababab; font-size: 16px; }

#referans { border-top: 1px solid #ddd; margin: 40px 0; padding-top: 40px; }
#referanslar .item img {  margin: auto; object-fit: scale-down; width: 150px; max-width: 80%; }

/* Ebulten */
#bulten { background: #0095db; padding: 30px 0; }
#bultenWrap { padding-left: 100px; background: url(../images/bulten.png) no-repeat left 20px center; }
#bulten .title { color: #fff; font-size: 18px; font-weight: 700; }
#bulten .description { color: #c4c4c4; font-weight: 600; margin-top: 5px; font-size: 14px; }
.ebulten { }
    .ebulten .form-control { background: #dbdbdb; border-radius: 0; border: none; height: 65px; line-height: 65px; margin-top: 5px; }
    .ebulten .ebultenGonder { position: absolute; bottom: 0; right: 0; height: 65px; border: none; background: #2d9ddf; color: #fff; text-shadow: 1px 1px 2px rgba(24,104,141,.2); font-weight: 600; padding: 0 25px; }

footer { padding: 0; }
.flogo { margin-top: 25px; }
.copyright { color: #949494; padding: 0; margin: 15px 0 15px 25px; }
.venus { margin: 25px 0; color: #949494; display: inline-block; text-align: right; }

.goto { float: right; background: #ff1812; padding: 25px 20px; }
    .goto:hover { background: #2d9ddf; }

#inner { width: 100%; padding: 0; position: relative; }
#masterRight h1 { position: relative; padding: 20px; background: #0095db; color: #fff; font-weight: 100; font-size: 40px; margin: 0; float: right; }
#inner img { width: 100%; }

#masterLeft img { width: 100%; }
#breadcrumbArea { padding: 5px; margin-top: 0; background: #ededed; }
    #breadcrumbArea .breadcrumb { background: transparent; border-radius: 0; padding: 0 0 0 10px; margin: 0; position: relative; }
        #breadcrumbArea .breadcrumb li a { color: #aaa; font-size: 12px; }
        #breadcrumbArea .breadcrumb li.active a { color: #ccc; }
    #breadcrumbArea img { vertical-align: top; margin-top: 3px; }
.breadcrumb > li + li::before { content: ">"; font-weight: 700; font-size: 10px; color: #aaa; }

#content { position: relative; padding: 0; margin-top: -30px; min-height: 400px; }
.before { background: #ededed; }
.sub ul { float: left; position: relative; width: 100%; background: #ededed; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0px solid #000000; }
    .sub ul li { margin: 0; border-bottom: solid 1px #ccc; background: none; float: left; position: relative; width: 100%; }
        .sub ul li a { background: rgba(0, 0, 0, 0) url("../images/bullet.png") no-repeat scroll right 20px center; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; color: #000; font-size: 14px; margin: 0; font-weight: 700; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; float: left; position: relative; width: 100%; padding: 20px; }
        .sub ul li.active a, .sub ul li.clicked a { background: #ce3022 url(../images/bullet-hover.png) no-repeat right 20px center; color: #fff; }
{ background: #ce3022 url(../images/bullet-hover.png) no-repeat right 20px center; }
.sub ul li.active:hover a, .sub ul li.clicked:hover a { background: #ce3022 url(../images/bullet-hover.png) no-repeat right 20px center; }
.sub ul li a:hover { background: #0095db url(../images/bullet-hover.png) no-repeat right 20px center; color: #fff; }
.subLeft { float: left; position: relative; padding: 0; list-style: none; border-top: 1px solid #ccc !important; }
ul.subLeft li a { font-size: 12px; padding: 21.2px 40px; color: #444; background: url(../images/subbul.png) no-repeat left 15px center; }
ul.subLeft li { background: none; }
    ul.subLeft li:hover a { background: #0095db url(../images/subbulHover.png) no-repeat left 15px center; }

#content h2.menu-title { color: #0095db; font-weight: 100; max-width: 500px; font-size: 40px; }


/*#masterLeft .subLeft { left: 0; position: absolute; z-index: -1; opacity: 0; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
#masterLeft li:hover .subLeft { left: 100%; z-index: 9; opacity: 1; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }*/


.pad50 { padding-left: 50px; }
#content p { font-size: 16px; font-weight: 500; color: #444; margin-bottom: 30px; }
#content h2 { font-size: 18px; font-weight: 700; margin: 10px 0 20px; }
#content h3 { font-size: 30px; font-weight: 700; margin: 0; color: #ce3022; }
#content h4 { color: #0095db; font-size: 25px; font-weight: bold; }
#content td { border: 1px solid #ccc; padding: 5px; }
#content .iletForm td { padding: 20px; }
#masterRight, #masterLeft { float: right; }
    #masterRight ul { font-size: 14px; font-weight: 300; color: #444; list-style-image: url(../images/bulletList.png); padding: 0; list-style-position: inside; }
        #masterRight ul li { margin-bottom: 20px; }

.options { z-index: 9; margin-top: 2px; float: right; }
    .options a { width: auto; float: left; margin-right: 2px; padding: 8px 5px 8px 25px; font-size: 12px; color: #fff; text-align: center; }
        .options a.fb { background: #aaa url("../images/icon-fb-xs.png") no-repeat scroll left 5px center; }
            .options a.fb:hover { background: #ce3022 url("../images/icon-fb-xs.png") no-repeat scroll left 5px center; }
        .options a.tw { background: #aaa url("../images/icon-tw-xs.png") no-repeat scroll left 5px center; }
            .options a.tw:hover { background: #ce3022 url("../images/icon-tw-xs.png") no-repeat scroll left 5px center; }
        .options a.gp { background: #aaa url("../images/icon-gp-xs.png") no-repeat scroll left 5px center; padding-right: 0; }
            .options a.gp:hover { background: #ce3022 url("../images/icon-gp-xs.png") no-repeat scroll left 5px center; }

        .options a.print { background: #aaa url("../images/printer.png") no-repeat scroll left 5px center; }
            .options a.print:hover { background: #ce3022 url("../images/printer.png") no-repeat scroll left 5px center; }

.faal .hizmetBox { padding: 60px 55px 54px 125px; }
    .faal .hizmetBox img { left: 48px; }
.faal:hover .hizmetBox { background: #36338b; }
    .faal:hover .hizmetBox:after { background: url(../images/hover.html) no-repeat; content: ""; position: absolute; top: -45px; width: 227px; height: 200%; right: -40px; z-index: 100; }

.refHolder { width: 100%; border: solid 1px #eee; margin-bottom: 25px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .refHolder:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); }
    .refHolder img { width: 100%; padding: 20px 50px; }
#content .refHolder .text { padding: 5px 10px; background: #eee; text-align: center; height: 85px; display: table; width: 100%; }
#content .refHolder p { font-weight: 700; margin-bottom: 0; display: table-cell; vertical-align: middle; }
#content .refHolder .text p { }
#content .refHolder .city { background: #dedede; height: 45px; display: table; width: 100%; text-align: center; padding: 5px 10px; }
    #content .refHolder .city p { font-size: 12px; }

.faal { margin-bottom: 30px; }
.text { padding-top: 50px; padding-bottom: 20px; }
img {

width: 100%;

height: auto; }
#content .text p { font-weight: 300; text-align: justify; }
#masterRight .faalList { list-style-image: url(../images/faalArr.html); color: #8b8b8b; font-size: 14px; margin-top: 5px; }
    #masterRight .faalList li { margin-bottom: 5px; }
    #masterRight .faalList a { color: #8b8b8b; font-size: 13px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        #masterRight .faalList a:hover { color: #36338b; }

.prods li ul { display: none; }
.faalHolder { width: 100%; height: 80px; border: solid 3px #eee; text-align: center; display: table; margin-bottom: 10px; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; background: url(../images/faalHolderBg.html); }
#content .faalHolder p { display: table-cell; vertical-align: middle; font-weight: 700; color: #36338b; }
#content .faalHolder:hover p { background: #36338b; color: #fff; }
.haberContent { margin-bottom: 25px; }
    .haberContent h3 { height: 36px; margin-top: 15px !important; }
    .haberContent p { height: 70px; }
    .haberContent .hButon, .hdvm { background: #36338b; border: 1px solid transparent; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; color: #fff; display: block; padding: 10px 0 6px; text-align: center; font-weight: 600; }
.hdvm { margin: 15px 0 0; }
    .haberContent .hButon:hover, .hdvm:hover { background: transparent; border: 1px solid #0095db; color: #36338b; }
.haberDetay { }
    .haberDetay h3 { margin-top: 0 !important; }
.haberTarih { padding: 7px 0; color: #000; }
.habHolder { width: 100%; padding: 5px; margin-bottom: 20px; border: solid 2px #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    .habHolder .haberContent { margin-bottom: 0; }
.habLeft { padding: 15px; margin-bottom: 20px; border: solid 2px #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.contentText th { background: #0095db; }
#content .contentText th h2 { color: #fff; margin: 10px; }

.ilet { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30); }
.table { margin-bottom: 0; }
.form-group { margin-bottom: 0; min-height: 64px; }
.form-control { padding: 15px 10px 16px; height: auto; color: #9f9f9f; border: solid 2px #cccccc; box-shadow: none; border-radius: none; }
.send { width: 100%; border-radius: 4px; background: #f07d00; color: #fff; font-size: 16px; font-weight: 600; padding: 15px; margin: 20px 0; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
    .send:hover { background: #5c5a5a; color: #fff; }
.form-horizontal .control-label { text-align: left; font-weight: 600; color: #5c5a5a; padding: 5px 20px; }
/*.captcha { border-radius: 4px; width: 100%; height: 36px; background: #fff; border: solid 2px #cccccc; padding: 0 4px; }*/

.panel { border: solid 6px #0095db; background: #0095db; color: #fff; text-align: center; overflow: hidden; border-radius: 20px 0 20px 0; margin: 20px 0 0 0; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
.panel-heading { padding: 0; min-height: 62px; }
.panel a { color: #fff; font-size: 16px; font-weight: 700; width: 100%; height: 100%; position: relative; padding: 30px; float: left; }
.panel:hover { border: solid 6px #1a84c7; border-radius: 0 20px 0 20px; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
.panel img { margin: auto; }
.panel.referans:hover img { -webkit-animation-name: flip; animation-name: flip; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */ animation-delay: 0.2s; }

.pic-holder { border: solid 6px #ededed; padding: 5px; width: 100%; float: left; margin-bottom: 20px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .pic-holder:hover { border: solid 6px #0095db; }
    .pic-holder img { height: 200px; filter: alpha(opacity:90); object-fit: cover; opacity: 0.9; width: 100%; }
    .pic-holder:hover img { opacity: 1.0; filter: alpha(opacity:100); }
    .pic-holder .desc { position: absolute; bottom: 0; left: 0; font-weight: 300; background: rgba(0,0,0,0.70); color: #fff; width: 100%; padding: 10px; font-size: 12px; text-align: center; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .pic-holder:hover .desc { background: #0095db; }
a.back { padding: 10px; float: left; background: #ce3022; color: #fff; font-weight: 700; font-size: 12px; }



.panel.referans { background: #fff none repeat scroll 0 0; margin: 35px; }
    .panel.referans img { height: 150px; object-fit: scale-down; width: 150px; }
    .panel.referans .panel-heading { color: #0095db; padding-bottom: 20px; }
.ref .referans-fotolar { display: none; }
.panel.referans-fotolar { background: #ededed none repeat scroll 0 0; border: medium none; }
    .panel.referans-fotolar .panel-heading { color: #555; font-size: 20px; min-height: auto; padding: 40px 20px 0; }

.ref { display: inline-block; float: none; vertical-align: top; width: 24%; cursor: pointer; }
#referanslogolar > .panel.referans-fotolar { display: block; float: left; margin: 0 35px; width: calc(100% - 120px); }
.text strong { font-weight: 500; }


.haberler-uygulamalar { padding-top: 30px; }
    .haberler-uygulamalar h3 { color: #0095db; font-size: 25px; font-weight: 200; margin: 20px 0; }
.item-img { display: block; height: 160px; overflow: hidden; position: relative; width: 100%; }
.haberler-uygulamalar .haberTarih { background-color: #0095db; bottom: 0; color: #fff; display: block; padding: 4px 10px; position: absolute; right: 0; z-index: 9; }
.haberler-uygulamalar h4 a { color: #0095db; display: block; margin: 20px 0; }
.altbaslikicerigi { display: none; width: 100% !important; }
#content .altbaslik > h4 { background: #0095db none repeat scroll 0 0; color: #fff; cursor: pointer; padding: 15px 35px 15px 15px; position: relative; }
    #content .altbaslik > h4::after { background: rgba(0, 0, 0, 0) url("../images/bullet-hover.png") no-repeat scroll 0 0; content: ""; height: 10px; position: absolute; right: 18px; top: 23px; transform: rotate(90deg); width: 6px; }
.servis724 { font-size: 27px !important; padding: 0 15px; }
.captcha { float: right; width: 50%; }
    .captcha > img { float: right; height: auto; max-height: 35px; max-width: 100%; width: auto !important; }
.captchadiv .form-control { width: 50%; }
.button-contact { background: #003462 none repeat scroll 0 0; border-radius: 4px; color: #fff; margin: 32px 0 0; padding: 15px 20px; width: 100%; }

@media(max-width:480px) {
    .logo h1 { margin: 20px 0 0 !important; }
        .logo h1 img { max-width: 70%; }
    .headerUst { height: 10px !important; }
        .headerUst .bl { display: none; }
    .navbar-default { margin-top: -55px !important; }
    .sliderIcerik h2 { display: none; }
    .sliderItem { height: 150px; }
    #slider .owl-item img {  max-width: unset; height: 100%; }
    #terkanHakkinda h3 { font-size: 30px; }
    .ref { width: 99% !important; }
    .langs { margin: 10px 0 15px 20px; }
}

@media(max-width:767px) {
    .fitted { z-index: 999; padding: 0 15px !important; }
    .logo h1 { margin: 30px 0 0; }
    .headerUst { height: 50px; border-top: 1px #dedede; }
        .headerUst .bl { float: none; text-align: center; border-top: solid 1px #dedede; }
    .navbar-collapse { padding-left: 0; z-index: 10; background: #fff; margin-top: 20px; }
    .navbar-default { margin-top: -65px; position: absolute; right: 0; top: 0; text-align: center; width: 100%; z-index: 10; }
    .navbar-right { margin: 0; border: solid 1px #eee; }
    .navbar-default .navbar-nav li { border-bottom: solid 1px #eee; }
        .navbar-default .navbar-nav li > a { padding: 15px 15px !important; margin-top: 0 !important; }
    .navbar-default .navbar-nav.navbar-left { margin-top: 15px !important; }
    .navbar-default .navbar-nav li:hover ul { display: none; }
    .slid { padding: 0 15px !important; }
    .sliderIcerik h2 { font-size: 26px; }
        .sliderIcerik h2 span.boldT { font-size: 28px; }
        .sliderIcerik h2 span.normT { font-size: 16px; }
    #terkanHakkinda { background-size: cover; }
    .pad50 { padding-left: 15px; }
    .sub ul { float: none; }
    #masterRight h1 { float: none; font-size: 30px; }
    #content { margin-top: -15px; }
    #masterLeft { margin-bottom: 50px; }
    #masterLeft, #masterRight { float: none; }
    .ref { width: 49%; }
}

@media(min-width:768px) and (max-width:992px) {
    .fitted #header .col-sm-3 { width: 100%; }
    .fitted #header .col-sm-9 { width: 100%; }
    .headerUst { margin-top: -50px; }
    .navbar-collapse { padding-left: 0; }
    .navbar-right { margin: 20px auto 0; float: unset !important; width: 660px; }
    .navbar-default .navbar-nav > li > a { font-size: 14px; padding-left: 7px; padding-right: 7px; }
    .sliderIcerik h2 { font-size: 26px; }
        .sliderIcerik h2 span.boldT { font-size: 28px; }
        .sliderIcerik h2 span.normT { font-size: 16px; }
    #masterRight h1 { float: none; font-size: 36px; }
    .ref { width: 32%; }
}

@media(min-width:992px) and (max-width:1199px) {
    .fitted { width: 100%; }
        .fitted #header .col-sm-3 { width: 100%; }
        .fitted #header .col-sm-9 { width: 100%; }
    .headerUst { margin-top: -50px; }
    .navbar-right { margin: 20px auto 0; float: unset !important; width: 840px; }
    .sliderIcerik h2 { font-size: 36px; }
        .sliderIcerik h2 span.boldT { font-size: 38px; }
        .sliderIcerik h2 span.normT { font-size: 26px; }
    .ref { width: 33%; }
}

@media(max-width:1359px) {
    .fitted { width: 100%; padding: 0 50px; }
}

@media(max-width:720px) {
    #terkan { margin-top: 15px; }

    #slider .sliderItem > img { height: 300px; object-fit: cover; width: 100% !important; object-position: right; }

    #slider .sliderItem > img { animation-duration: 15s; animation-fill-mode: both; animation-delay: 0s; animation-name: imageAnimation; animation-iteration-count: infinite; }
    .sliderItem { height: auto; }

    #slider .owl-nav { bottom: 0; left: 0; top: auto; }

    #slider .owl-next, #slider .owl-prev { border-radius: 0; margin: 0; position: unset; }

    .sliderIcerik h2 { display: block; }

    #terkanHakkinda h3 { font-size: 23px; }

    #terkanHakkinda p { font-size: 13px; }

    .container-fluid.slid { margin: 0; padding: 0 !important; }

    .logo h1 { display: inline-block; position: relative; z-index: 99; }
}



@keyframes imageAnimation {
    0% { opacity: 1; object-position: left; }
    50% { opacity: 1; object-position: right; }
    100% { opacity: 1; object-position: left; }
}