.dinamik-text, .kampanya_buton, .list-1, .mid_title, h1 {
    text-align: center
}

.menu li a {
    font-weight: normal!important;
}


.clear, .list-1, .wrap-sayfa:after {
    clear: both
}

.kampanya_yazi, .sidebar-nav {
    list-style: none
}

.list-1 li, ul.menu {
    list-style-type: none
}

body {
    font-size: 13px;
    margin: auto
}

.mg-100 {
    margin-bottom: 100px
}

a, a:hover {
    text-decoration: none!important
}

.kampanya-button {
    font-weight: 700!important
}

.sorular, .title_sosyal, body, ul.menu li a {
    font-weight: 700
}

.navbar-nav li a {
    color: #fff!important
}

.navbar-nav li {
    z-index: 2
}

.slideBlock {
    position: relative;
    top: -100px
}

.iz-header {
    background-color: #00f
}

.menu_img {
    width: 150px!important
}

#padtobot {
    padding-top: 20px
}

.base-background {
    background-color: #155890!important
}

.secondary_background {
    background-color: #d6f0fa!important
}

.third_background {
    background-color: #fff!important
}

.forth_background {
    background-color: #46b1e5!important
}

.fifth_background {
    background-color: #f2f2f2
}

.sixth_background {
    background-color: #f9af3a
}

body {
    font-family: 'Droid Sans', sans-serif
}

.kampanya-resim {
    height: 200px;
    width: 300px
}

.logo {
    position: absolute;
    left: 42%;
    z-index: 1001
}

.second_nav {
    padding-left: 100px
}

.kampanya_buton {
    color: #000;
    background: #fff;
    font-size: 14px;
    padding: 5px 7px;
    margin-top: 10px;
    clear: both;
    display: block;
    border-radius: 6px;
    float: right
}

.fullwidth {
    width: 100%;
    min-height: 120px;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
    display: block
}

.comp-img {
    height: 200px;
    width: 200px;
    float: right
}

.icons {
    height: 50px;
    width: 50px
}

.list-1 li {
    display: inline
}

div#carousel~span, ul.menu li, ul.menu li a {
    display: inline-block
}

.mavi_txt {
    color: #fff;
    font-size: 13px
}

.mavi_title {
    color: #fff;
    font-size: 14px
}

.restrict_div {
    width: 80%;
    position: relative
}

.mr20 {
    margin-top: 20px
}

.mr40 {
    margin-top: 40px
}

.mr_b80 {
    margin-bottom: 80px
}

.mr_b40 {
    margin-bottom: 40px
}

hr.style-one {
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
    width: 80%;
    margin-top: 10px
}

strong.sup {
    font-size: 22px
}

.sorular {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 16px
}

div#carousel {
    perspective: 1200px;
    font-size: 0;
    margin-bottom: 3rem;
    overflow: hidden
}

figure#spinner {
    transform-style: preserve-3d;
    height: 300px;
    transform-origin: 50% 50% -500px;
    transition: 1s
}

figure#spinner img {
    width: 40%;
    max-width: 208px;
    position: absolute;
    left: 40%;
    transform-origin: 50% 50% -500px;
    outline: transparent solid 1px
}

div#carousel~span {
    color: #000;
    margin: -20rem 20% 20%;
    text-decoration: none;
    font-size: 2rem;
    transition: .6s color;
    position: relative;
    border-bottom: none;
    line-height: 0
}

a.giris_text, ul.menu li a {
    text-decoration: none!important
}

div#carousel~span:hover {
    color: #888;
    cursor: pointer
}

.ss-icon {
    background-image: url(../images/left.png);
    position: absolute;
    margin-left: 40px
}

.ss-icon1 {
    background-image: url(../images/right.png)
}

.sosyal_sorumluluk {
    background-image: url(../images/sosyal_background.png)!important
}

.videolar {
    background-image: url(../images/video_background.png)!important
}

.iletisim_title {
    margin-top: 0!important;
    margin-bottom: 40px!important
}

.title_sosyal {
    color: #000;
    border-bottom: 2px solid #000
}

ul li.neler a {
    color: #000!important
}

ul li.neler a:hover {
    color: #337ab7!important
}
.block{
    color:#233E6B!important;
}
.mycontent-left {
    border-right: 2px dashed #233E6B;
    border-left: 2px dashed #233E6B;

}
.hizmetlerimiz{
    color: #233E6B;
}

.acilir_menu{
    background-color: azure!important;
}
#main-header {
    padding: 0;
    margin: 0;
    background-color: #fff;
    width: 100%;
    min-height: 95px;
    color: #fff
}

#main-header .header-left {
    text-align: right
}

#main-header .header-right {
    padding: 10px 8px
}

a.giris_text {
    color: #fff!important
}

a.giris_text:hover {
    color: #fcfcfc!important
}

.neler-yaptik {
    padding: 5% 0px;
    text-align: center;
}
.neler-yaptik:after {
    content: "";
    display: block;

}

.fixed-panel {
    min-height: 300px;
    max-height: 670px!important;
}

p:hover, h1:hover, a:hover,  h2:hover, h3:hover , h4:hover , h5:hover, h6:hover{
    color: #94cee0!important;
}

p{
    font-size: 12px!important;
    letter-spacing: 0.5px!important;
    color: #233E6B!important;
}
h1{
    font-size: 20px!important;
    letter-spacing: 0.5px!important;
    color: #233E6B!important;
}
h2{
    font-size: 18px!important;
    letter-spacing: 0.5px!important;
    color: #233E6B!important;
}
h3{
    font-size: 16px!important;
    color: #233E6B!important;
    letter-spacing: 0.5px!important;
}
h4{
    font-size: 15px!important;
    letter-spacing: 0.5px!important;
    color: #233E6B!important;
}
h5{
    font-size: 14px!important;
    letter-spacing: 0.5px!important;
    color: #233E6B!important;
}

.sorular{
    font-size: 13px;
}
.collapse label{
    font-size: 12px;
}

.flipster__button{
    font-size: 9px!important;
}

h1{
    display: block!important;
}

.fixed-panel-footer{
    height: 50px;
    min-height: 50px;
    max-height: 200px;
}

ul.dropdown-menu {
    background-color: #fff!important
}

div.sizin-icin {
    background:#fff;
    background-size: 100%;
    width: 100%;
    min-height: 250px;

    /*background:url('../images/arka.jpg') no-repeat;*/
    background-size: 100%100%;
}

div.sizin-icin-circle {
   /* background: url(../images/arka.jpg) center left no-repeat;*/
    width: 100%;
    min-height: 400px;
    padding: 10px 0
}

ul.menu {
    margin-bottom: 0
}



ul.menu li a {

    padding: 19px 18px;
    font-size: .85em;
    transition: color .3s ease-in-out
}

.sidebar-nav li a, .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none
}

.block, body>.menubar {
    display: block
}
ul.menu li a:hover {
    color: #4A81D1!important
}

#mainSlider {
    position: relative;
    top: -9px
}

body>.menubar {
    width: 100%;
    height: 57px;

    border-bottom: 2px solid #d6c08e
}

body>.menubar #logo {
    position: absolute;
    top: -51px;
    z-index: 5
}

.kilit-icon {
    background: url(../images/kilit.png) center center no-repeat;
    width: 16px;
    height: 21px;
    background-size: 100%;
    display: inline-block;
    position: relative;
    margin-right: 7px;
    top: 3px
}

.sayfa_image {
    width: 350px
}

.wrap-sayfa {
    width: 90%;
    margin: 0 auto 100px;
    padding: 30 10px
}

.wrap-sayfa:after, .wrap-sayfa:before {
    display: table;
    content: "";
    line-height: 0
}

article.editorial p{
    color: #233E6B!important;
}
ul.sb-slider {
    margin-bottom: 0
}

.margin_bot {
    margin-bottom: 20px
}

.margin_bot_50 {
    margin-bottom: 50px
}

.pull-corner {
    position: absolute;
    right: 0;
    bottom: -45px
}

.content h2 {
    font-size: 29px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 53px;
    text-align: center;
    color: #fff
}

.content h3 {
    color: #fff
}

.features-img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#wrapper.toggled {
    padding-left: 250px
}

#sidebar-wrapper {
    position: static;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px
}

.sidebar-nav {
    position: absolute;
    top: 290px;
    width: 250px;
    margin: 0;
    padding: 0;
    background: url(../images/bg_border_tabbed-1.png) top left no-repeat
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px
}

.sidebar-nav li a {
    display: block;
    color: #4d4d4d;
    background-image: url(../images/bg_border_tabbed-1.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    z-index: 3
}

.sidebar-nav li.active:before {
    background: url(../images/sidebar_bg_top.png) left top no-repeat
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #3FB0E8;
    background: rgba(255, 255, 255, .2)
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px
}

.sidebar-nav>.sidebar-brand a {
    color: #999
}

.sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: 0 0
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px
    }
    #wrapper.toggled {
        padding-left: 0
    }
    #sidebar-wrapper {
        width: 250px
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0
    }
    #page-content-wrapper {
        padding: 20px;
        position: relative
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0
    }

}

@media (max-width: 1200px) {
    .neler-yaptikIc{
        height: 540px!important;
    }
}
@media(min-width: 1200px) {
    .menubar {
        font-size: 16px;
    }
    .unbehaved-element {
        font-size: 1.9em; /* Fine tune unbehaved elements */
    }
}



.flipster__button{
    width: 15px!important;
    height: 20px!important;
}
@media(max-width: 1200px) and (min-width:991px) {
    .menubar {
        font-size: 13px;
    }
}

@media(min-width: 769px) and (max-width:992px) {
    .menubar {
        font-size: 11px;
    }
}

.sayfa_title {
    font-size: 50px!important;
    margin-bottom: 40px!important
}

.cms_contents, .cms_contents p {
    color: #4d4d4d!important;
    font-size: 14px!important;
    line-height: 22px!important
}

.yazi {
    vertical-align: middle;
    display: table-cell
}

hr.style-one {
    width: 100%;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    margin-bottom: 45px
}

.cms_contents {
    width: 100%;
    padding-top: 30px!important;
    position: relative!important;
    font-family: Helvetica, Arial, sans-serif!important
}

.about .cms_contents, .support .cms_contents {
    padding-top: 0!important;
    word-wrap: break-word
}

.cms_contents p {
    margin: 0!important
}

.cms_contents_description, .support .cms_contents {
    margin-bottom: 15px
}

.cms_contents_description p {
    margin: 0!important
}

.cms-ol, .cms-ul, .cms_contents ol, .cms_contents ul, .cms_contents_description ol, .cms_contents_description ul {
    margin-top: 10px;
    margin-bottom: 10px
}

.cms-ul li, .cms_contents ul li, .cms_contents_description ul li {
    list-style: disc url(../../images/common/list-dot.png)!important;
    margin-left: 15px!important
}

.cms-ol li, .cms_contents ol li, .cms_contents_description ol li {
    list-style: decimal!important
}

.cms-ol, .cms_contents ol, .cms_contents_description ol {
    padding-left: 15px!important
}

.cms-table, .cms_contents table {
    width: auto
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
#cssmenu>ul li#responsive-tab {
    display: none
}

#cssmenu>ul li.has-sub {
    position: relative
}

#cssmenu>ul li.has-sub:hover ul {
    display: block
}

#cssmenu>ul li.has-sub ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 0 none;
    background-color: #155890;
    z-index: 100000
}

#cssmenu>ul li.has-sub ul li {
    display: block
}

#cssmenu>ul li.has-sub>a {
    background-image: url(../images/caret.png);
    background-repeat: no-repeat;
    background-position: 101% -70%
}

#cssmenu>ul li.has-sub>a.active, #cssmenu>ul li.has-sub>a:hover {
    background: url(../images/caret.png) 101% -70% no-repeat
}

@media (max-width:768px) {
    .menubar {

        color: #ffffff;
        font-size: 10px;
        height: 120px;
    }
    #cssmenu>ul {
        width: 100%
    }
    #cssmenu>ul li#responsive-tab {
        display: block;
        color:red;
    }
    #cssmenu>ul li#responsive-tab a {
        background: url(../images/menu.png) 95% -35% no-repeat
    }
    #cssmenu>ul li#responsive-tab a:hover {

        //background-position: 95% 135%
    }
    #cssmenu>ul li {
        display: none
    }
    #cssmenu>ul li.right {
        float: none
    }
    #cssmenu>ul li.has-sub {
        position: relative
    }
    #cssmenu>ul li.has-sub ul {
        display: block;
        position: static;
        width: 100%;
        background: #155890;
        border: 0
    }
    #cssmenu>ul li.has-sub ul li {
        display: block!important
    }
    #cssmenu>ul li.has-sub ul li a span {
        display: block;
        padding-left: 24px
    }
    #cssmenu>ul li.has-sub>a {
        background-image: none
    }
}

@media (min-width:768px) {
    #cssmenu>ul>li.collapsed {
        display: inline-block!important;
        zoom: 1
    }
    #cssmenu>ul ul li.collapsed {
        display: block!important
    }
}

h3 span {
    color: #fff;
    font: 700 20px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    background: #000;
    background: rgba(0, 0, 0, .7);
    padding: 10px
}

.footer-social li .facebook, .footer-social li .google, .footer-social li .instagram, .footer-social li .twitter, .footer-social li a.facebook:hover, .footer-social li a.google:hover, .footer-social li a.instagram:hover, .footer-social li a.linkedin:hover, .footer-social li a.twitter:hover {
    background-size: 30px 30px;
    background-repeat: no-repeat;
    color:blue;
}

.balanced {
    margin-top: 1px!important;
    margin-bottom: 30px!important
}

.imagedropshadow {
    padding: 5px;
    border: 1px solid #EFEFEF
}

a:hover img.imagedropshadow {
    border: 1px solid #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.footer-social li .facebook {
    background-image: url(../images/facebook.png)!important
}

.footer-social li .instagram {
    background-image: url(../images/instagram.png)!important
}

.footer-social li .twitter {
    background-image: url(../images/twitter.png)!important
}

.footer-social li .google {
    background-image: url(../images/google+.png)!important
}

.footer-social li .linkedin {
    background-image: url(../images/linkedin.png)!important;
    background-size: 30px 30px;
    background-repeat: no-repeat
}

.footer-social li a.facebook:hover {
    background-image: url(../images/facebook_hover.png)!important
}

.footer-social li a.instagram:hover {
    background-image: url(../images/instagram_hover.png)!important
}

.footer-social li a.twitter:hover {
    background-image: url(../images/twitter_hover.png)!important
}

.footer-social li a.google:hover {
    background-image: url(../images/google+_hover.png)!important
}

.footer-social li a.linkedin:hover {
    background-image: url(../images/linkedin_hover.png)!important
}
.resimIcerik
{
    float: left;
    width: 280px;
    height: 290px;
    margin-top: 10px;
    padding: 5px;
}
.resimIcerikR
{
    width:270px;
    height: 180px;

}
.resimIcerikAciklama
{
    text-align: center;
}
.resimIcerikBaslik
{
    text-align: center;

}
.resimIcerikBaslik h2
{
    font-size: 14pt;
    font-weight: 700;
}
.cizgii
{
    float:left;
    margin-left: 20px;
    width: 20px;
    height: 300px;
    margin-top: 10px;
    border-left: 1px solid #CCC;
}
.cizgii h2{
    text-indent: -9999px;
}

.nelerYaptik
{
    background-color: #f3f5f4;
    background:url('../images/neler.jpg') no-repeat;
    background-size: 100%100%;
    //background-attachment: fixed;
    width: 100%;
    height: 450px;
}
.cizgiNeler
{
    width: 100%;
    height: 35px;
    background-color: #09d6c7;
}
.bizKimiz
{
    background:url('../images/arka.jpg') no-repeat;
    background-size: 100%100%;
    width: 100%;
    height: 580px; 
}
.resimmm
{

}
.cizgiBizKimiz
{
    width: 100%;
    height: 35px;
    background-color: #bdd0e7;
}
.nelerYaptik h3{
    font-size: 16pt;
    color:#3d4c53;
    font-weight: 700;
    text-align: center;
}
.bizKimizIcerik
{
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    margin:0 auto;
    width: 80%;
    padding:20px;
    height: 300px;
    background-color:rgba(69,155,256,0.3);
}
.deneme
{
    position: absolute;
    top:73px;
    background-color: #417da8;
    opacity: 0.7;
    width: 100%;
    height: 357px;
    line-height: 55px;
}
#galeriSec
{
    padding: 10px;
    margin:0 auto;
    width: 100%;
    background-color: #eee;
    min-height: 400px;
}
.kapsayiciGaleri
{
    //background-color: red;
    margin:0 auto;
    height: 30px;
    line-height: 50px;
    width: 95%;
}
.kapsayiciGaleri>h3
{
    line-height: 30px;
    text-align: center;
}
#duzelt
{
    display: block;
    height:200px ;
}
#gla
{
    width: 310px;
    height: 250px;
}
.kapsayiciResim
{
     margin:0 auto;
     margin-top: 10px;
    height: 300px;
    line-height: 50px;
    width: 95%;
    background-color: rgba(26,123,191,0.4);
    padding-top: 30px;     
}
#theArt {
    padding: .5em;
    overflow: hidden;
    //background-image: url(../images/cammArka.png);
    //background: rgba(26,123,191,0.4);
    width: 95%;

    margin: auto;
    padding-left: 50px;
}
.artGroup {
    display: block;
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 10px 10px 10px;
    float: left;
}
#tarigg
{
    display: block;
    height: 100%;
    word-wrap: break-word;
   
}
.tumu
{
    width: 95%;
    height: 30px;
    margin-left: 32px;
    margin-top: 10px;
}
.artwork {
    display: block;
    width: 100%;
    height: 100%;
}
.artGroup img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    border-radius: 2px;
    border: 2px solid #CCC;
}
.artGroup .detail {
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
}
.artGroup .detail h3 {
    font: 300 18px/1.1 Dosis, sans-serif;
    text-align: center;
    color: #0c668b;
}
.artGroup .detail p {
    font: 200 13px/1.2 Dosis, sans-serif;
    text-align: left;
    padding: 0 0.25em;
}
.artGroup.slide {
    overflow: hidden;
}
.artGroup.slide .detail {
    bottom: -364px;

}

/* Newer Browsers */
.artGroup.flip {
    -webkit-perspective: 800px;
    perspective: 800px;
}
.artGroup.flip .artwork {
    -webkit-transition: -webkit-transform 1s ease; 
    transition: transform 1s ease; 

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.artGroup.flip .detail, .artGroup.flip .theFlip {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.artGroup.flip img, .artGroup.flip .detail {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


body
{

}