﻿@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i);
.ortala .infobtn:hover, .servicebox a:hover { text-decoration: none }
.info-form, .maps { position: relative }
.campaingapp, .campaingdetail, .campainghead, .footcontact a, .modal-body, .modal-footer, .tophead, .yorumhr { overflow: hidden }
* { font-family: Ubuntu,sans-serif }
.nopad { padding: 0 }
.nopadleft { padding-left: 0 }
.nopadright { padding-right: 0 }
.martop30 { margin-top: 30px }
.navbar-default { background: #fff; border: none }
.tophead { display: block; width: 100%; border-bottom: 1px solid #e1e0e6; padding-top: 10px; margin-bottom: 15px }
.topheadgizle { display: none; }
.navbar-fixed-top { min-height: 100px; }
.wp { font-size: 10px; color: #189d0e }
.wp img { float: left; margin-right: 5px }
.wp a { color: #353232; font-size: 14px; font-weight: 700 }
.top-social-list li { float: left; margin-left: 15px; list-style: none }
.top-social-list li i { color: #e2e2e5; font-size: 14px }
.navbar-default .navbar-nav > li > a { color: #29255a; font-size: 14px; font-weight: 500; transition: all .2s ease; border-radius: 5px }
.infobtn, .servicebox a { transition: all .5s ease }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #fff; background-color: #d21119 }
.info-form { background: #29255a; border-radius: 10px; padding: 12px 0 18px; margin-top: -30px; z-index: 999; border: 1px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(41,37,90,1); -moz-box-shadow: 0 0 0 4px rgba(41,37,90,1); box-shadow: 0 0 0 4px rgba(41,37,90,1) }
.ortala .infobtn, .servicebox a { border-radius: 5px; display: block; text-align: center }
.info-form span { display: block; color: #fff; font-size: 20px; font-weight: 500; margin-bottom: 12px }
.info-form span strong { font-size: 12px; font-weight: lighter; margin-left: 17px }
/*.col5li { width: 20%; float: left }*/
.infobtn { background: #b41017; color: #fff; font-size: 18px; font-weight: 500; text-align: center; width: 100% }
.infobtn:hover { color: #fff; background: #980e14 }
.servicebox { padding: 0 }
.servicebox img { margin: 0 auto }
.servicebox span { font-size: 20px; color: #303030; display: block; margin: 15px 0; font-weight: 500 }
.servicebox h2 { font-size: 20px; color: #303030; display: block; margin: 15px 0; font-weight: 500 }
.servicebox h3 { font-size: 20px; color: #303030; display: block; margin: 15px 0; font-weight: 500 }
.servicebox h4 { font-size: 20px; color: #303030; display: block; margin: 15px 0; font-weight: 500 }
.servicebox p { font-size: 14px; color: #656565; font-weight: lighter }
.servicebox a { }
.servicebox:hover .mainlink { background: #ea092a; color: #fff; }
.servicebox span.mainlink { width: 106px; height: 31px; background: #c9c9c9; color: #5e5e5e; font-size: 12px; font-weight: 500; line-height: 32px; margin-top: 20px; text-align: center; }
.topsearch { float: right; outline: none; border-radius: 5px; border: 1px solid #000; padding: 5px; margin-top: -6px; margin-left: 15px; display: none; }
.searchgizle { margin-left: 15px; cursor: pointer; margin-top: 4px; float: right; }
.searchgoster { margin-left: 15px; display: none; cursor: pointer; margin-top: 4px; float: right; }
.parallax, .parallax2 { min-height: 275px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0px 0 80px }
.servicebox a i { margin-left: 15px }
.parallax { background-image: url(../../images/parallax.jpg) }
.parallax2 { background-image: url(../../images/parallax2.jpg) }
.ortala { float: none; margin: 0 auto; text-align: center }
.ortala h5 { font-size: 36px; font-weight: lighter; color: #fff; line-height: 60px }
.ortala h6 { font-size: 36px; font-weight: lighter; color: #fff; line-height: 60px }
.ortala h5 strong { font-size: 48px; color: #fff; font-weight: 500 }
.ortala h6 strong { font-size: 48px; color: #fff; font-weight: 500 }
.ortala h3 { font-size: 36px; font-weight: lighter; color: #fff; line-height: 60px }
.ortala h2 strong { font-size: 48px; color: #fff; font-weight: 500 }
.ortala h3 strong { font-size: 48px; color: #fff; font-weight: 500 }
.ortala p { font-size: 14px; font-weight: lighter; color: #fff; margin-top: 45px; opacity: 1 }
.ortala .infobtn { width: 230px; margin: 55px auto 0; padding: 10px 0 }
.footbayii, .footmenu, .footsocial { padding-left: 0; list-style: none }
.footbayii { margin: 0 auto; float: none; width: 160px; }
.ortala .infobtn2 { background: #e8eaeb; color: #535353; float: left; width: 229px; font-size: 15px; margin-right: 88px; }
.ortala .infobtn2:last-child { margin-right: 0 }
.legistext { padding: 5px 0; border-bottom: 1px solid #d21119; text-align: center; }
.legishead a { padding: 4px 17px; text-align: center; font-weight: lighter; border-radius: 5px; color: #fff; font-size: 16px; transition: all .5s ease; background: #29255a; }
.legishead a:hover { background: #d21119; text-decoration: none; }
.ortala .infobtn2:hover { background: #d60d2a; color: #fff }
.service2 a { background: 0 0; color: #535353; font-size: 15px }
.service2 a:hover { color: #d50c2a; background: 0 0; text-decoration: underline }
.mainbloghead { display: block; text-align: center; color: #292929; font-size: 30px; font-weight: 500; margin: 25px 0 }
.maps iframe { border: 2px solid #d8d8d8 }
.mapsname1, .slickWindow { border-top-left-radius: 10px }
.maps span { position: absolute; background: rgba(0,0,0,.67); bottom: 6px; width: 243px; height: 105px; text-align: center; font-size: 20px; color: #fff; line-height: 115px }
.mapsname1 { right: 17px }
.mapsname2 { left: 17px; border-top-right-radius: 10px }
.ortala #owl-demo3 p { font-size: 16px; font-weight: lighter; color: #565656; margin-top: 45px; font-style: italic; transition: all .3s ease }
.yorumbox { margin-top: 55px }
.yorumbox span.ogrenciname { color: #7d3300; font-size: 24px; font-weight: 500; transition: all .3s ease; display: block; }
.yorumbox span i { color: #fbdd13; margin-right: 3px }
.yorumbox span i:last-child { margin-right: 0 }
.yorumbox:hover h3 { font-size: 26px }
.yorumbox:hover p { font-size: 18px !important }
.yorumhr { background: #d2d2d2; width: 100%; height: 1px; display: block; margin: 35px 0 }
.footer { background: #181818; padding-top: 30px }
.footmenu li.footmenuhead, .footbayii li.footmenuhead { color: #ed1e24; font-size: 14px; margin-bottom: 15px; font-weight: 500 }
.footmenu li a { color: #838282; font-size: 14px }
.footbayii li a { color: #838282; font-size: 14px }
.copy { margin: 35px 0 25px }
.copy p { color: #838282; font-size: 14px }
.footsocial li { float: left; margin-right: 5px; margin-top: -15px }
.footsocial li:first-child { margin-right: 10px; margin-top: 0 }
.footsocial li:last-child { margin-right: 0 }
.footsocialhead { color: #a5522b }
.slickWindow { display: none; background: #b41017; width: 350px; min-height: 190px; border-bottom-left-radius: 10px; right: 0; bottom: 37px; position: fixed; padding: 12px 20px 45px; border: 2px solid #fff; -webkit-box-shadow: -7px 7px 13px 0 rgba(0,0,0,.75); -moz-box-shadow: -7px 7px 13px 0 rgba(0,0,0,.75); box-shadow: -7px 7px 13px 0 rgba(0,0,0,.75); transition: all .5s ease; z-index: 99999 }
.slickWindow span { display: block; text-align: center; font-size: 22px; color: #fff; margin-bottom: 17px; border-bottom: 1px solid; padding-bottom: 11px; font-weight: bolder }
.bilgiac, .servicebox:hover .maincategoryoverlay { display: none }
.slickWindow p { font-size: 16px; color: #fff }
.slickWindow p strong { font-size: 26px }
.slickWindow a { background: #fff; color: #b41017; padding: 10px 20px; text-align: center }
.maincategoryoverlay { width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; top: 0; border-radius: 5px; left: 0 }
.servicebox figure { position: relative }
.footcontact { position: fixed; right: 0; bottom: 25px; width: 123px; z-index: 9999 }
.footcontact a { display: block; cursor: pointer }
.footwp { margin-top: -18px; margin-bottom: -22px }
.pagebanner { background: url(../../images/pagebanner.jpg) no-repeat; background-size: cover; max-height: 355px; min-height: 355px }
.pageinfo { padding-top: 175px }
.breadcrumb { background: 0 0; margin: 0; padding: 0 }
.breadcrumb li a { color: #fff; font-size: 14px }
.pagename { font-size: 40px; font-weight: 700; color: #fff; margin: 0 0 30px }
.pagefb, .pagewp { padding: 8px 25px; text-align: center; font-weight: lighter; border-radius: 5px; color: #fff; font-size: 16px; transition: all .5s ease; cursor: pointer; }
.pagewp { background: #189d0e; margin-right: 10px }
.pagefb { background: #1259a4 }
.pagewp:hover { background: #12610d }
.pagefb:hover { background: #0f3d6d }
.pagefb:hover, .pagewp:hover { text-decoration: none; color: #fff }
.pageslogan { padding-top: 35px }
.pagecontent { padding: 25px 0 35px }
.bg-grey, .campaing { padding-bottom: 35px }
.pagecontent p { font-size: 16px; color: #282828; line-height: 24px; margin-bottom: 20px }
.pagecontent h2 { color: #de1e26; font-size: 24px; font-weight: 400; margin: 37px 0 15px }
.bg-grey { background: #f4f4f4; margin-top: 25px }
.campaing { margin-top: -25px; background: #fff }
.campainghead { font-size: 24px; color: #fff; text-align: center; display: block; height: 87px; padding-top: 15px; margin-bottom: 25px }
.campainginfo, .time { color: #9a9a9a; text-align: center; display: block }
.campainghead strong { display: block; font-size: 12px; font-weight: 400 }
.campaing .borderbottom { border-bottom: 1px solid #919191; padding: 8px 15px }
.campaingimg { margin-top: 11px; margin-left: 10px }
.blue .campainghead { background: url(../../images/icon/campaingblue.png) center no-repeat }
.yellow .campainghead { background: url(../../images/icon/campaingyellow.png) center no-repeat }
.red .campainghead { background: url(../../images/icon/campaingred.png) center no-repeat }
.time { font-size: 16px; padding-top: 8px }
.time strong { font-size: 12px; font-weight: 400; display: block }
.campainginfo { font-size: 16px }
.campainginfo strong { font-size: 12px; font-weight: 400; display: block }
.campaingdetail { font-size: 22px; display: block; text-align: center; color: #de1e26; width: 100%; margin: 13px 0; float: left }
.campaingapp { font-size: 15px; color: #fff; text-align: center; width: 136px; height: 37px; line-height: 37px; border-radius: 10px; display: block; margin: 0 auto; transition: all .5s ease }
.campaingapp:hover { color: #fff; text-decoration: none }
.blue .campaingapp { background: #8bd4d2 }
.blue .campaingapp:hover { background: #78b9b7 }
.yellow .campaingapp { background: #e8a12b }
.yellow .campaingapp:hover { background: #c08523 }
.red .campaingapp { background: #dd4b5f }
.red .campaingapp:hover { background: #ae3e4d }
.pageform { background: url(../../images/pageform-bg.png) center no-repeat; padding-top: 25px }
.formhead { display: block; text-align: center; font-weight: lighter; font-size: 20px; color: #fff; margin: 18px 0 }
.pageinput { margin: 14px 0 }
.pagebtn { background: #b41017; color: #fff; font-size: 18px; font-weight: 500; text-align: center; width: 60%; transition: all .5s ease; margin: 20px auto 30px; display: block }
.pagebtn:hover { color: #fff; background: #980e14 }
.cevaplabtn { background: #b41017; color: #fff; font-size: 18px; font-weight: 500; text-align: center; width: 60%; transition: all .5s ease; margin: 20px auto 30px; width: 125px }
.cevaplabtn:hover { color: #fff; background: #980e14 }
.pageleftmenu { background: #de1e26; margin: 25px 0; padding: 40px 0 30px }
.pagemenuname { font-size: 22px; color: #fff; display: block; padding-left: 0; margin-bottom: 30px;text-align:center; }
.nav-sidebar { padding: 0 }
.nav-sidebar li a { padding: 5px 0 5px 20px !important; color: #fff; font-size: 16px; transition: all .3s ease; font-weight: lighter }
.nav-sidebar li a:hover { background: #bf0d14 }
.nav-sidebar li.active a { background: #bf0d14; padding: 10px 0 10px 20px !important }
.nav-sidebar li a i { float: left; margin-right: 35px; margin-top: 7px }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 250px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px #000 }
.dropdown-menu > li > a { display: block; padding: 11px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; transition: all .2s ease }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; text-decoration: none; background-color: #d21119 }
.form span { position: absolute; top: -10px }
.popuptextkaps { position: relative }
.popuptextkaps span { position: absolute; top: 35px; right: 10px }
.col5li span { position: absolute; font-size: 12px;color:#fff !important; }
.navbar-toggle { margin-right: 25px }
.pagecontent .col-md-8 ul li { font-size: 16px; }
.tanitimhead { font-weight: bold; }
.tanitimbox { text-align: center; }
.pagedathr { border-bottom: 1px dotted #000; border-top: none; overflow: hidden; display: block; float: left; width: 100%; }
#pnlProjeDetay hr { border-bottom: 1px dotted #000; border-top: none; }
.blogname { color: #29255a; font-size: 25px; display: block; text-align: left; border-bottom: 1px solid #29255a; padding-bottom: 11px; margin-bottom: 3px; }
.blogbox { padding: 15px 0; margin-bottom: 20px; }
.blogcont { padding: 17px 10px; background: #f7f7f7; }
.blogcont p { margin: 0; line-height: 30px; text-align: justify; }
.blogtextbox { -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); margin-bottom: 25px; padding: 15px; min-height: 340px; }
.blogtextbox a:hover { text-decoration: none; }
.blogtextbox figure { overflow: hidden; }
.blogtextbox:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: 1s ease; }
.blogtextbox figure img { margin: 0 auto; transition: 1s ease; }
.blogtextname { color: #de1e26; display: block; font-size: 16px; text-align: center; margin: 20px 0; }
.blogtextdate { color: #27245b; display: block; font-size: 12px; text-align: left; float: left; }
.bloggoruntuleme { float: right; color: #de1e26; font-size: 12px; }
.bloggoruntuleme i { margin-right: 5px; }
.pageing { padding: 10px; text-align: center; margin: 10px 5px 10px 0; background: #29255a; color: #fff; }
.pageingactive { background: #de1e26; }
.pageing:hover { text-decoration: none; color: #fff; }
.subebox { }
.subebox iframe { margin-bottom: 15px; }
.subebox p { }
.subebox p a { color: #29255a }
.subebox p a:hover { text-decoration: none; }
.subebox p i { margin-right: 10px; font-size: 19px; color: #d21119; }
.popuptextkaps label i { margin-right: 5px; }
.navbar-toggle { margin-top: -52px; }
.modal-dialog .btn { background: #de1e26; color: #fff; }
.modal-header .close { margin-top: -2px; font-size: 44px; }
.telhata { position: absolute; font-size: 11px !important; top: 41px; color: #de1e26; }
.info_form_small span { position: absolute; font-size: 12px; }