/********* ALPHA START *********/
.alpha .kutu:hover .textcont {
  background: rgba(0,0,0,.65);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.alpha .textcont {
  position: absolute;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  color: #FFFFFF;
  padding: 10px 30px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.alpha .textcont h4 {
  color: #FFFFFF;
}
/********* ALPHA FINISH *********/

/********* SORSANA START *********/

.sikayet {
  float: left;
}
.sorsana h4 {
  color: #FFFFFF;
  float: left;
  line-height: 35px;
}
.sorsana a {
  line-height: 35px;
  color: #FFFFFF;
  font-weight: 600;
}
.sorsana svg , .sorsana i {
  font-size: 35px;
  float: left;
  margin-right: 10px;
  color: #FFFFFF;
  line-height: 35px;
}
.sorsana {
  background: #126cb7;
  padding: 20px 0px;
}
.sorsana .devami svg {
  font-size: 20px;
  margin-top: 7px;
}
/********* SORSANA FINISH *********/
/********* yanci START *********/
.yanfotolu .foto {
  float: left;
  width: 20%;
  height: 100px;
}
.yanfotolu .textcont{
  float: left;
  width: 80%;
  padding: 0px 0px 0px 10px;
}
.yanfotolu h5 {
  margin-top: 0px;
}
.yaniconlu .icon {
  float: left;
  width: 12%;
}
.yaniconlu .textcont{
  float: left;
  width: 88%;
  padding-left: 10px;
}
.yaniconlu .icon svg , .yaniconlu .icon i {
  font-size: 55px;
}
.yaniconlu h5 {
  margin-top: 0px;
}
/********* yanci FINISH *********/

/********* madde START *********/
.yuvarlakicon.kutu {
  margin-bottom: 20px;
}
.yuvarlakicon .icon {
  float: left;
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #f39320;
  padding: 18px;
  background: #FFFFFF;
}
.yuvarlakicon .textcont {
  float: left;
  width: 80%;
  padding: 0px 0px 0px 30px;
}
.yuvarlakicon .icon svg , .yuvarlakicon .icon i {
  font-size: 38px;
  margin: 0px auto;
  display: block;
  color: #f39320;
}
.yuvarlakicon .icon::after {
  background: #f39320 none repeat scroll 0 0;
  content: "";
  height: 150%;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 1px;
}
.yuvarlakicon:last-child .icon::after {
  display: none;
}
/********* madde FINISH *********/

/********* galeri START *********/
.galeri svg , .galeri i {
  font-size: 33px;
  color: #cacaca;
}
/********* galeri FINISH *********/

/********* donerli START *********/
.donerli .kutu {
  padding: 25px;
  color: #999;
  transition: all ease .5s;
  border: 1px solid rgb(243, 147, 32);
}
.donerli .kutu h3 {
  color: rgba(243, 147, 32);
  margin-top: 20px;
}
.donerli .kutu p {
  color: #424242;
}
.donerli .kutu:hover .textcont{
  visibility: visible;
  color: #424242;;
}
.donerli .kutu:hover h3 {
  color: #424242;
}
.donerli .kutu:hover{
  background-color: rgba(243, 147, 32,.9);
}
.donerli .kutu:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 0px 0px 0;
  border-color: #ddd #000;
  transition: all ease .3s;
}
.donerli .kutu:hover:before {
  background-color: #D00003;
  border-width: 0 50px 50px 0;
  border-color: #eee #000;
}
.donerli .kutu:hover .fa-images{
  color: #424242;
  transform: rotate(360deg) scale(1.5);
}
.donerli .fa-images{
  font-size: 50px;
  color: rgb(243, 147, 32);
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-size-adjust: none;
  font-stretch: normal;
  -moz-font-feature-settings: normal;
  -moz-font-language-override: normal;
  text-rendering: auto;
  transition: all .65s linear 0s;
  text-align: center;
  transition: all 1s cubic-bezier(.99,.82,.11,1.41);
}
/********* donerli FINISH *********/

/********* tabli FINISH *********/
.process {
  display:table;
  width:100%;
  position:relative;
}
.process .kutu .btn:focus {
  outline:none;
}
.process .process-row {
  display:table-row;
}
.process .kutu button[disabled] {
  opacity:1 !important;
  filter: alpha(opacity=100) !important;
}
.process .process-row:before {
  top:40px;
  bottom:0;
  position:absolute;
  content:"";
  width:100%;
  height:1px;
  background-color:#ccc;
  z-order:0;
}
.process .kutu {
  display:table-cell;
  text-align:center;
  position:relative;
}
.process .kutu p {
  margin-top:4px;
}
.process .btn-circle {
  width:80px;
  height:80px;
  text-align:center;
  font-size:12px;
  border-radius:50%;
}
.process .btn {
  border: 1px solid #ccc;
}
.process svg , .process i {
  font-size: 35px;
}
.process .btn-info {
  background: #f39320;
  border-color: #f39320;
}
.tabli .textcont {
  padding: 20px;
}
/********* tabli FINISH *********/
.kollap .panel-title a:before , .kollap .panel-title a.acik.collapsed:before {
  position: absolute;
  right: 10px;
  z-index: 99999;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.kollap .panel-title a[aria-expanded="true"]:before , .kollap .panel-title a.acik:before  {
  content: "\f078";
}

.messenger{
  position: fixed;
  display: none;
  color: #fff;
  display: inline-block;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 5px;
  transition: background 0.5s;
  z-index: 999999;
  background: #fff;
}
@media(max-width:767px) {
  .messenger{
    position: fixed;
    display: none;
    color: #fff;
    display: inline-block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 530px;
    transition: background 0.5s;
    z-index: 999999;
    background: #fff;
  }
}
.messenger svg , .messenger i {
  color: #0099ff;
  font-size: 30px;
  font-size: 41px;
  margin: 0;
  padding: 4px 0px 0px 0px;
}


#drag-1, #drag-2 {
  width: 25%;
  height: 100%;
  min-height: 6.5em;
  /*  margin: 10%; */  
  color: white;
  border-radius: 0.75em;
  padding: 4%;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
#drag-me::before {
  content: "#" attr(id);
  font-weight: bold;
}
.live-demo {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  user-select: none;
}
.hizmet .foto {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  height: 355px;
      width: 370px;
}
.referans .foto {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  height: 90px;
      width: 170px;
}
.krm .foto {
     width: 100%;
    height: 350px;
    background-size: cover !important;
    background-position: center center !important;
}

.deneme .button { background:#ffffff; color: #062a58; height: 30px; padding: 3px 9px; border-radius: 7px; border: none; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -o-transition-property: color; transition-property: color; -ms-transition-property: color; transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.button { background:#062a58; color: #ffffff; padding: 10px 30px; border-radius: 5px; border: none; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -o-transition-property: color; transition-property: color; -ms-transition-property: color; transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.mobil-nav ul li .btn-booknow {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  display: block;
  padding: 7px !important;
  margin-top: 7px !important;
  background-color: #07c;
  transition: background .25s ease-in-out,bottom 1s;
}
.mobil-nav ul li .btn-booknow span {
  color: #fff;
  padding: 2px;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 0;
  line-height: 1.5;
  float: left;
}
.mobil-nav ul li .btn-booknow:hover{
  background-color: #005999;
}
section .color {
    background: #1b5eb0;
    padding: 20px 0px;
}
section .color .bize .adres {
    background: #062a58;
    padding: 1px 90px;
}