﻿body{background:#f8f8f8;}
.body-content {/* margin-top: 105px; */float: left;width: 100%;}
.container {display:block;}
header {z-index:9999999;float: left;width: 100%;position: fixed;height: 105px;/* box-shadow: 0px 0px 5px 1px #333; */top: 0;padding: 0;}
input, select, textarea {max-width: 280px;}
.logo{float:left;width: 100%;}
.navbar{/* height: 75px; */transition: 0.5s all;}
.logo:after {
    position: absolute;
    top: 30px;
    margin-left: 0px;
    display: none;
    content: '';
    border-width: 37.5px;
    border-style: solid;
    border-top-color: #ffffffa3;
    border-left-color: #ffffffa3;
    border-right-color: rgba(249, 191, 15, 0);
    border-bottom-color: rgba(249, 191, 15, 0);
}
.logo:before {
    position: absolute;
    top: 30px;
    margin-left: 0px;
    content: '';
    height: 75px;
    background: #ffffffa3;
    display: none;
    width: 100%;
    float: right;
    margin-left: -100%;
    border: none;
}
.logo img {height: 105px;width: 100%;/* margin-top: 0; */object-fit: contain;padding: 0px 0px;}

.navbar-inverse {background-color: rgba(255, 255, 255, 0.6);border: none !important;/* top: 30px !important; */width: 100%;}
.nav-left .menu {float: left;width: 100%;list-style: none;padding: 0;margin: 0;}
.nav-left .menu li {width: auto;text-align: right;float: right;}
.nav-left .menu li a{line-height: 75px;font-family: serif;padding: 22px;text-transform: capitalize;font-size: 21px;color: #dbcba6;text-shadow: 1px 1px 0px #333;}
.nav-right .menu {float: right;/* width: 90%; */list-style: none;margin: 0;padding: 0;line-height: 105px;}
.nav-right .menu li {width: auto;text-align: left;float: left;}
.nav-right .menu li a{/* font-family: serif; */float: left;padding: 0px 10px;text-transform: capitalize;font-size: 19px;font-family: 'Open Sans', sans-serif;color: #3c3c3c;text-decoration: none;transition: 0.5s all;/* text-shadow: 1px 1px 0px #333; */}
.nav-right .menu li a:hover{
    color: #204ea7;
    BACKGROUND: #ffffffc9;
}

.top {width:100%;float:left;display: none;height:30px;}
.top a {color: #204ea7;line-height: 30px;/* float: left; */font-weight: 700;padding: 0px 10px;width: auto;}
.nav-right {width: 75%;float: left;}
.nav-left {width:calc(50% - 100px);float:left;}
.logos {float: left;width: 25%;/* margin-top: 30px; */}
.mobilemenu {display:none;}
#home-tabs {margin: 30px 0px;background: #f0e9da;}
#home-tabs .container {background: #ffffff;}
#home-tabs ul .active{border: 8px solid #765e3d;}
#home-tabs ul li{text-align: center;margin: 0;padding: 0;border: 1px solid #fff;border: 8px solid #dbcba6;}
#home-tabs ul li a{background: #dbcba6;font-size: 26px;color: #ffffff;border-radius: 0;border: 2px solid #ffffff;}
#home-tabs .tab-pane {text-align: center;width: 100%;float: left;padding: 11px;}
#home-tabs .active a {background: #765e3d;font-size: 26px;border-radius: 0;border: 2px solid #ffffff;color: #ffffff;}
#home-tabs .tab-pane h3{font-size: 30px;text-align: center;width: 100%;float: left;}
#home-tabs .tab-pane p{width: 100%;text-align: center;float: left;}
footer {background: #24488e;float: left;width: 100%;}
footer p {color:#fff;width:100%;float:left;}
footer a {color:#fff;width:100%;float:left;}
footer .menu {padding: 0;width: 100%;float: left;list-style: none;}
footer .menu li {width: 100%;float: left;}
footer .logo{}
footer .logo img{}
footer .logo:after{display:none}
footer .logo:before{display:none}
footer .menu li a {width: 100%;float: left;color: #fff;font-size: 16px;margin-bottom: 4px;border-bottom: 1px solid #5e5e5e;padding-bottom: 4px;}
footer h3{color: #ffffff;border-bottom: 3px solid;padding-bottom: 9px;width: 100%;margin-top: 15px;float: left;}
.page-header {min-height: 200px;width:100%;padding: 0;float:left;background: url(img/slider/1.jpg);background-attachment:fixed;margin-top: 0;}
.page-header h3 {width: 100%;float: left;color: #3fbdd6;margin-top: 64px;font-size: 42px;text-shadow: 1px 1px 1px #000000;}
.page-header p {font-size: 18px;color: #fff;width: 100%;text-shadow: 1px 1px 1px #333;float: left;}
.page-header p span {color: #ffffff;}
.thumbnail{float:left;padding: 0;}

#hizmetlerimiz {margin: 0;width: 100%;float: left;padding: 60px 0px;background: #f8f8f8;}
#hizmetlerimiz .hizmet img{float:left;width:100%;transition: 1s all;}
#hizmetlerimiz .hizmet {padding: 10px;/* height: 360px; */overflow:hidden;}
#hizmetlerimiz .hizmet .bilgi {background: rgba(51, 51, 51, 0.7);width: 100%;float: left;height: 360px;padding: 10px;transition:1s all;}
#hizmetlerimiz .hizmet .bilgi h3 {width: 100%;float: left;text-align: center;color: #fff;text-shadow: 1px 1px 1px #333;font-size: 24px;transition:1s all;margin: 0;border-bottom: 2px solid #fff;margin-bottom: 10px;}
#hizmetlerimiz .hizmet .bilgi p {width: 100%;float: left;text-align: center;color: #fff;text-shadow: 1px 1px 1px #333;font-size: 15px;transition:1s all;}
#hizmetlerimiz .hizmet:hover .bilgi {margin-top: -100%;}
.ustbilgi {width: 100%;float: left;}
.ustbilgi h3{float: left;width: 100%;font-size: 30px;margin-top: 0;margin-bottom: 0;}
.ustbilgi hr{background:#333;float:left;width:200px;height: 5px;margin:0;margin-bottom:20px;}
.ustbilgi p{float: left;width: 100%;margin-bottom: 30px;}
.smedia{float: left;width: 100%;list-style: none;padding: 0;}
.smedia li{float: left;text-align: center;}
.smedia li a{color: #fff;float: left;width: 100%;}
.smedia li a i{float: left;font-size: 25px;color: #fff;width: 40px;text-align: center;line-height: 40px;}
#kurumsal {/* background: #fff; */padding: 30px 0px;margin: 0;float: left;width: 100%;}
#iletisim{margin:30px 0px;}
#iletisim form{}
#iletisim input,textarea{width: 100%;float: left;line-height: 10px;padding: 10px;margin: 5px 0px;max-width: 100%;}
#iletisim textarea{height:150px;}

#iletisim .smedia{float: left;width: 100%;list-style: none;padding: 0;}
#iletisim .smedia li{float: left;text-align: center;margin: 2px;border: 4px double #333;}
#iletisim .smedia li a{float: left;width: 100%;}
#iletisim .smedia li a i{float: left;font-size: 25px;color: #333;width: 40px;text-align: center;line-height: 40px;}
.mobilemenu {display:none;}


#lightbox{
    z-index:99999999;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}


section{margin: 30px 0px;float: left;width: 100%;}
#mains a{
    float: left;
    width: 100%;
}
#mains h2{
    float: left;
    width: 100%;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
}
#mains img{
    float: left;
    width: 100%;
}
#mains h3{
    float: left;
    margin: 10px 0px;
    width: 100%;
    text-align: left;
    padding: 5px 0px;
    color: #353526;
    border-bottom: 1px solid #353526;
}
#mains p{
    float: left;
    color: #868686;
    width: 100%;
}
#mains .col-md-4{margin-bottom:15px;}
#mains .devami{}






#ban{margin: 0;/* float: left; */width: 100%;background: #fff;}

.textx{
    text-align: center;
    font-size: 19px;
    float: left;
    background: #3c53a1;
    color: #fff;
    width: 100%;
    height: 60px;
}
.trform{}
.trform input{
    width: 100%;
    float: left;
    max-width: 100%;
    margin-bottom: 10px;
    line-height: 30px;
    padding: 0px 10px;
}
.trform label{
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.trform select{width: 100%;float: left;max-width: 100%;margin-bottom: 10px;line-height: 30px;padding: 7px;max-width: 100%;}

.top p{float: right;color: #204ea7;width:auto;font-weight: 900;}

.carousel {
    position: relative;
    float: left;
    width: 100%;
}
#uclus a:nth-child(1){/* background: url(./img/slider/1.jpg); */background-size: cover;background-position: center;}
#uclus a:nth-child(2){background: url(./img/slider/2.jpg);background-size: cover;background-position: center;}
#uclus a:nth-child(3){background: url(./img/slider/3.jpg);background-size: cover;background-position: center;}

#uclus a{color: #204ea7;float: left;width: 100%;}



#uclus a:hover{/* filter: drop-shadow(2px 4px 6px black); *//* color: #ffffff; *//* background: #204ea7; */transition: 0.5s all;}
#uclus a i{transition:all 1s;}
#uclus a:hover i{transform: rotate(360deg);}

#uclus a p{
    text-align: center;
    /* text-shadow: 1px 1px 1px #333; */
    width: 100%;
    float: left;
    font-size: 24px;
    /* text-shadow: 0px 0px 0px #ffff; */
    color: #333;
    margin-bottom: 0px;
}
#uclus a i{
    width: 100%;
    font-size: 65px;
    text-align: center;
    float: left;
    margin-bottom: 10px;
}



/* -----vertical menu---- */
.sidebar .vertical-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar .vertical-menu ul li {
    display: block;
    padding: 15px 20px 15px 0; 
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0;
}
.sidebar .vertical-menu ul li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #727272;
}

.sidebar .vertical-menu ul li a i {
    float: right;
    font-size: 16px;
    color: #AAA;
}

.sidebar .vertical-menu li.selected a, 
.sidebar .vertical-menu li:hover a, 
.sidebar .vertical-menu li.selected a i, 
.sidebar .vertical-menu li:hover a i {
    color: #204ea7;
}


.panel-default>.panel-heading {
color: #777;
    text-decoration: none;
    padding: 14px 20px;
    border: 1px solid #E2E6E7;
    background: #fff;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    transition: padding-left 300ms, padding-right 300ms;
    -webkit-transition: padding-left 300ms, padding-right 300ms;
    -moz-transition: padding-left 300ms, padding-right 300ms;
    transition-timing-function: ease;
    -webkittransition-timing-function: ease;
    -mozkittransition-timing-function: ease;
}

#uclu{float: left;width: 100%;}

.socialmedia{
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 105px;
}
	.socialmedia li{
    float: right;
    width: 30px;
    text-align: center;
}
	.socialmedia li a{
    float: left;
    width: 100%;
    text-align: center;
}
	.socialmedia i{
    font-size: 17px;
    float: left;
    width: 100%;
    color: #ffffff;
    line-height: 105px;
}
  .slideanim {visibility:hidden;}
  
  .item span{
    font-weight: 700;
    float: left;
    margin-top: 15px;
    width: 100%;
}

.iletad{
    margin-bottom: 50px;
}
.iletad h4{
    width: 100%;
    float: left;
    text-align: center;
}
.iletad i{
    width: 100%;
    line-height: 77px;
    color: #3660ad;
    font-size: 50px;
    text-align: center;
    border-bottom: 1px solid #3333;
    border-radius: 8%;
    margin-bottom: 15px;
}
.iletad a{
    float: left;
    width: 100%;
    color: #000;
    font-size: 18px;
    text-align: center;
}

.iletad .dortlu{
    height: 200px;
    filter: drop-shadow(2px 4px 6px #3333);
    background: #fff;
}

.bestebir{float:left;width: 33.333%;}


.ref{
    float: left;
}
.ref img:hover{transition: 1s all;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5);}
.ref img{}

#portfolio{float:left;width:100%;}

.tasima{
}

.tasima a{height: auto !important;text-align: center;background: #0e53a1;line-height: 40px;color: #fff !important;}



















.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
  float: left;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
  float: left;
  width: 45%;
  margin: 2.5%;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 100%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 0px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 1px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: -50px;
  right: -53.5px;
  margin-left: 0px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
.red{
    color: red;
    width: 100%;
    float: left;
}
.main .homei{float: left;width: 80px;line-height: 80px;text-align: center;border-radius: 50%;margin-right: 20px;font-size: 50px;color: #fff;background: #f69327;}
.main .homeh3{float: left;width: 100%;margin: 0;}
.main .homep{float: left;width: 100%;margin: 0;margin-top: 14px;}
.main .homea{color: #fff;float: left;background: #204ea7;line-height: 40px;padding: 0px 10px;margin-left: 10px;}
.main .homep strong{float:left;width:100%;}


#tasima{float:left;width:100%;background: url(../Content/img/slider/7.jpg);height: 550px;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}

#tasima .yuvarlak{
  cursor:pointer;
  border-radius: 50%;
  background: #ffffff;
  height: 160px;
  float: left;
  transition: 0.5s all;
  width: 100%;
  box-shadow: 0px 0px 5px 0px #333;
}

#tasima .yuvarlak:hover{
    border-radius: 50%;
    background: #24488e;
    height: 160px;
}


#tasima .yuvarlak:hover i{
    color: #fff;
}

#tasima .yuvarlak:hover h3{
    color: #fff;
}

#tasima .yuvarlak i{
    color: #444;
    width: 100%;
    margin-top: 30px;
    float: left;
    text-align: center;
    font-size: 60px;
    margin-bottom: 10px;
    transition: 0.5s all;
}

#tasima .yuvarlak h3{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0;
    font-size: 12px;
    color: #445;
    transition: 0.5s all;
}


#tasima .baslik{
    text-align: center;
    font-size: 33px;
    font-weight: 700;
    float: left;
    color: #fff;
    margin: 0;
    line-height: 100px;
    text-shadow: 1px 1px 1px #333;
    width: 100%;
    margin-bottom: 20px;
    }
	
	.hrszos{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 1px 1px 1px #333;
}
	.hrszos h4{
    text-align: center;
    float: left;
    width: 100%;
    margin: 0px;
    color: #fff;
}
	.hrszos h4:after{/* content:''; */content: '';width: 80px;height: 2px;background: #f39220;position: absolute;/* left: 100%; */margin-left: 20px;margin-top: 7px;}
	.hrszos h4:before{content:'';content: '';width: 80px;height: 2px;background: #f39220;position: absolute;margin-left: -100px;margin-top: 7px;}
	.metin{
    float: left;
    width: 100%;
    margin-top: 50px;
}
	.metin .p1{
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
    font-size: 24px;
    color: #fff;
    line-height: 31px;
    float: left;
    text-shadow: 1px 1px 1px #333;
    color: #fff;
}
	.metin .p2{
    text-align: center;
    float: left;
    width: 100%;
    padding: 15px 0;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    text-align: left;
    width: 100%;
    color: #fff;
    background-image: none;
    font-size: 18px;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
}

	.metin .p2 a{color: #f39220;}


.timeline > .timeline-inverted > .timeline-badge{
    left: unset;
    left: -53.5px;
    top: 50px;
}

.hizmettt{padding: 0 !important;width: 80% !important;margin: 0% 10% !important;}
.hizmettt .sol{padding: 0;float: left;/* height: 375px; */border-right: 2px solid #0e53a1;}
.hizmettt .sag{border-left: 2px solid #f39220;padding: 0;float: left;}
.hizmettt img{width: 100%;float: left;height: 375px;object-fit: cover;/* opacity: 0.7; */}
.hizmet h2{color: #92b33a;font-weight: 700;}

.tum{float:left;width:100%;}






.kurum{background: url(../Content/img/bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;height: 450px;overflow:hidden;}
.kurum .hakkimizda{}
.kurum .hakkimizda h2{font-weight: 500;color: #333;font-size: 34px;}
.kurum .hakkimizda img{width: 100%;float: left;height: 360px;object-fit: cover;background: #ffffffcf;box-shadow: 1px 1px 6px 1px #3333;}
.vizyonn{}
.vizyonn .vizyon{float: left;margin: 0px calc(50% - 585px);margin-top: -271px;}
.vizyonn h5{font-size: 23px;font-weight: 400;color: #333;text-align: right;margin: 0px;margin-right: 30px;}
.vizyonn h4{font-size: 34px;font-weight: 400;color: #333;margin: 0;text-align: right;margin-right: 30px;margin-bottom: 30px;}
.vizyonn span{ position: absolute;transform: rotate(90deg);font-weight: 700;font-family: none;right: 0;top: 20px;border-bottom: 1px solid #333;}
.vizyonn img{width:100%;float:left;height: 351px;object-fit: cover;opacity: 0.3;}
.vizyonn p{ text-align: right;float: left;width: 100%;}
.misyonn{
}
.misyonn .misyon{float: left;margin: 0px calc(50% - 585px);margin-top: -271px;}
.misyonn .misyon h5{font-size: 23px;font-weight: 400;color: #333;text-align: left;margin: 0px;margin-left: 30px;}
.misyonn .misyon h4{font-size: 34px;font-weight: 700;color: #333;margin: 0;text-align: left;margin-left: 30px;margin-bottom: 30px;}
.misyonn .misyon h4{font-size: 34px;font-weight: 400;color: #333;margin: 0;text-align: left;margin-left: 30px;margin-bottom: 30px;}
.misyonn .misyon span{position: absolute;transform: rotate(-90deg);font-weight: 700;font-family: none;left: 0;top: 20px;border-bottom: 1px solid #333;}
.misyonn img{width:100%;float:left;height: 351px;object-fit: cover;opacity: 0.3;}
.misyonn .misyon p{text-align: right;float: left;width: 100%;}
.kurum{}




.brad{}
.brad a{
    width: auto;
    float: left;
    margin-left: 5px;
    color: #0e53a1;
    font-weight: 700;
}

#uclus a img{
    float: left;
    width: 100%;
    transition: 0.5s all;
    margin-bottom: 10px;
}

#uclus a:hover img{
    filter: drop-shadow(2px 4px 6px black);
}
.hizmet img{
    height: 344px;
    object-fit: contain;
    width: 100%;
}

@media only screen and (max-width: 600px) {
	
	
	
header{display:none;}
.mobilemenu {display:block;float: left;width: 100%;background: #ffffff;position: relative;z-index: 99999;top: 0;}
.mobilemenu .mlogo {width: 230px;}
.mobilemenu .mlogo img{width: 100%;float: left;height: 70px;object-fit: contain;}
.mobilemenu #mmenu {float: right;background: none;border: none;box-shadow: none;}
.mobilemenu #mmenu i {font-size: 30px;padding: 21px;color: #333;margin-top: -10px;}
.mobilemenu .menu {width: 100%;float: left;padding: 0px;background: #5c6fb0;border-top: 1px solid #ccc;}
.mobilemenu .menu li {float: left;width: 100%;border-bottom: 1px solid rgba(208, 189, 147, 0.16);}
.mobilemenu .menu li a{color: #ffffff;width: 100%;float: left;padding: 5px 15px;}
.mtop {float: left;width: 100%;margin-bottom: 10px;}
.mtop  a{float: left;width: 25%;padding: 5px 10px;text-align: center;color: #333;border: 1px solid #3c53a1;}
.phone {width: 100%;text-align: center;float: left;padding: 6px;color: #ffffff !important;background: #3c53a1;}
.body-content {margin-top: 0;}
    .show {display:block;
    }
    .hide {display:none;
    }
    #kurumsal {
    height: auto;
}
    footer .col-md-3 {float:left;
    }
	
	
	
	.iletic{}
	
	.bestebir{float:left;width:50%}
	
	

	.timeline > li {
    width: 90%;
}
.timeline > .timeline-inverted{
    margin-left: 10%;
}
.timeline > li > .timeline-badge{
    display: none;
}	

.hizmettt .sag{
    width: 100% !important;
    height: auto !important;
}
.hizmettt .sol{
    float: left;
    width: 100% !important;
    height: auto !important;
}

.kurum {height: auto;}
.kurum .hakkimizda img{object-fit: contain;}


.kurum{background: url(../Content/img/bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;height: 450px;overflow:hidden;}
.kurum .hakkimizda{}
.vizyonn{}
.vizyonn .vizyon{float: left;margin: 0px calc(50% - 585px);margin-top: -271px;margin: 0;}
.vizyonn h5{font-size: 23px;font-weight: 700;color: #000;text-align: right;margin: 0px;margin-right: 30px;}
.vizyonn h4{font-size: 34px;font-weight: 700;color: #000;margin: 0;text-align: right;margin-right: 30px;margin-bottom: 30px;}
.vizyonn span{ position: absolute;transform: rotate(90deg);font-weight: 700;font-family: none;right: 0;top: 20px;border-bottom: 1px solid #333;}
.vizyonn img{width:100%;float:left;height: 351px;object-fit: cover;opacity: 0.3;}
.vizyonn p{ text-align: right;float: left;width: 100%;}
.misyonn{
    margin: 0;
}
.misyonn .misyon{margin: 0px;}
.misyonn .misyon h5{font-size: 23px;font-weight: 700;color: #000;text-align: left;margin: 0px;margin-left: 30px;}
.misyonn .misyon h4{font-size: 34px;font-weight: 700;color: #000;margin: 0;text-align: left;margin-left: 30px;margin-bottom: 30px;}
.misyonn .misyon h4{font-size: 34px;font-weight: 700;color: #000;margin: 0;text-align: left;margin-left: 30px;margin-bottom: 30px;}
.misyonn .misyon span{position: absolute;transform: rotate(-90deg);font-weight: 700;font-family: none;left: 0;top: 20px;border-bottom: 1px solid #333;}
.misyonn img{width:100%;float:left;height: 351px;object-fit: cover;opacity: 0.3;}
.misyonn .misyon p{text-align: right;float: left;width: 100%;}

.hizmettt {
    padding: 0 !important;
    width: 100% !important;
    margin: 0% 0% !important;
}


.hrszos h4:before{display:none;}


.hrszos h4:after{display:none;}


#tasima .yuvarlak{
    border-radius: 0px;
    margin-bottom: 10px;
}

#tasima{
    height: auto;
}


#tasima .col-sm-2 {}
#tasima .col-sm-2 {}
#tasima .col-sm-2 {
    float: left;
    width: 100%;
}


}

.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }
}
