body{
    font-family: "Open Sans",Helvetica, sans-serif;}
#submit{
    height: 40px;
    width: 350px;
    background-color: #efbb20;
    border: 2px solid #efbb20;
    color:white;

}
#submit-iletisim{
    height: 40px;
    width: 250px;
    background-color: #efbb20;
    border: 2px solid #efbb20;
    color:white;
}
#satin-al{
  height: 100%;
  width: 100%;
  background-color: #efbb20;
  border: 2px solid #000033;
  color:white;
  font-size: 1.2em;
  padding: 0.15em 1em;
}

#satin-al:hover{
    background-color: #eaeaea;
    border: 2px solid #efbb20;
    color:#efbb20;
}

.pad-top-30{padding-top: 30px;}

.margin-top-10{margin-top: 10px;}
.margin-bt-30{margin-bottom: 30px;}

#owl-demo .owl-item div{
    padding:5px;
}
#owl-demo .owl-item img{
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sp-simpleportfolio-img{
max-height: 248px;
}
img.sp-simpleportfolio-img.gts{
max-height: 100%;
}
.margin-bt-32{margin-bottom: 32px;}

.tp-caption.excerpt-small-size,
.excerpt-small-size {
    font-size: 36px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 700;
}
.about-icon span{
    font-size: 30px;

}
.small-margin{
    display: inline-block;
    margin:12px 0;
}
.project-t{
    margin-left: 15px;
}
.rev_slider .slotholder:after{background: none;}
.blue{color: #2a96bd !important;}
.red{color:#e73435 !important;}
.bilgi, .baslik, span.paragraf > p {margin-left: 45px;}
section#topbar {
    background-color: #000033;}
#breadcrumb {
    background: linear-gradient(rgba(0,0,51,0.90),rgba(0,0,51,0.90)) repeat scroll 0 0,rgba(0,0,0,0) url(../images/footer-bg.jpg);
    background: -webkit-linear-gradient(rgba(0,0,51,0.90),rgba(0,0,51,0.90)) repeat scroll 0 0,rgba(0,0,0,0) url(../images/footer-bg.jpg);}
#footer-upper, footer {
    background: linear-gradient(rgba(0,0,51,0.90),rgba(0,0,51,0.90)) repeat scroll 0 0,rgba(0,0,0,0) url(../images/footer-bg.jpg);
    background: -webkit-linear-gradient(rgba(0,0,51,0.90),rgba(0,0,51,0.90)) repeat scroll 0 0,rgba(0,0,0,0) url(../images/footer-bg.jpg);}
.panel-group {
    margin-bottom: 50px;
    margin-top: 50px;}

#service-inner h4{
    
    color: #34404e;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: none;
}








.cp-pen-styles > body {
  overflow-y: scroll;
}

.accordion-panel {

  margin: 50px auto;
  max-width: 100%;
}
.accordion-panel .accordion {
  padding-top: 30px;
}
.accordion-panel .accordion dt {
  display: block;
  padding: 25px;
  background: #E3E1E2;
  color: #555;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.accordion-panel .accordion dd {
  height: 0;
  overflow: hidden;
  transition: height .35s ease-out;
  margin-left: 0;
  margin-bottom: 20px;
  background: #F4F4F4;
}
.accordion-panel .accordion .content {
  padding: 25px;
  overflow: auto;
}
.accordion-panel .plus-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  transition: transform 0.35s ease-out;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -12px;
}
.accordion-panel .plus-icon:before,
.accordion-panel .plus-icon:after {
  content: '';
  background: #000033;
  position: absolute;
}
.accordion-panel .plus-icon:before {
  width: 2px;
  height: 15px;
  margin-left: -0.5px;
  left: 50%;
}
.accordion-panel .plus-icon:after {
  width: 15px;
  height: 2px;
  margin-top: -0.5px;
  top: 50%;
  opacity: 1;
  transition: opacity 0.35s ease-out;
}
.accordion-panel .is-open .plus-icon {
  transform: rotate(90deg);
}
.accordion-panel .is-open .plus-icon:after {
  opacity: 0;
}
.accordion-panel .hidden {
  display: none;
}
.accordion-panel .open-btn,
.accordion-panel .close-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 90px;
}
.accordion-panel .buttons-wrapper {
  position: relative;
}
.accordion-panel .buttons-wrapper .plus-icon {
  position: absolute;
  right: 10px;
  top: 12px;
}
#footer-upper ul.office-hour li:first-child {
    margin-bottom: 0px;}
#counter2{
    
    background: -webkit-linear-gradient(rgba(28,50,84,0.9),rgba(28,50,84,0.9)) repeat scroll 0 0,rgba(0,0,0,0);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#demo{width:100%;height:900px; margin:0 auto;overflow:hidden;}
.slide .pane{text-align:center;width:1200px;height: 800px; margin:0 auto 0;z-index:1;overflow:hidden;}
.slide.slide3 .icons{height:50px;margin:720px 0px 0px 0px;text-align:center;width:350px;overflow: hidden;float: left}
.slide.slide3 .arrowcontainer{position:relative;}
.slide.slide3 .arrow{color:#FFFFFF;font-size:150%;left:160px;position:absolute;top:-90px;width:130px;font-weight:bold;}
.slide.slide3 .arrow img{float:right;}
.slide.slide3 .icons img{cursor:pointer;display:block;float:left;margin:0;padding:10px;}
.slide h1{font-size: 20px;float: left;margin-top: 736px;margin-left: 320px; width: 100px;font-weight: lighter;}
.slide.slide3 .content2,.slide.slide3 .content3,.slide.slide3 .content4,.slide.slide3 .content5{display:none}
.slide.slide3.s1{background-image:url(../images/white.jpg);background-position:center;background-repeat:no-repeat}
.slide.slide3.s2{background-image:url(../images/black.jpg);overflow:hidden;background-position:center top;background-repeat:no-repeat}
.slide.slide3.s3{background-image:url(../images/blue.jpg);overflow:hidden;background-position:center top;background-repeat:no-repeat}
.slide.slide3.s4{background-image:url(../images/green.jpg);overflow:hidden;background-position:center top;background-repeat:no-repeat}
.slide.slide3.s5{background-image:url(../images/yellow.jpg);overflow:hidden;background-position:center top;background-repeat:no-repeat}
.slide.slide3.s6{background-image:url(../images/grey.jpg);overflow:hidden;background-position:center top;background-repeat:no-repeat}
.slide.slide3.s7{background-image:url(../images/red.jpg);overflow:hidden;background-position:center top;background-repeat:no-repeat}
.space{
    padding: 40px;
}
hr{
      
  border-style: inset !important;
  border-width: 1px !important;
}

.panel-group .panel+.panel {
    margin-top: 20px !important;}

#renk-secimi-metni{
    width: 300px;
    margin-left: 200px;
    font-weight: 700;
}