.contact {position: fixed;right: 5%;bottom: 5%;z-index: 9999;}
.contact-button {position: relative;width: 130px;height: 130px;border-radius: 100%;-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;}
.contact-button span {font-size: 22px;color: #fff;;font-weight: 300;display: block;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);line-height: 30px;width: 100%;text-align: center;}
.contact-button span strong {font-weight: 700;}
.contact-button a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.contact-button:before {content: '';position: absolute;width: 100%;height: 100%;border: 10px solid transparent;border-radius: 100%;animation: scale 3s infinite;-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;}
.contact-button{background:#22bcea!important;}
.contact-button:before{background:#22bcea!important;border-color:#22bcea!important;}
.phone span{color: #22bcea}

@keyframes scale{
0%{transform:scale(1) skew(1deg);-webkit-transform:scale(1) skew(1deg);-ms-transform:scale(0.7) skew(1deg);-o-transform:scale(1) skew(1deg);-moz-transform:scale(1) skew(1deg);opacity:.3;-moz-transform-origin:50% 50%;}
50%{transform:scale(1.2);-webkit-transform:scale(1.1);-ms-transform:rotate(0deg) scale(1.1);-o-transform:rotate(0deg) scale(1.1);-moz-transform:rotate(0deg) scale(1.1);opacity:.3;}
100%{transform:rotate(0deg) scale(1) skew(1deg);-webkit-transform:rotate(0deg) scale(1) skew(1deg);-ms-transform:rotate(0deg) scale(1) skew(1deg);-o-transform:rotate(0deg) scale(1) skew(1deg);-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.3;}
}

.servis-ariza {margin:0 3px 0 -20px; background:#65c3ea; color:#fff;padding:7px;border-radius:100%;}



.static-border {
    border-bottom: 2px solid #eee;
}
.static-right {
    border-right: 2px solid #eee;
}
.feature04 {
    padding: 20px !important;
}
.feature04:hover {background:#aaa;}
.feature04 i {
    font-size: 60px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.feature04 p {color:#000;}
.feature04:hover p, .feature04:hover i, .feature04:hover h4  {color:#fff;}



/* Anasayfa Manşet Altı Kutular */
.kutu h3{
	text-align:center;
	position:relative;
	top:80px;
}
.kutu {	background:#FFF;}

/*==================================================
 * Effect 2
 * ===============================================*/
.efekt
{
  position: relative;
}
.efekt:before, .efekt:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.efekt:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


.sppb-flipbox-panel .sppb-flipbox-front, .sppb-flipbox-panel .sppb-flipbox-back {padding:10px;}
.kutu img {max-width:75px; margin:0 auto;}
.kutu h4 {font-weight:500;}
.sppb-flipbox-panel, .threeD-item {height: 230px;}



#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: rgba(40, 45, 51, 0.8) !important;
}
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
    color: #ffffff !important;
}
#fading-header #sp-header #sp-menu .sp-column .sp-megamenu-parent > li > a {
    color: #fff !important;
}
#fading-header #sp-header {
    background-color: rgba(40, 45, 51,0.8) !important;
}
#fading-header #sp-header #sp-menu .sp-megamenu-parent >li.current-item.active>a, #fading-header #sp-header #sp-menu .sp-megamenu-parent >li.sp-has-child.active>a {
    color: #4fbae7 !important;
}
#imagelightbox-overlay {bbackground-color: rgba(0, 0, 0, 0.75) !important;
}

#musteri {box-shadow:inset 0px 0px 300px 100px rgba(0,0,0,0.85);}

.sppb-testimonial-flex .sppb-carousel-control:hover {
    border: 1px solid #65c3ea !important;
}

.ortak .uk-dotnav, .ortak .uk-subnav {
    margin-bottom: 40px!important;
}

.sppb-testimonial-pro img {
  max-width: 90px !important;
  border: 2px solid #ccc;  
}
.yorum p:before {
  content:"\f10d";
  font-family:FontAwesome;
  font-size:140%;
  color: #46b7e6;
  margin-right:10px;
}

.yorum p:after {
  content:"\f10e";
  font-family:FontAwesome;
  font-size:140%;
  color: #46b7e6;
  margin-left:10px;
}

*/
.uk-dotnav>.uk-active> * {
    background: #46b7e6 !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    padding: 2px;
}

.uk-slidenav-position .uk-slidenav {
    color: #26AAE1;
}
.uk-slidenav-position .uk-slidenav-next {
    right: -10px !important;
}

ul.liste {
  padding-left:25px;
  list-style:none;
}
ul.liste li {margin-bottom:10px;}
ul.liste li:before {
  content:"\f00c";
  font-family:FontAwesome;
  color: #46b7e6;
  margin-right:10px;
}

.altsimge {
  display:inline;
  margin-right:5px;
  width: 32px;  
}

#offcanvas-toggler {
  float: none;
}
.offcanvas-menu {
  background: #323840;
}
.offcanvas-menu .sp-module ul > li > a, .offcanvas-menu .sppb-addon-module ul > li > a {
  color: #b3b3b3;
}
.offcanvas-menu .sp-module ul > li > a:hover, .offcanvas-menu .sppb-addon-module ul > li > a:hover {
  color: #38b2e4;
}
.offcanvas-menu .offcanvas-inner .search input {
  color: #aaa;
}

ul.alt-social-icons >li {
    display: inline-block;
    margin: 5px 7px;
}


/* İŞ ORTAKLARI (Widgetkit) */

.referans .uk-invisible {
    visibility: inherit !important;
}

.referans .sp-module ul > li > a, .referans .sppb-addon-module ul > li > a {
  display: inline-block;
  font-weight:600;
}
.uk-subnav-line>:before {
    height: 15px;
}
.uk-subnav-line>:nth-child(n+2):before {
    border-left: 1px solid #f47363 !important;
}
.sp-module ul > li, .sppb-addon-module ul > li {
  border-bottom: 0 none;
}
.isortaklari .uk-panel {
  box-shadow: 0 5px 15px 0 rgba(84, 84, 120, 0.3) !important;
}


.sppb-addon-image-overlay-icon {
  background-color:#26AAE1;
  border-radius: 5px;
  color: #fff;
  font-size: 200%;
  height: 50px;
  left: 50%;
  line-height: 52px;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
}

.sppb-addon-image-overlay {
  background-color: rgba(51, 51, 51, 0.1) !important;
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, .2), inset 0 0 50px rgba(0, 0, 0, .5) !important;
}
