#sp-top-bar,
#sp-logo-wrapper,
#sp-logo-wrapper .logo img{
    transition: all 400ms ease;
}
#sp-top-bar a {
    color: #fff;
}
#sp-top-bar a:hover {
    color: #00ffec;
}
.ajax-searchs{
    text-align:right;
    position: relative;
}
.ajax-searchs input[type="search"] {
    background: #fff;
    padding-right: inherit!important;
    box-shadow: none;
    border: medium none;
    border-radius: 4px 0 0 4px;
    padding: 6px 12px;
    height:34px!important;

}
.ajax-searchs .input-group-btn .btn {
    border-width: 0;
    line-height: 1.428571429;
    border-left-width: 1px;
    padding: 6px 10px;
    border-radius: 0 4px 4px 0;
    height:34px!important;
}

.ajax-searchs .input-group-btn .btn:hover{
    border-radius: 0 4px 4px 0;
}
.ajax-searchs .results-box {
    z-index: 99;
    position: absolute;
    top: 35px;
    width: 90%;
    right:0;
    background: rgba(254, 254, 254, 0.9);
    /* border: 1px solid #fefefe; */
    -moz-box-shadow: #999 2px 2px 14px;
    -webkit-box-shadow: #999 2px 2px 14px;
    box-shadow: #999 2px 2px 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    font-size: 12px;
    line-height: 16px;
    text-align:left;
    color: #666
}

.ajax-searchs .results-box .result-title a {
    font-size: 13px;
  }
  .ajax-searchs .results-box .clearfix {
    margin: 4px 0;
  }
  .ajax-searchs .results-box dt, .ajax-search .results-box dd {
    font-size: 12px;
    line-height: 30px;
  }
  .ajax-searchs .results-box .result-created {
    font-size: 80%;
    font-style: italic;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
  }
  .ajax-searchs .results-box .result-created:last-child {
        border-bottom: none;
    }
  .ajax-searchs .results-box .mod-ajaxsearch-results-footer {
    background: #EEEEEE;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 0;
    text-align: center;
    border-top: 1px solid #DDDDDD;
  }
  .ajax-searchs .results-box span.highlight {
    padding: 0;
    background-color: #fcf8e3;
  }
  .ajax-searchs .search-results {
    padding: 6px;
    margin: 0;
  }
.quoteButton {
    margin-top:10px;
}

#searchForm .btn-secondary {
    box-shadow: none;
}
#searchForm input#search-searchword {
    padding: 12px 12px;
    height: 44px;
}
#searchForm fieldset {
    margin-top: 30px;
}
form#searchForm {
    background: #fff;
    padding: 20px;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,0.3);
}
.search .search-results dt.result-title:first-child {
    margin-top: 0;
}
.header-wrapper.menu-fixed{
    width:100%;
}
.header-wrapper.menu-fixed .quoteButton {
    /* background: #fff;
    color: #21c2b6; */
    padding:10px 20px;
    margin-top:5px;
}
.header-wrapper.menu-fixed #sp-top-bar{
    padding: 0;
}
.header-wrapper.menu-fixed #sp-header{
    height:50px;
}
.header-wrapper.menu-fixed .sp-megamenu-parent >li >a, .header-wrapper.menu-fixed  .sp-megamenu-parent >li >span{
    height:50px;
    line-height:50px;
}

.header-wrapper.menu-fixed #offcanvas-toggler{
    line-height:49px;
}

.header-wrapper.menu-fixed .sp-megamenu-parent.menu-slide-down .sp-has-child:hover >.sp-dropdown {
    top: 50px;
}
.header-wrapper.menu-fixed #sp-logo-wrapper .logo {
    height: 50px;
}
.header-wrapper.menu-fixed #sp-logo-wrapper .logo img {
    max-height: 40px;
}
.header-wrapper.menu-fixed #sp-logo-right .sppb-addon-feature,
.header-wrapper.menu-fixed #sppb-addon-wrapper-1568816645403 {
    margin-top: 10px;
}
.btn + .btn {
    margin-left: 25px;
}
small.sppb-slidehsow-sub-title {
    display: block;
    text-transform: uppercase;
    font-size: 35%;
    color:#0f5499;
}

/*Simgeler*/
@font-face {
    font-family: "firatli";
    src: url("../fonts/firatli.eot");
    src: url("../fonts/firatli.eot?#iefix") format("embedded-opentype"),
         url("../fonts/firatli.woff2") format("woff2"),
         url("../fonts/firatli.woff") format("woff"),
         url("../fonts/firatli.ttf") format("truetype"),
         url("../fonts/firatli.svg#firatli") format("svg");
    font-weight: normal;
    font-style: normal;
    display:swap;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: "firatli";
      src: url("../fonts/firatli.svg#firatli") format("svg");
    }
  }

  [class^="firatli-"]:before, [class*=" firatli-"]:before,
  [class^="firatli-"]:after, [class*=" firatli-"]:after {
    font-family: "firatli";
    font-size: inherit;
    font-style: normal;
   /*  margin-left: 20px; */
  }

  .firatli-googles:before { content: "\f100"; }
  .firatli-eye:before { content: "\f101"; }
  .firatli-eye-1:before { content: "\f102"; }
  .firatli-vision:before { content: "\f103"; }
  .firatli-vision-1:before { content: "\f104"; }
  .firatli-vision-2:before { content: "\f105"; }
  .firatli-vision-3:before { content: "\f106"; }
  .firatli-automaton:before { content: "\f107"; }
  .firatli-eye-2:before { content: "\f108"; }
  .firatli-acupuncture:before { content: "\f109"; }
  .firatli-head:before { content: "\f10a"; }
  .firatli-acupuncture-1:before { content: "\f10b"; }
  .firatli-acupuncture-2:before { content: "\f10c"; }
  .firatli-analysis:before { content: "\f10d"; }
  .firatli-insurance:before { content: "\f10e"; }
  .firatli-checklist:before { content: "\f10f"; }
  .firatli-conversation:before { content: "\f110"; }
  .firatli-analytics:before { content: "\f111"; }
  .firatli-destination:before { content: "\f112"; }
  .firatli-destination-1:before { content: "\f113"; }
  .firatli-service:before { content: "\f114"; }
  .firatli-id:before { content: "\f115"; }
  .firatli-list:before { content: "\f116"; }
  .firatli-doctor:before { content: "\f117"; }
  .firatli-care:before { content: "\f118"; }
  .firatli-medical-history:before { content: "\f119"; }
  .firatli-contact-lens:before { content: "\f11a"; }
  .firatli-patient:before { content: "\f11b"; }
  .firatli-customer-review:before { content: "\f11c"; }
  .firatli-customer:before { content: "\f11d"; }
  .firatli-around:before { content: "\f11e"; }
  .firatli-destination-2:before { content: "\f11f"; }
  .firatli-architecture-and-city:before { content: "\f120"; }
  .firatli-motel:before { content: "\f121"; }
  .firatli-motel-1:before { content: "\f122"; }
  .firatli-application:before { content: "\f123"; }
  .firatli-business:before { content: "\f124"; }
  .firatli-consumer:before { content: "\f125"; }
  .firatli-search:before { content: "\f126"; }
  .firatli-customer-service:before { content: "\f127"; }
.sppb-addon-title,
.sppb-section-title .sppb-title-heading,
div#jb_template .page-header, div#jb_template .page-header h3{
    color:#0b4681;
}
.whiteTitle .sppb-addon-title{
    color:#fff;
}
.blokSayi span.sppb-blocknumber-number {
    font-size: 57px;
    position: relative;
}
.blokSayi span.sppb-blocknumber-number:before {
    content: "0";
}
.blokSayi span.sppb-blocknumber-number:after {
    content: ".";
}

.blokSayi.sppb-addon-blocknumber .sppb-media-body .sppb-media-heading{
    color:attr('data-color');
}
.view-testimonials .testiItem,
.view-testimonial .testiItem{
    background: #fff;
}
.jtCustomFields {
    font-size: 12px;
}
.jtCustomFields .field-label {
    font-weight: 500;
    color: #000;
}
#sp-form-container {
    border-top: 1px solid #eee;
}
.swiper-pagination-bullet-active{
    background: #0f5499;
}
#sp-disclaimer {
    position: absolute;
    bottom: 90px;
    width: 100%;
}
#sp-page-builder .page-content .sppb-section.home-agency-feature, #sp-page-builder .sppb-section.home-agency-feature, .mod-sppagebuilder .sppb-section.home-agency-feature{
    z-index: 2;
}
.text-turkuaz{
  color:#21c2b6;
}

.sp-page-title .container {
    position: relative;
}
.sp-page-title:before {
    content: "";
    width: 100%;
    display: block;
    height: 100%;
    background: rgb(11,70,129);
    background: linear-gradient(360deg, rgba(11,70,129,0.75) 0%, rgba(11,70,129,0.75) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.innerContainer{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:768px){
    .innerContainer{max-width:750px}
}
@media (min-width:992px){
    .innerContainer{max-width:970px}
}
@media (min-width:1200px){
    .innerContainer{max-width:1170px}
}
.view-article.layout-firatliclinic-video #sp-page-title {
    display: none;
}
.view-article.layout-firatliclinic-video #sp-main-body{
    padding: 0 0 50px 0;
}

.view-article.layout-firatliclinic-video #sp-main-body > .container{
    padding: 0;
    width: 100%;
}
.videoContainer{
    padding:50px 0 100px;
    background:#f3f5f8 url('../images/bg/bg12.jpg') no-repeat scroll center top;
    background-size: cover;
}
.videoContainer .entry-video {
    border: 15px solid #151515;
}
.view-article.layout-firatliclinic-video .blog-details-content-wrap {
    padding: 20px 25px;
    box-shadow: none;
    margin-top: -50px;
    background: #fff;
    border-radius: 4px 4px 0 0;
}
.article-footer-wrap {
    border-top: 1px dashed #ddd;
    padding-top: 15px;
}

.view-article.layout-firatliclinic-video {
    background: #fff;
}
.view-article.layout-firatliclinic-video #sp-form-container{
    border-top:1px solid #ededed;
}
.view-article.layout-firatliclinic-video .breadcrumb {
    background-color: #fff;
   /*  border-bottom: 1px solid #ededed; */
    border-radius: 0 0 4px 4px;
}
.view-article.layout-firatliclinic-video .post-format {
    top: 5px;
    left: 0;
}
.view-article.layout-firatliclinic-video .blog-details-content-wrap .entry-header h2 {
    /* margin-left: 60px; */
    margin-bottom:0;
    text-transform: none;
}
/* .view-article.layout-firatliclinic-video .article-info {
    margin-left: 55px;
} */

.view-article.layout-firatliclinic-video .fields-container {
    background: #f9f9f9;
    padding: 25px 30px;
}
.view-article.layout-firatliclinic-video article.item {
    margin-bottom: 0;
}
.view-article.layout-firatliclinic-video .field-entry.ozelAlan {
    width: 50%;
    float: left;
    line-height: 30px;
}

.view-article.layout-firatliclinic-video .field-label {
    font-weight: 600;
    color: #000;
}
.field-label:before {
    font-family: FontAwesome;
    margin-right: 5px;
}
.field-label.patient:before {
    content: "\f2c0";
}
.field-label.timeCondition:before {
    content: "\f133";
}
.field-label.diagnosedCondition:before {
    content: "\f0f1";
}
.field-label.percentImprovement:before {
    content: "\f201";
}
.field-label.recoveryTime:before {
    content: "\f274";
}
.field-label.patientCountry:before {
    content: "\f201";
}
.field-label.videoLanguage:before {
    content: "\f1ab";
}

.layout-firatliclinicvideos .blog >.items-row >.col-sm-6 article.item .blog-content-wrap {
    padding: 20px 20px 10px;
}
.blog-content-wrap{
box-shadow: 0 5px 10px -5px rgba(0,0,0,0.3);
}
.layout-firatliclinicvideos .blog >.items-row >.col-sm-6 article.item {
    display: block;
}
.layout-firatliclinicvideos .blog >.items-row >.col-sm-6 article.item >div {
    flex: none;
}
.layout-firatliclinicvideos .entry-image.intro-image {
    float: none;
    margin-right: 0;
    padding:10px;
}
/* .layout-firatliclinicvideos article.item .blog-content-wrap .entry-header {
    display: none;
} */
.layout-firatliclinicvideos article.item .blog-content-wrap .entry-header h2 a {
    text-transform: none;
}
.article-description {
    display: none;
}
.layout-firatliclinicvideos .entry-image.intro-image .sppb-modal-selector{
    position: relative;
    color: #fff;
    display: block;
    overflow: hidden;
}
.videoModalContainer {
    position: absolute;
    top: 50%;
    left: 0;
    transform: scale(1) translateY(-50%);
    text-align: center;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.videoModalContainer .field-label {
    display: none;
}
.modal-icon {
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    text-align: center;
    display: inline-block;
    line-height: 45px;
    border-radius: 100%;
    font-size: 25px;
    font-weight: 300;
    padding-left: 5px;
}
.videoModalContainer h3 {
    margin: 10px 0 0 0;
}

article.item:hover .videoModalContainer{
    transform: scale(1.1) translateY(-50%);
}
.badge.bage-primary {
    background: #1daca2;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 10px;
    margin-bottom: -50px;
}
.imageOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%);
    transition: all 0.3s ease-in-out;
}



.layout-firatliclinicvideos .readmore.clearfix {
    border-top: 1px dashed #ededed;
    padding-top: 10px;
}
.sppb-articles-carousel-img{
    overflow: hidden;
}
.sppb-articles-carousel-img .sppb-modal-selector {
    display: block;
    position: relative;
    color: #fff;
}
.sppb-articles-carousel-img .modal-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.sppb-articles-carousel-link {
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:20px!important;
}
.readmoreContainer {
    font-size: 14px;
    border-top: 1px dashed #ededed;
    padding-top: 10px;
}

.sppb-articles-carousel-img img,
.sppb-articles-carousel-img .modal-icon {
    transition: all 0.3s ease-in-out;
}
.sppb-articles-carousel-img:hover img {
    transform: scale(1.2) rotate(2deg);
}
.sppb-articles-carousel-img:hover .modal-icon {
    transform: translateX(-50%) translateY(-50%) scale(1.2);
}
article.item:hover .imageOverlay,
.sppb-articles-carousel-img:hover .imageOverlay{
    background: rgba(0,0,0,0.45);
    background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
}
.sppb-addon-articles-carousel .bx-controls.bx-has-pager {
    position: initial;
    width: 100%;
    bottom: auto;
}
.sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 5px;
    border-radius: 5px;
    background: #aaa;
}
.sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a.active {
    width: 30px;
    background: #0f5499;
}
div.bx-wrapper .bx-controls-direction a {
    color: #fff;
    left: 0;
    background: #0f5499;
    line-height: 30px;
    width:32px;
    border-radius:4px;
}
div.bx-wrapper .bx-controls-direction a:hover {
    background: #1daca2;
}
div.bx-wrapper .bx-controls-direction a.bx-next {
    left: auto;
    right: 0;
}
.sppb-addon-articles-carousel .bx-pager.bx-default-pager {
    text-align: center;
}
.borderAll{
    border:1px solid #ededed;
}
.borderTop{
    border-top:1px solid #ededed;
}
.borderRight{
    border-right:1px solid #ededed;
}
.borderBottom{
    border-bottom:1px solid #ededed;
}
.borderLeft{
    border-left:1px solid #ededed;
}
.boxShadow{
    box-shadow: 0 5px 15px -10px rgba(0,0,0,0.3);
}
.scrollToBottom {
    width: 45px;
    height: 45px;
    line-height: 45px;
    /* margin-bottom: -45px; */
    transform: translateX(-50%) translateY(-50%);
    border-radius: 100%;
}
.scrollToBottom i{
    /* animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite; */
    animation-name: scrollN;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
}
@-webkit-keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}

@keyframes scroll {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}

@-webkit-keyframes scrollN {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(10px);
    }
}

@keyframes scrollN {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(10px);
    }
}
select.sppb-form-control:not([size]):not([multiple]){
    height:auto!important;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text small.sppb-slidehsow-sub-title{
    text-shadow: none;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text.light .sppb-fullwidth-title,
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text.light small.sppb-slidehsow-sub-title,
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text.light .details {
    color: #fff;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text.light .sppb-fullwidth-title {
    text-shadow: 1px 1px 1px #000;
}


.cd-horizontal-timeline {
    opacity: 0;
    margin: 0 auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-horizontal-timeline ol, .cd-horizontal-timeline ul{
       list-style: none;
       margin: 0;
       padding: 0;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
  }
  .cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
  }
  .cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    /* max-width: 900px; */
    margin: 0 auto;
  }
  .cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 25px;
    overflow: hidden;
  }
  .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
  }
  .cd-horizontal-timeline .events-wrapper::before {
    left: 0;
  }
  .cd-horizontal-timeline .events-wrapper::after {
    right: 0;
  }
  .cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #ccc;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
  }
  .cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #FF3D7F;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-horizontal-timeline .events a {
    position: absolute;
    width:auto;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    /* color:white; */
    padding:5px;
    margin-bottom:20px;
  }
  /* custom*/
  .cd-horizontal-timeline .events a::before {
    content: '';
    position: absolute;
    width:1px;
    height:20px;
    background: #fff;
    bottom:-20px;
    left:50%;
  }

  .cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -25px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background-color: #fff;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
  }
  .no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #FF3D7F;
    border-color: #fff;
  }
  .cd-horizontal-timeline .events a.selected {
    pointer-events: none;
  }
  .cd-horizontal-timeline .events a.selected::after {
    background-color: #FF3D7F;
    border-color: #FF3D7F;
  }
  .cd-horizontal-timeline .events a.older-event::after {
    border-color: #FF3D7F;
  }
  @media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
      margin: 0 auto;
    }
    .cd-horizontal-timeline::before {
      /* never visible - this is used in jQuery to check the current MQ */
      content: 'desktop';
    }
  }

  .cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 6;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    /* text-indent: 100%;
    white-space: nowrap; */
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
    text-align: center;
    background: #fff;
  }
  .cd-timeline-navigation a.inactive {
      border-color: #ccc!important;
      color:#ccc!important;
  }
  /* .cd-timeline-navigation a::after {
    arrow icon
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0;
  }
  .cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  } */
  .cd-timeline-navigation a.next {
    right: 0;
  }
  .no-touch .cd-timeline-navigation a:hover {
    border-color: #FF3D7F;
  }
  .cd-timeline-navigation a.inactive {
    cursor: not-allowed;
  }
  .cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
  }
  .no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #FF3D7F;
  }

  .cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
  }
  .cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  .cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
  }
  .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
  }
  .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
  }
  .cd-horizontal-timeline .events-content li > * {
    max-width: 900px;
    margin: 0 auto;
  }
  .cd-horizontal-timeline .events-content h2 {
    font-size: 30px !important;
    font-weight: 700;
    line-height: 1.2;
  }
  .cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px 0;
  }
  .cd-horizontal-timeline .events-content em::before {
    content: '- ';
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.5em !important;
    color: #fff;
    margin-top:30px;
  }
  .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
  }
  .cd-horizontal-timeline .event-description {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
}
.cd-horizontal-timeline .event-description .sppb-modal-selector {
    display: block;
    overflow: hidden;
    position: relative;
}
.cd-horizontal-timeline .event-description .modal-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
}
  @media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
      font-size: 7rem;
    }
    .cd-horizontal-timeline .events-content em {
      font-size: 20px !important;
    }
    .cd-horizontal-timeline .events-content p {
      font-size: 1.8rem;
    }
  }

  @-webkit-keyframes cd-enter-right {
    0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
    }
  }
  @-moz-keyframes cd-enter-right {
    0% {
      opacity: 0;
      -moz-transform: translateX(100%);
    }
    100% {
      opacity: 1;
      -moz-transform: translateX(0%);
    }
  }
  @keyframes cd-enter-right {
    0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
    }
  }
  @-webkit-keyframes cd-enter-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
    }
  }
  @-moz-keyframes cd-enter-left {
    0% {
      opacity: 0;
      -moz-transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      -moz-transform: translateX(0%);
    }
  }
  @keyframes cd-enter-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
    }
}
.sppb-link-list-wrap ul li a {
    position: relative;
}
.sppb-link-list-wrap ul li a:after {
    content: "";
    width: 0;
    height: 5px;
    background: #00b3be;
    display: block;
    transition: 400ms;
    opacity: 1;
    position: absolute;
    bottom: -2.5px;
    left: 0;
}

.sppb-link-list-wrap ul li.sppb-active a:after,
.sppb-link-list-wrap ul li a:hover:after {
    width: 100%;
    opacity: 1;
}
#sp-page-builder .page-content .sppb-section.sppb-sticky-it, #sp-page-builder .sppb-section.sppb-sticky-it{
    top:65px;
}
.videoModal {
    padding: 10px;
    border: 1px solid #ededed;
    background: #fff;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,0.2);
}
.videoModal .sppb-video-block .sppb-magnific-popup {
    position: relative;
    overflow: hidden;
    display: block;
}
.videoModal img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.videoModal .modal-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.4s ease-in-out;
    z-index: 3;
}
.videoModal .sppb-addon-title {
    font-size: 17px!important;
    line-height:22px!important;
    padding-left: 10px;
    padding-right: 10px;
}
.videoDescription {
    padding: 10px;
    border-top: 1px solid #ededed;
    font-size:13px!important;
    line-height:16px!important;
}
.videoDescription ul{
    font-size:13px!important;
    line-height:16px!important;
    padding-left:20px
}
.videoModal .sppb-addon-title a i {
    position: absolute;
    right: 0;
    top: 0;
}
.videoModal .sppb-addon-title a i:before {
    content:'\f106';
    font-family: 'FontAwesome';
}
.videoModal .sppb-addon-title a {
    display: block;
    padding-right: 20px;
    position: relative;
}
.videoModal .sppb-addon-title a.collapsed i:before {
    content:'\f107';
}
.videoModal .sppb-video-block .sppb-magnific-popup:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    /* opacity: 1; */
    transition: all 0.3s ease-in-out;
}
.videoModal .sppb-video-block .sppb-magnific-popup:hover img {
    transform: scale(1.1) rotate(2deg);
}
.videoModal .sppb-video-block .sppb-magnific-popup:hover:after {
    background: rgba(0,0,0,0.5);
}
.videoModal .sppb-video-block .sppb-magnific-popup:hover .modal-icon {
    transform: scale(1.2) translateX(-50%) translateY(-50%);
    transform-origin: 0 0;
}
#jb_template .btn-primary {
    margin-top: -10px;
}
.iziModal.isFullscreen {
    z-index:9999!important;
}
#jb_template .controls input, #jb_template .controls select, #jb_template .controls textarea {
    width: 100%;
    height: inherit;
}
.view-form #jb_template {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.30);
    border-width: 20px;
    border-color: #f9f9f9;
    border-style: solid;
}
div#jb_template .page-header, div#jb_template .page-header h3 {
    margin-top: 0;
}
.whiteBg{
    background-color: #fff;
}
.formContainer #sp-main-body {
    background-image: url(../images/bg/bg06.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 50% 100%;
    background-color: #ffffff;
}
.contentpane div#jb_template {
    padding: 0 25px;
}
.iziModal .iziModal-header {
    background: #21c2b6!important;
}
.iziModal .iziModal-button {
    opacity: 1;
}
.iziModal .iziModal-header-icon {
    color: rgba(255,255,255,1);
}
.iziModal {
    border-bottom: 3px solid #21c2b6!important;
}

.sppb-addon-feature.homepage-feature.lessPadding {
    padding: 50px 20px 50px;
}
.contactIcons img {
    width: 60px;
}
.paylasDropdown .dropdown-menu {
    min-width: auto;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    margin: 2px 0 0 0;
    background: #fff;
    border-radius: 30px;
}
#sp-top-bar .paylasDropdown .dropdown-menu>li>a {
    background: #21c2b6;
    border-radius: 100%;
    padding: 0 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
}
#sp-top-bar .paylasDropdown .dropdown-menu>li>a:hover {
    background: #0f827a;
}
#sp-top-bar .paylasDropdown .dropdown-menu>li:last-child>a {
    margin-bottom: 0;
}
#sp-bottom1 .sp-module {
    margin-top: 20px;
}
#sp-bottom1 .sp-module:first-child {
    margin-top: 0;
}
.btn-dark {
    color: #fff;
    border-color: #01b3be;
    background-color: #01b3be;
}

.btn-dark:hover {
    color: #fff;
    border-color: #00848c;
    background-color: #00848c;
}
#sp-bottom .sp-module ul.bottomAddress li a {
    text-transform: none;
}
#sp-bottom .sp-module ul.bottomAddress >li >a:before {
    display: none;
}
.fononlineLogo {
    text-align: right;
}
.fononlineLogo img {
    display: inline-block;
}
.disclaimerContent {
    color: #fff;
    border-top: 1px solid rgba(255,255,255,0.1)
}
.contactIcons .sppb-img-container {
    text-align: center;
}
#sp-top-bar .sppb-media>.pull-left i{
    color:#fff;
}
.offcanvas-menu .sppb-addon-social-media .social-media-text-wrap a {
    font-size: 27px;
    border: 1px solid #ddd;
    width: 40px;
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
}

.input-group-addon + .sppb-form-control{
    border-radius: 0 4px 4px 0;
}

.sppb-form-control + .input-group-addon {
    border-radius: 4px 0 0 4px;
}

.input-group-addon{
    background-color:#f3f5f8;
}
span.sp-copyright {
    font-size: 13px;
}
#sp-bottom {
    background-image: url(../images/bg/bg07.png);
    background-size: cover;
    background-position: left top;
}
span.userway-spacer:after {
    content: "Accessibility Menu";
    position: absolute;
    top: 100%;
    right: 10px;
    background: #000;
    padding: 5px 25px 5px 5px;
    transform: translateY(20%) translateX(23%) rotate(-90deg);
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    /* transform: translate(10px, 10px); */
    color: #fff;
    border-radius: 5px;
    z-index: -1;
    transform-origin: center;
}

.logoOffCanvas img {
    width: 50%;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:hover {
    border-left-color: #00b3be;
    border-right-color: #00b3be;
    background: #f9f9f9;
}
.view-article .icons span.icon-cog {
    margin-right: 0;
}
.view-article .icons span.caret {
    display: none;
}
.view-article .icons {
    position: absolute;
    right: 20px;
    top: 20px;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title {
    font-size:72px;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .bigSlogan .sppb-fullwidth-title em{
    font-size:72%;

    text-shadow: 1px 1px 0px #000;
    color:#00b3be;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .light.bigSlogan .sppb-fullwidth-title em,
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .light.bigSlogan .sppb-fullwidth-title span{
    color:#fff;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .bigSlogan .sppb-fullwidth-title{
    font-size:120px;
    line-height:105px;
    text-shadow:2px 2px 0px #fff, 5px 5px 5px #000;
    font-style: italic;
}

.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .light.bigSlogan .sppb-fullwidth-title{
    color:#00b3be;
}

.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-image {
	right: 10%;
	bottom: 0;
    position: absolute;
    text-align:right;
    max-width:50%;
}

.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-image img {
	width: auto;
    display: none;
}

.sppb-slider-fullwidth-wrapper .owl-item.active .sppb-slideshow-fullwidth-item-image img{
     display: block;
}
.sp-page-builder .page-content #section-id-1514443220234 {
	z-index:2;
}
#section-id-1514443220234 .sppb-shape-container.sppb-bottom-shape > svg {
	margin-top: 15px;
	-webkit-filter: drop-shadow( 0 0 15px hsla(0, 0%, 0%, 0.2));
	filter: drop-shadow( 0 0 15px hsla(0, 0%, 0%, 0.2));
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text.buyukResim {
    max-width: 40%;
}
.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text.buyukResim + .sppb-slideshow-fullwidth-item-image {
	max-width: none;
	right: 0;
}
@media only screen and (max-width:1199px){
    .btn.btn-primary,
    .btn.sppb-btn-primary,
    .sppb-btn.btn-primary,
    .sppb-btn.sppb-btn-primary,
    .btn.btn-secondary,
    .btn.sppb-btn-secondary,
    .sppb-btn.btn-secondary,
    .sppb-btn.sppb-btn-secondary{
        padding:12px;
        font-weight:600;
    }
    .ajax-searchs input[type="search"] {
        width: auto;
    }

}

@media only screen and (max-width:991px){
    .sppb-slider-fullwidth-wrapper.agency-slider .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-text{
        width: 60%;
    }
    /* .sppb-slider-fullwidth-wrapper.agency-slider .active .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-text{
        background: rgba(255,255,255,0.7);
        padding: 50px 25px 15px;
    } */
    .sppb-section.agency-feature {
        margin-top: -140px !important;
    }
    .sppb-fw-slider-button-wrapper a {
        margin-bottom: 15px;
    }
    .agency-feature .sppb-addon-feature .sppb-media .pull-left {
        float: none!important;
        margin-bottom:15px;
        margin-right:0px;
    }
    .agency-feature .sppb-addon-feature .sppb-addon-content.sppb-text-left {
        text-align: center;
    }
    .sppb-addon-tab .sppb-tab .sppb-nav {
        width: 25%;
    }
    .sppb-addon-tab .sppb-tab .sppb-tab-content {
        width: 75%;
    }
    .sppb-addon-tab .sppb-tab .sppb-nav li a {
        padding-bottom: 20px;
        text-align:center;
    }
    .sppb-tab-icon {
        display: block;
    }
    .sppb-addon-tab .sppb-tab .sppb-nav li a i {
        margin-right: 0;
        margin-bottom: 5px;
    }
    .badge.bage-primary {
        margin-bottom: 0;
    }
    .videoModalContainer {
        font-size: 12px;
    }
    .videoModalContainer h3,
    div#jb_template .page-header h3 {
        font-size: 22px;
    }
    .videoContainer {
        padding-bottom: 75px;
    }
    /* span.userway-spacer:after {
        content: "Accessibility";
        padding: 6px 25px 6px 5px;
        transform: translateY(31px) translateX(39px) rotate(-90deg);
    } */

    span.userway-spacer:after {
        content: "Accessibility";
        padding: 6px 5px 6px 25px;
        transform: translateY(-12px) translateX(39px) rotate(-90deg);
        bottom: 100%;
        top: auto;
    }
    body .userway.userway_p1 {
        top: auto!important;
        bottom: 30px!important;
    }
    .fononlineLogo {
        margin-right: 50px;
    }
    .sppb-fw-slider-button-wrapper .btn {
        margin-right: 25px;
    }
    .sppb-fw-slider-button-wrapper .btn + .btn {
        margin-left: 0;
    }
    .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-image img {
        height:600px;
    }
    .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .bigSlogan .sppb-fullwidth-title {
        font-size: 60px;
        line-height: 40px;
    }
}

@media only screen and (max-width:767px){
    #sppb-addon-1513330254304 .sppb-addon-content.sppb-text-left{
        text-align:right;
    }
    #sppb-addon-1513330254304 .sppb-addon-text{
        text-align:left;
    }
    #offcanvas-toggler {
        float: none;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #0f5499;
        background-color: #fff;
        border-color: #ccc;
        margin-top:12px;
        margin-left:10px;
    }
    #offcanvas-toggler:hover,
    #offcanvas-toggler.hover{
        background-color: #e6e6e6;
        border-color: #adadad;
        color: #00b3be;
    }
    #offcanvas-toggler:focus,
    #offcanvas-toggler.focus{
        background-color: #e6e6e6;
        border-color: #8c8c8c;
        color: #00b3be;
    }
    .sppb-section.agency-feature {
        margin-top: 50px !important;
    }
    .sp-module.getInTouchButton {
        float: left;
        /* width: calc(100% - 70px); */
        width: 80%;
    }
    .sp-module.mobilArama {
        float: right;
        margin-top: 0;
    }
    #aramaFormu {
        margin-right: 10px;
        color: #0f5499;
        margin-top: 12px;
        font-size: 20px;
    }
    #aramaFormu:hover, #aramaFormu:focus {
        color: #00b3be;
    }
    .header-wrapper.menu-fixed button.aramaFormu{
        color: #fff;
    }

    #sp-header.menu-fixed button.aramaFormu{
        color: #fff;
    }
    #sp-header.menu-fixed #offcanvas-toggler > i {
        color: inherit;
    }
    .sppb-slider-fullwidth-wrapper.agency-slider .owl-controls {
        bottom: 0;
    }
    .mobilArama .dropdown-menu {
        min-width: 320px;
        right: 10px;
    }
    .mobilArama .form-group {
        margin-bottom: 0;
    }
    .mobilArama .dropdown-menu:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #fff;
        top: -20px;
        position: absolute;
        right: 8px;
    }
    .mobilArama .dropdown-backdrop {
        background: rgba(0,0,0,0.5);
    }
    /* .mobilArama .dropdown-menu:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #ccc;
        top: -20px;
        position: absolute;
        right: 15px;
    } */
    .mobilCenter {
        text-align: center;
    }
    #column-id-1570181547985{
        background-image:none;
    }
    .cd-horizontal-timeline .event-description img {
        width: 100%;
    }
    .breadcrumb {
        font-size: 13px;
    }
    .article-info {
        font-size: 14px;
    }
    #jb_template .page-header .btn-primary {
        padding-left: 15px;
        padding-right: 15px;
    }
    .search .search-results dt.result-title:first-child {
        margin-top: 40px;
    }
    .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-image {
        right: auto;
        bottom: auto;
        position: initial;
        text-align: center;
        max-width: none;
        overflow: hidden;
    }
    .sppb-slider-fullwidth-wrapper .owl-item.active .sppb-slideshow-fullwidth-item-image img {
        display: inline-block;
    }
    .sppb-slider-fullwidth-wrapper.agency-slider .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-text {
        width: auto;
        max-width: 70%;
        position: absolute;
        bottom: 50px;
        transform: translateX(-50%) translateY(0);
        top: auto;
        left: 50%;
    }
    .sppb-slider-fullwidth-wrapper.agency-slider .sppb-slideshow-fullwidth-item-bg {
        padding-top: 25px;
    }
    .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text.bigSlogan  .sppb-fullwidth-title{
        font-size: 75px;
        line-height: 50px;
    }
    .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container{
        padding:0 0;
    }

}
@media screen and (max-width: 767px) and (min-width: 575px){
    #sp-top1.col-xs-12{
        width:45%;
    }
    #sp-top2.col-xs-12{
        width:55%;
    }
    ul.social-icons {
        width: auto;
    }
    ul.social-icons > li {
        margin: 0 15px 0 0;
    }
    #sp-top-bar #sp-top2 .sp-module {
        margin-top: 0px;
        margin-left: 0;
    }
    #sp-top-bar .mod-languages .dropdown-toggle {
        padding: 0px 10px 0px 10px;
        text-transform: uppercase;
    }
    .sppb-slider-fullwidth-wrapper .owl-item.active .details {
        display: block;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
        font-size: 30px;
    }
    /* .sppb-slider-fullwidth-wrapper.agency-slider .sppb-slideshow-fullwidth-item-bg {
        padding-top: 150px;
    } */
    .sppb-addon-tab .sppb-tab .sppb-nav li a {
        padding-right: 10px;
    }

}


@media only screen and (max-width:575px){
     .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-text.buyukResim + .sppb-slideshow-fullwidth-item-image img {
        /* width: 200%; */
        max-width: initial;
        /* transform: translateX(-50%); */
        /* display: block; */
        margin-left: -50%;
    }
    .sppb-slider-fullwidth-wrapper .owl-item.active .details {
        display: none;
    }
    .sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    div#sp-top1 {
        display: none;
    }
    ul.social-icons {
        margin: 0;
        text-align: center;
        float:left;
    }
    ul.social-icons > li {
        margin: 0 6px;
    }
    #sp-logo-right {
        padding: 0 10px 0 0;
    }
    #sp-logo-wrapper .sppb-addon-feature.sppb-text-left {
        margin-top: 4px;
    }
    #sppb-addon-1513330254304 h5.sppb-addon-title {
        color: #fff;
        font-size: 14px;
        line-height: 14px;
    }
    #sp-logo-wrapper .logo {
        height: 40px;
    }
    #offcanvas-toggler {
        margin-left: 0;
    }
    #aramaFormu {
        margin-right: 0;
    }
    .sp-module.getInTouchButton {
        width: calc(100% - 60px);
    }
    .sppb-btn.quoteButton {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
    /* .sppb-slider-fullwidth-wrapper.agency-slider .sppb-slideshow-fullwidth-item-bg {
        padding-top: 270px;
        height: 480px;
        background-position: 70% center!important;
    } */
   /*  .sppb-slider-fullwidth-wrapper.agency-slider .active .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-text {
        padding-top: 35px;
        width: 80%;
    } */
    .sppb-fw-slider-button-wrapper .btn {
        margin-right: 25px;
        padding: 7px 15px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .fononlineLogo {
        text-align: left;
    }
    .sp-page-title h1 {
        font-size: 27px;
    }
    .sp-page-title h2 {
        font-size: 15px;
    }
   /*  .sppb-addon-tab .sppb-tab .sppb-nav,
    .sppb-addon-tab .sppb-tab .sppb-tab-content {
        width: 100%;
    } */
    .sppb-addon-tab .sppb-tab .sppb-nav li a {
        padding: 10px;
       /*  text-align: left; */
        font-size: 12px;
       /*  background: #fff;
        border-right-width: 1px; */
    }
   /*  .sppb-addon-tab .sppb-tab .sppb-nav li.active a {
        border-right: 1px solid #e5e5e5;
    } */
   /*  .sppb-addon-tab .sppb-tab .sppb-nav li.active > a, .sppb-addon-tab .sppb-tab .sppb-nav li.active > a:focus, .sppb-addon-tab .sppb-tab .sppb-nav li.active > a:hover {
        background: #f1f3f5;
        color:#0f5499;
    } */
    /* .sppb-addon-tab .sppb-tab .sppb-nav li.active a::after{
        opacity: 0;
    } */

    /* .sppb-tab-icon {
        float: right;
        margin-top:-4px;
    }*/
    /*.sppb-addon-tab .sppb-tab .sppb-nav li a i:before {
        content: "\f175";
    } */

}
/*
@media only screen and (min-width:576px){

}

@media only screen and (min-width:768px){

}

@media only screen and (min-width:992px){

}

@media only screen and (min-width:1200px){

}
 */

 .floating-buttons {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 15px;
    width: 40px;
    /* background: #fff; */
    padding: 0;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
    z-index: 9999;
    flex-direction: column;
    align-items: end;
    gap: 10px;
    right: 15px;
}
.scrollup.active + .floating-buttons{
    bottom: 65px;
}
.btn-floating {               
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 0;
    color: white;
    transition: all 0.3s ease-in-out 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn-floating:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
    color:white
}
.btn-floating + .btn-floating{
    margin-left:0
}

.btn-floating span {
    font-size: 14px;
    margin-left: 5px;
    transition: all 0.3s ease-in-out 0s;
    line-height: 0px;
    display: none;
}
.btn-floating i {
    font-size: 20px;
}
.btn-floating:hover span {
    display: inline-block;
} 

.btn-floating.whatsapp {
    background: #25d366;
}
.btn-floating.whatsapp:hover {
    background:rgb(25, 192, 86);
}
.btn-floating.phone {
    background: #007bff;
}
.btn-floating.phone:hover {
    background:rgb(6, 95, 190);
}
@media (max-width: 768px) {
    .floating-buttons {
        display: flex;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 9999;
        flex-direction: row;
        right: 0;
        gap:0;
    }
    .scrollup.active + .floating-buttons{
        bottom: 0;
    }
    .btn-floating {                
        width: 50%;
        height: auto;
        padding: 10px;
        border-radius: 0;
    }
    .btn-floating:hover {
        width: 50%;
        padding: 10px;
    }
    .btn-floating i {
        font-size: 32px;
        margin-right:10px
    }
    .btn-floating span {
        font-size: 16px;
        display:inline-block
    }
}