@charset "utf-8";

@import "https://fonts.googleapis.com/css?family=Exo:300,400,500,600,700,800,900";

@import "https://fonts.googleapis.com/css?family=Roboto:400,500,700,900";

html,body,div,span,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size:12px;
font-weight:400
}

:focus {
outline:0
}

ol,ul {
list-style:none
}

table {
border-collapse:separate;
border-spacing:0
}

caption,th,td {
text-align:left;
font-weight:400
}

blockquote:before,blockquote:after,q:before,q:after {
content:""
}

blockquote,q {
quotes:"" ""
}

.temizle {
clear:both
}

.mavi {
background-color:#00F
}

.beyaz {
background-color:#FFF
}

.turuncu {
background-color:#F90
}

.yesil {
background-color:#090
}

.kirmizi {
background-color:red
}

.kkrengi {
background-color:#101010
}

.container {
max-width:980px
}

.betaakademi_bodybgcolor {
background-color:#baf1ff
}

body {
background-color:#fff
}

.logo-alan {
height:100px
}

a.header-logo > img.logo {
position:relative;
float:left;
margin-top:5px;
z-index:99999;
max-height:90px
}

.slider-alan {
background:url(../images/cmr/slider_bg.png) repeat;
width:100%;
height:auto;
position:relative;
border-bottom:8px solid #007bc3;
border-top:8px solid #007bc3
}

.slider-alan:after {
content:"";
position:absolute;
left:0;
bottom:-54px;
width:100%;
height:47px;
background:url(../images/cmr/slider-shadow.png) no-repeat top center
}

.home-body {
min-height:600px;
border-bottom:4px solid #EEF;
padding:45px 0 0
}

@media all and (max-width: 400px) {
a.header-logo > img {
position:absolute;
left:-15px;
width:200px;
height:auto;
margin-top:12px
}
}

footer {
background:url(../images/cmr/footer-bgcolor2.png) repeat-x;
height:200px
}

.body-shadow {
background:url(../images/cmr/slider-shadow.png) no-repeat top center;
width:100%;
height:47px
}

.flogo-alan {
width:100%;
height:126px
}

.desing {
width:100%;
background-color:#d9f1ff;
line-height:24px
}

.header-top {
display:block;
margin:2px 5px 3px 0;
text-align:right
}

.header-top .sosyal_header {
display:inline;
margin:-4px 5px 0 0
}

.header-top .sosyal_header img {
width:auto;
height:36px
}

.header-top .tel_header {
float:right;
font:400 12px/16px Exo,Arial,Helvetica,sans-serif;
color:#444;
z-index:-99;
margin-top:16px
}

.header-top .bize_ulas {
text-align:center;
display:inline-block;
width:158px;
padding:16px 0;
height:50px;
background:url(../images/beta/ulas_ok.png) no-repeat;
margin-right:5px;
font:700 14px Roboto,Arial,Helvetica,sans-serif;
color:#f60
}

.header-menu {
position:relative;
background:transparent url(../images/beta/menu_bg.png) repeat-x;
width:100%;
height:45px;
font-family:"Exo",Helvetica,Arial,sans-serif
}

.header-menu > ul {
display:block
}

.header-menu > ul > li.submenu:hover ul.sub-links {
visibility:visible;
opacity:1
}

ul.sub-links {
position:absolute;
margin:0;
padding:0;
list-style:none;
clear:both;
background:#FFF;
visibility:hidden;
opacity:0;
z-index:600;
top:44px;
min-width:180px;
transition:all ease .3s;
border-radius:4px
}

ul.sub-links.right {
right:0;
text-align:right
}

ul.sub-links li {
border-bottom:1px solid rgba(0,0,0,.1)
}

ul.sub-links li a {
color:#333;
display:block;
padding:10px;
font:300 13px Exo;
transition:all ease .3s;
position:relative
}

ul.sub-links li:last-child a {
border:0
}

ul.sub-links li a:hover {
background:#00aeef;
color:#FFF;
text-decoration:none
}

ul.menubasliklari {
position:absolute;
margin:0;
padding:0;
list-style:none;
clear:both;
border:1px solid #00aeef;
background:#FFF;
visibility:hidden;
opacity:0;
z-index:700;
left:-180px;
margin-top:-30px;
width:180px;
transition:all ease .3s;
border-radius:4px
}

li.altmenu i.fa {
float:right;
line-height:32px;
margin-right:10px
}

li.altmenu:hover ul.menubasliklari {
visibility:visible;
opacity:1
}

.alt-i {
position:absolute;
left:160px;
top:10px
}

ul.menubasliklari2 {
position:absolute;
margin:0;
padding:0;
list-style:none;
clear:both;
border:1px solid #00aeef;
background:#FFF;
visibility:hidden;
opacity:0;
z-index:700;
left:-180px;
margin-top:-30px;
width:180px;
transition:all ease .3s;
border-radius:4px
}

li.altmenu2:hover ul.menubasliklari2 {
visibility:visible;
opacity:1
}

li.altmenu2 i.fa {
float:right;
line-height:32px;
margin-right:10px
}

.dropdown-submenu {
position:relative
}

.dropdown-submenu>.dropdown-menu {
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px;
border-radius:0 6px 6px 6px
}

.dropdown-submenu>a:after {
display:block;
content:" ";
float:right;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:5px 0 5px 5px;
border-left-color:#ccc;
margin-top:5px;
margin-right:-10px
}

.dropdown-submenu:hover>a:after {
border-left-color:#fff
}

.dropdown-submenu.pull-left {
float:none
}

.dropdown-submenu.pull-left>.dropdown-menu {
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px
}

ul.sub-links-sub.right {
right:0;
text-align:right
}

ul.sub-links-sub li {
border-bottom:1px solid rgba(0,0,0,.1)
}

ul.sub-links-sub li a {
color:#333;
display:block;
padding:5px;
font:300 13px Exo;
transition:all ease .3s
}

ul.sub-links-sub li:last-child a {
border:0
}

ul.sub-links-sub li a:hover {
background:#00aeef;
color:#FFF;
text-decoration:none
}

.header-menu > ul > li {
float:right;
height:47px;
background:url(../images/cmr/menu-ayrac.png) no-repeat right top;
margin:6px 0 0
}

.header-menu > ul > li:first-child {
background:none
}

.header-menu > ul > li > a {
display:block;
color:#fff;
font-family:'Exo',sans-serif;
font-size:12px;
line-height:36px;
font-weight:400
}

.header-menu > ul > li > a:hover {
color:#fff;
text-decoration:none
}

.header-menu > ul > li > a > span {
margin-right:3px;
padding:0 12px;
border:1px solid transparent;
display:block;
float:left;
font-family:"Exo",Helvetica,Arial,sans-serif
}

.header-menu > ul > li:hover > a > span {
padding:0 12px;
border-radius:2px 2px 0 0;
border:1px solid #007bc3;
background-color:#007bc3
}

.mobile-menu {
height:53px;
color:#767676;
font-size:20px;
line-height:53px;
font-family:"Exo",Helvetica,Arial,sans-serif;
text-decoration:none
}

.mobile-menu:hover {
text-decoration:none;
color:#00aeef
}

.mobmenu {
position:absolute;
display:none;
top:100px;
width:100%;
background-color:#007bc3;
z-index:9999;
left:0
}

.navbar-nav {
margin:12px 0 0
}

.navbar-nav>li>a {
color:#fff;
text-decoration:none;
font-family:"Exo",Helvetica,Arial,sans-serif
}

.navbar-nav>li.active {
color:#fff;
background-color:#00aeef
}

.navbar-nav>li>a:hover {
color:#fff;
background-color:#00aeef
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
color:#fff;
background-color:#00aeef
}

.dropdown-menu>li>a {
color:#fff
}

.dropdown-menu>li>a:hover {
color:#fff;
background-color:#00aeef
}

.jssorb05 {
position:absolute
}

.jssorb05 div,.jssorb05 div:hover,.jssorb05 .av {
position:absolute;
width:16px;
height:16px;
background:url(../images/cmr/b05.png) no-repeat;
overflow:hidden;
cursor:pointer
}

.jssorb05 div {
background-position:-7px -7px
}

.jssorb05 div:hover,.jssorb05 .av:hover {
background-position:-37px -7px
}

.jssorb05 .av {
background-position:-67px -7px
}

.jssorb05 .dn,.jssorb05 .dn:hover {
background-position:-97px -7px
}

.jssora22l,.jssora22r {
display:block;
position:absolute;
width:40px;
height:58px;
cursor:pointer;
background:url(../images/cmr/a22.png) center center no-repeat;
overflow:hidden
}

.jssora22l {
background-position:-10px -31px
}

.jssora22r {
background-position:-70px -31px
}

.jssora22l:hover {
background-position:-130px -31px
}

.jssora22r:hover {
background-position:-190px -31px
}

.jssora22l.jssora22ldn {
background-position:-250px -31px
}

.jssora22r.jssora22rdn {
background-position:-310px -31px
}

.footer-links h2 {
font:13px Exo;
margin:0 0 10px;
color:#FFF
}

.footer-links ul li a {
color:#fff;
font:300 10px/18px Exo,Arial,sans-serif;
height:21px
}

span.footer-desc {
color:#fff;
font:300 10px/15px Exo,Arial,Helvetica,sans-serif;
display:block
}

.social-links a {
color:#fef;
font-size:24px;
margin-left:5px
}

a:hover i.fa-facebook,a:hover i.fa-facebook-square {
color:#45619D
}

a:hover i.fa-twitter,a:hover i.fa-twitter-square {
color:#55ACEE
}

a:hover i.fa-google-plus,a:hover i.fa-google-plus-square {
color:#C44135
}

a:hover i.fa-linkedin-square {
color:#069
}

a:hover i.fa-youtube-square {
color:#060
}

a:hover i.fa-instagram {
color:#F90
}

a > i {
transition:all ease .5s
}

.neden-biz > a > img {
border:4px solid #fff;
border-radius:6px;
margin:5px 0
}

.neden-biz > h2 {
font:700 21px/21px Exo,Arial,Helvetica,sans-serif;
color:#09F;
padding:10px 0 5px;
background:url(../images/beta/baslik_bg3.png) repeat-x center 20px
}

.neden-biz > h2 > .fa {
font-size:16px;
color:#f90;
margin-right:3px
}

.neden-biz > span {
font:12px/18px Roboto,Arial,Helvetica,sans-serif;
display:block;
margin-top:10px
}

.referens_anasayfa > h2 {
font:400 13px/21px Exo,Arial,Helvetica,sans-serif;
color:#09F;
padding:10px 0 8px;
background:url(../images/beta/baslik_bg.png) repeat-x center 20px
}

.referens_anasayfa > h2 > .fa {
font-size:16px;
color:#f90;
margin-right:3px
}

.referens_anasayfa > a > img {
display:block;
float:left;
margin:5px;
width:45%
}

.musteri-yorumlari > h2 {
font:400 13px/21px Exo,Arial,Helvetica,sans-serif;
color:#09F;
padding:10px 0;
background:url(../images/beta/baslik_bg.png) repeat-x center 20px
}

.musteri-yorumlari > h2 > .fa {
font-size:16px;
color:#f90;
margin-right:3px
}

.talepte-bulunun > h2 {
font:400 12px/21px Exo,Arial,Helvetica,sans-serif;
color:#09F;
padding:10px 0;
background:url(../images/beta/baslik_bg4.png) repeat-x center 20px
}

.talepte-bulunun > h2 > .fa {
font-size:16px;
color:#f90;
margin-right:3px
}

.talepte-bulunun > img {
width:100%;
margin-bottom:20px
}

.flexslider {
margin-top:5px
}

.flexslider p {
font-size:10px;
padding:8px
}

.flexslider h2 {
font-size:12px;
font-family:'Exo',Arial,Helvetica,sans-serif;
color:#898;
padding:10px
}

.flexslider h2 .fa {
font-size:12px;
color:#f90;
margin-right:3px
}

.egitim_alani h2 {
font:700 18px/36px Exo,Arial,Helvetica,sans-serif;
color:#09F;
padding:0 0 5px;
background:url(../images/beta/baslik_bg3.png) repeat-x center 20px
}

.egitim_alani > h2 > .fa {
font-size:18px;
color:#f90;
margin-right:3px
}

.egitim_alani > .egitimler {
text-align:center
}

.egitim_alani > .egitimler img {
margin:15px 0;
border-radius:50%;
transition:all 200ms ease-out 0
}

.egitim_alani > .egitimler img:hover {
box-shadow:0 0 10px rgba(22,22,22,.5)
}

.egitim_alani > .egitimler a {
color:#333
}

.egitim_alani > .egitimler a:hover {
color:#b60;
text-decoration:none
}

.egitim_alani > .egitimler h3 {
font:400 14px/18px Exo,arial,helvetica;
color:#09f;
margin-bottom:10px
}

.egitim_alani > .egitimler p {
font:12px/18px Roboto,arial,helvetica
}

.belgelendirme_alani h2 {
font:700 16px/36px Exo,Arial,Helvetica,sans-serif;
color:#09F;
padding:0 0 5px;
background:url(../images/beta/baslik_bg3.png) repeat-x center 20px
}

.belgelendirme_alani > h2 > .fa {
font-size:18px;
color:#f90;
margin-right:3px
}

.belgelendirme h3 {
padding:8px;
background-color:#ff0500;
color:#fff;
font-size:14px;
font-weight:600;
max-width:100%;
margin:0 auto;
display:block;
font-family:"Exo",Helvetica,Arial,sans-serif
}

.belgelendirme img {
max-width:100%;
border:3px solid #fff;
margin:0 auto 20px;
display:block
}

.akredite_alan > h2 {
font:400 13px/36px Exo,Arial,Helvetica,sans-serif;
color:#09F;
padding:3px 0;
background:url(../images/beta/baslik_bg2.png) repeat-x center 20px
}

.akredite_alan > h2 > a {
font-size:16px;
color:#f90
}

.akredite_alan > h2 > a.prev {
margin-right:10px
}

.akredite_alan > h2 > a.next {
margin-left:10px
}

.akredite_alan > h2 > a:hover {
color:#09F
}

.akredite_alan .yetki_slider .item {
width:100%;
border:2px solid #aaa
}

.social-block {
border:1px solid #999;
padding:6px;
border-radius:6px;
margin:30px 0
}

.border-title {
border-bottom:1px solid #CCC
}

.border-title h2 {
margin:0 0 5px;
font:22px/30px Exo
}

.social-block.facebook {
border-color:#3c589e
}

.social-block.facebook h2 {
color:#3c589e
}

.social-block.twitter {
border-color:#4099ff
}

.social-block.twitter h2 {
color:#4099ff
}

#icsayfalar_genel {
width:100%;
height:auto;
position:relative;
border-top:8px solid #007bc3;
margin-top:-45px
}

#icsayfalar_genel .page_navigasyon {
height:44px;
margin-top:25px
}

#icsayfalar_genel .page_navigasyon > h2 {
color:#fff;
font:700 16px Exo,Arial,Helvetica,sans-serif;
line-height:44px;
margin-left:16px
}

#icsayfalar_genel .page_navigasyon > h2 > i.fa {
margin:0 10px;
color:#D99800
}

.icsayfalar_govde {
margin:20px 0 10px;
float:left;
display:block;
width:73%;
padding:20px
}

@media only screen and (max-width: 759px) {
.icsayfalar_govde {
width:100%
}
}

.icsayfalar_govde h1 {
color:#444;
font-size:24px;
font-weight:900;
font-family:"Exo",Helvetica,Arial,sans-serif;
margin-left:10px
}

.icsayfalar_govde span.border {
display:block;
width:80%;
border-bottom:1px dashed #bbb;
margin-left:8px;
margin-bottom:15px
}

.icsayfalar_govde .govde_hakkimizda img {
width:60%;
padding:0 15px;
float:left
}

.icsayfalar_govde p {
margin:10px
}

.govde_metin {
line-height:1.6em
}

.govde_metin ul {
margin:15px;
list-style-position:inside;
list-style-type:square
}

.govde_metin ul li {
padding:3px 0
}

.refgorsel ul li {
float:left;
margin:5px 6px 10px;
width:23%
}

.refgorsel ul li img {
width:100%;
cursor:pointer;
border:1px solid #ddd
}

.refgorsel ul li img:hover {
-webkit-box-shadow:0 0 6px rgba(22,22,22,.8);
-moz-box-shadow:0 0 6px rgba(22,22,22,.8);
box-shadow:0 0 6px rgba(22,22,22,.8)
}

@media only screen and (max-width: 769px) {
.refgorsel ul li {
margin:5px 4px 10px 5px;
width:29%
}
}

.icsayfalar_govde2 {
margin:20px 0 10px;
float:left;
display:block;
width:100%;
padding:20px
}

@media only screen and (max-width: 759px) {
.icsayfalar_govde2 {
width:100%
}
}

.icsayfalar_govde2 h1 {
color:#444;
font-size:24px;
font-weight:900;
font-family:"Exo",Helvetica,Arial,sans-serif;
margin-left:10px
}

.icsayfalar_govde2 span.border {
display:block;
width:80%;
border-bottom:1px dashed #bbb;
margin-left:8px;
margin-bottom:15px
}

.icsayfalar_govde2 .govde_hakkimizda img {
width:60%;
padding:0 15px;
float:left
}

.icsayfalar_govde2 p {
margin:10px
}

.iletisim_sayfa .harita {
margin:15px 0 30px
}

.iletisim_sayfa h2 {
font-size:18px;
font-weight:800;
margin:20px 0 15px
}

.iletisim_sayfa form input,.iletisim_sayfa form select,.iletisim_sayfa form textarea {
display:inline-block;
margin-bottom:10px;
vertical-align:top;
font-size:12px;
max-width:100%;
border:1px solid #aaa;
box-shadow:none;
color:#666;
padding:10px;
width:100%
}

.sayfa_navi {
margin-top:20px;
float:right;
display:block;
width:25%
}

.sayfa_navi ul li {
border-bottom:1px dotted #eee
}

.sayfa_navi ul li:last-child {
border-bottom:none
}

.sayfa_navi ul li a {
color:#fff;
font-family:"Exo",Helvetica,Arial,sans-serif;
font-weight:500;
display:block;
padding:10px
}

.sayfa_navi ul li a i {
margin:0 5px
}

.sayfa_navi ul li a:hover {
text-decoration:none;
background-color:#0082ec
}