*{
  text-transform: none;
}
h1,h2,h3{
  text-transform:none !important;
  font-family: 'Work Sans', sans-serif !important;
}
body{
  background:#f4f4f4;
  color:#27236e;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}

#parHeader
{
    transition: background 0.5s linear;
    background-attachment: fixed;
    background-position: center; 
    background-size: cover;
}

#parHeader.background1
{
    background-image: url('../img/par-header-1.jpg');
}

#parHeader.background2
{
  background-image: url('../img/par-header-2.jpg');
}
#parHeader.background3
{
  background-image: url('../img/par-header-3.jpg');
}

#parHeader.background4
{
  background-image: url('../img/par-header-5.jpg');
}

#parHeader.background5
{
  background-image: url('../img/par-header-5.jpg');
}


.masthead{
  background-color:#f4f4f4;
  color:#27236e;
  
}
#mainNav.navbar-shrink{
  background:rgba(255,255,255,0.9) !important;
  box-shadow: 0 5px 5px rgba(116,116,116,.2);
}
#mainNav a{
  color:#27236e;
  font-family: 'Work Sans', sans-serif !important;
}
#logoID{
  max-height:60px;
  height:auto;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5);
}
.brand-heading{
  font-family: 'Work Sans', sans-serif !important;
  font-size:52px !important;
  text-transform:none !important;
  font-weight:400 !important;
  
}
.btn-circle{
  border: 2px solid #27236e;
}
.animated{
  color:#27236e;
}
.bgmask{
  position:absolute;
  width:100%;
  height:100%;
  display:block;
  background:rgba(39,35,110,0.4);

}
#about2{
  position:relative;
}
#about2Mask{
  position:absolute;
  width:100%;
  height:100%;
  display:block;
  background:rgba(39,35,110,0.8);
  top:0px;
  left:0px;

}
#mainNav .nav-link{
  background-color: unset !important;
}
#mainNav .nav-link.active {
  outline: none;
}
.list-inline-item .btn-primary:hover{
  color:#fff !important;
}
.contactText{
  margin-left:auto;
  margin-right:auto;
  width:229px;
  display:block;
  margin-bottom:20px;
  text-align:center;
}
.js-scroll-trigger.active{
  font-weight: 500;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.parmenu * {
  box-sizing: border-box;
}
.parmenu li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  padding: 0;
}
.parmenu a,.js-scroll-trigger.active {
  padding: 0.5em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
}
.parmenu a:before,.js-scroll-trigger.active:before,.js-scroll-trigger.active:after,
.parmenu a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.parmenu a:before,.js-scroll-trigger.active:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #27236e;
}
.parmenu a:after,.js-scroll-trigger.active:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.parmenu a:hover:before,.js-scroll-trigger.active:before,
.parmenu .current a:before {
  opacity: 1;
  width: 100%;
}
.parmenu a:hover:after,.js-scroll-trigger.active:after,
.parmenu .current a:after {
  max-width: 100%;
}

.contentp{
  margin-bottom:20px;
}
.contentul{
  text-align:left;
  font-size:18px;
}

#hakkimizda{
  background:#fff !important;
}
#faaliyetalanlari{
  background-image: url('../img/faaliyet-alanlari-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:140px;
  padding-bottom:140px;
}
.faaliyet-list {
  list-style: none;
  background: rgba(39,35,110,0.9);
  padding: 70px 35px 50px 155px;
  border-radius: 2px;
  text-align: left;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5);
}
.faaliyet-list li{
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 25px;
}
.faaliyet-list li img{
  margin-right: 10px;
}
#hizmetlerimiz{
  padding-top:100px;
  padding-bottom:100px;
  background:#fff !important;
  /* background-image: url('../img/servis-bg.jpg'); */
}

#ekibimiz{
  padding-top:100px;
  padding-bottom:100px;
  background-image: url('../img/hizmetlerbg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;  
}

#iletisim{
  background:#fff !important;
}

.ekip {
  margin-bottom: 50px;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
}
.servis {
  background:#fff;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
}
.servis .servis_thumb {
  overflow: hidden;
  padding:0px !important;
}
.servis .servis_content {
  padding:30px;
}
.servis_content p{
  font-size:13px;
  text-align:left;
  margin:0px;
}
.servis_content h5{
  text-transform: none !important;
  font-weight: 500;
  margin-bottom:0px;
}

.servis:hover .servis_thumb img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.servis .servis_thumb img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.ekip-bio{
  display:none;
}
#popupAyse,#popupOzge,#popupSabiha{
  transform: scale(0.8);
}

.popup_visible #popupAyse,.popup_visible #popupOzge,.popup_visible #popupSabiha {
  transform: scale(1);
}

.closeButton{
  max-height: 50px;
  display: block;
  position: relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}
.popupThumbWrapper{
  position: relative;
  width: 256px;
  height: auto;
  display: block;
  margin-left:auto;
  margin-right: auto;
}

.img-round {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5);
}
.img-round > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#27236e;font-size:20px;color:#fff}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{padding:5px 7px;border-radius:2px;font-weight:500;bottom:20px;left:20px;transition:all .9s ease 0s}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:100px;height:100px;line-height:100px;border-radius:2px;margin-right:auto;margin-left:auto;}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#27236e}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}

@media (max-width:767.95px){
  .faaliyet-list {
    padding: 50px;
  }
  .closeButton{
    margin-bottom:20px;
  }
  .popupThumbWrapper{
    margin-top:10px;
    margin-bottom:10px;
  }
}