/* ============ WebKit tarayıcılar ============ */
/* Kaydırma çubuğunun genişliği/yüksekliği */
body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/* İz (track) */
body::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 2px;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
}

/* Tutacak (thumb) */
body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #888, #555);
    border-radius: 2px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    transition: background 0.2s, transform 0.2s;
}

    /* Hover efekti */
    body::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #666, #333);
        transform: scaleY(1.2);
    }

    /* Actıve / tıklanma efekti */
    body::-webkit-scrollbar-thumb:active {
        background: linear-gradient(180deg, #444, #222);
    }

body::-webkit-scrollbar-button {
    display: none;
}
/* ============ Firefox ============ */
* {
    scrollbar-width: thin; /* 'thin' -> mümkün olan en ince */
    scrollbar-color: #555 #f0f0f0; /* thumb rengi, track rengi */
}


/* CUSTOM FONT */



[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-icon]:before,
#infoBlock .item .icon:before,
#header .searchButton:before,
#menu span.icon:before,
#menu li.menu-item-has-children span.arrow:before,
#search button:before,
.wp-block-gallery a .icon:before,
.numberWidget .icon:before,
.safirCustomMenu .icon:before,
#callUs .icon:before,
footer .column.contact .contactItem .icon:before,
footer .safirTop:before,
.nativeWidget ul.menu a:before,
.safirSidebarMenu a .arrow.icon:before,
#mobileHeaderBlock .button:before,
.galleryWidget .items a .icon:before,
#contactPage .infoBlock .item .icon:before,
#mobileMenuContainer #menu li.menu-item-has-children span.mobilearrow:before,
div.gallery .gallery-item a .icon:before,
.widgetSwitcher:before,
.buttonWidget .icon:before,
.safir-list li:before,
#crewPage .crewGallery .detail .social a:before,
.safirSocial a:before,
.mainHeading .icon:before,
.safirOwlButtons .owl-nav div:before,
.contactWidget .infoBlock .item .icon:before,
#content .safirForm p > span:before,
#single .metaBox .icon:before,
.commentlist .comment-author cite:before,
.commentlist .comment-meta a:before,
#comments a.comment-reply-link:before,
#comments ol.children li .comment-body:before,
#gallery-links .prev a:before,
#gallery-links .next a:after,
#switcher .icon span:before,
.safir-faq .icon:before,
.safir-faq .openclose:before,
.descriptionbox .icon:before {
    font-family: "denge" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* SAFÄ°R RESET  */

*,
*:before,
*:after {
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: bottom;
}

ol {
    list-style-position: inside;
    padding-left: 0 !important;
}

ul {
    list-style: none;
    list-style-position: outside;
    padding-left: 0 !important;
}

blockquote {
    margin: 10px 0;
    padding: 15px;
    font-style: italic;
    background: #ecf0f1;
    border-left: 5px solid rgba(0, 0, 0, 0.05);
}

    blockquote p {
        margin: 0 !important;
        text-align: left !important;
    }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a img {
        border: none;
    }

iframe {
    max-width: 100%;
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

/* DESIGN  */

body {
    background-color: #E3F2FD !important;
    font: 14px "Poppins", sans-serif;
    color: #2e2e2e;
}

    body.home {
        background: #fff;
    }

input,
select,
textarea,
button {
    font: 14px "Poppins", sans-serif;
}

a:hover {
    color: #222;
}

/* GENERAL CLASSES */

.stickyMenu #wpadminbar {
    z-index: 999;
}

.innerContainer {
    max-width: 1180px;
    margin: auto;
    overflow: hidden;
    padding: 0 5px;
}

.safirBox {
    background: #fff;
    margin-bottom: 5px;
    padding: 30px;
    position: relative;
    overflow: hidden;
}

aside .safirWidget {
    background: #fff;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.safirBox + .safirBox {
    margin-top: 30px;
}

aside .safirBox {
    padding: 15px;
}

.safirEmbedContainer {
    padding-bottom: 52.25%;
    position: relative;
    height: 0;
}

    .safirEmbedContainer.wide {
        padding-bottom: 35%;
    }

    .safirEmbedContainer iframe,
    .safirEmbedContainer embed,
    .safirEmbedContainer object,
    .safirEmbedContainer video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.safirButton {
    color: #fff !important;
    display: inline-block;
    font-weight: bold;
    border-radius: 3px;
    line-height: 50px;
    border: 0;
    cursor: pointer;
    transition: all 0.3s;
}

    .safirButton .inner {
        transition: all 0.3s;
        padding: 0 60px 0 30px;
        position: relative;
    }

    .safirButton:hover .inner {
        background: rgba(0, 0, 0, 0.2);
    }

    .safirButton:hover span {
        right: 25px;
    }

    .safirButton + .safirButton {
        margin-left: 15px;
    }

    .safirButton span {
        position: absolute;
        transition: all 0.3s;
        top: 20px;
        right: 30px;
        display: block;
        width: 10px;
        height: 8px;
        border-style: solid;
        border-width: 5px 0 5px 8px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.6);
    }

        .safirButton span:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 8px;
            border-color: transparent transparent transparent rgba(255, 255, 255, 0.2);
            position: absolute;
            left: -16px;
            top: -5px;
            display: block;
        }

        .safirButton span:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 8px;
            border-color: transparent transparent transparent #fff;
            position: absolute;
            right: -6px;
            top: -5px;
            display: block;
        }

.pageHeading {
    margin: 0 -30px 30px;
    padding: 0 30px;
    position: relative;
}

    .pageHeading .inner {
        padding-left: 15px;
        position: relative;
    }

        .pageHeading .inner:before {
            width: 4px;
            height: 100%;
            border-radius: 2px;
            position: absolute;
            left: 0;
            top: 0;
            content: "";
        }

        .pageHeading .inner h1 {
            font-size: 26px;
            font-weight: 600;
            color: #2e2e2e;
        }

        .pageHeading .inner #crumbs {
            margin-top: 3px;
            font-size: 12px;
            font-weight: 300;
            color: #6f6f6f;
        }

.mainHeading {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
    color: #464c59;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
}

    .mainHeading h1,
    .mainHeading h2,
    .mainHeading h3 {
        color: #464c59;
    }

    .mainHeading .icon {
        display: block;
        float: left;
        height: 20px;
        width: 20px;
        margin: 0 8px 0 0;
    }

        .mainHeading .icon:before {
            display: block;
            height: 20px;
            width: 20px;
            line-height: 20px;
            font-size: 20px;
            text-align: center;
        }

    .mainHeading .text {
        font-size: 20px;
        line-height: 20px;
        font-weight: 500;
    }

    .mainHeading:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        left: 50px;
        bottom: -3px;
        z-index: 2;
    }

    .mainHeading:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        clear: both;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

aside .mainHeading {
    margin-bottom: 15px;
}

    aside .mainHeading .text {
        font-size: 17px;
    }

.reading,
.reading p,
.reading li {
    line-height: 1.8;
    text-align: justify;
    font-size: 15px;
}

    .reading > p + *,
    .reading > ol + *,
    .reading > ul + *,
    .reading > div + * {
        margin-top: 20px;
    }

.reading {
    margin-bottom: 0;
}

    .reading ul li {
        list-style-type: disc;
        list-style-position: inside;
    }

    .reading ol {
        list-style: none;
        counter-reset: item;
    }

        .reading ol li {
            counter-increment: item;
            margin-bottom: 5px;
        }

            .reading ol li:before {
                margin-right: 4px;
                content: counter(item) ". ";
                font-weight: 600;
            }

    .reading a:hover,
    .nativeWidget a:hover {
        color: #333;
    }

.float {
    overflow: hidden;
}

.bold {
    font-weight: bold;
}

.reading {
    font-size: 13px;
}

.post img {
    width: 100%;
}

.categoryDesc {
    line-height: 1.5;
    background: #fafafa;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #333;
}

.safirNoGallery .gallery {
    display: none;
}

#crumbs,
#crumbs a {
    color: #6f6f6f;
}

/* SWITCHER */

#switcher {
    position: absolute;
    z-index: 9999999999;
    top: 200px;
    left: -100px;
    text-align: center;
    font-size: 12px;
}

    #switcher p {
        padding: 3px 0;
        background: #f3f3f3;
    }

    #switcher .icon {
        position: absolute;
        width: 30px;
        height: 30px;
        right: -30px;
        background: #fff;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
        cursor: pointer;
        border-radius: 0 5px 5px 0;
        z-index: 1;
        color: #fff;
    }

        #switcher .icon span {
            display: block;
            width: 30px;
            height: 30px;
        }

            #switcher .icon span:before {
                display: block;
                margin: 7px;
                width: 16px;
                height: 16px;
                font-size: 16px;
                content: "\E01F";
                animation: switcher 8s infinite linear;
            }

    #switcher.active .icon span:before {
        content: "\E02A";
        animation: none;
        margin: 9px;
        width: 12px;
        height: 12px;
        font-size: 12px;
    }

@-webkit-keyframes switcher {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

#switcher form {
    float: left;
    width: 100px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 5px;
    position: relative;
    z-index: 2;
}

#switcher .designButtons {
    overflow: hidden;
}

    #switcher .designButtons .container {
        padding: 3px 0 0;
    }

    #switcher .designButtons a {
        display: block;
        margin-top: 5px;
        line-height: 18px;
        text-align: center;
        cursor: pointer;
        background: #fafafa;
        border: 1px solid #ddd;
        line-height: 20px;
        color: #373f50;
        font-weight: 500;
    }

.widgetSwitcher {
    position: absolute;
    left: -35px;
    margin-top: 40px;
    z-index: 10;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 50%;
    transition: all 0.3s;
    cursor: pointer;
}

    .widgetSwitcher:before {
        display: block;
        content: "\E040";
        color: #000;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        margin: 7px;
        font-size: 16px;
    }

.homeWidget:hover .widgetSwitcher {
    left: 10px;
}

/* TOPBAR */

#topbar {
    background: #eff2f8;
    color: #92959d;
    z-index: 50;
    position: relative;
}

    #topbar a {
        color: #92959d;
    }

        #topbar a:hover {
            color: #696c73;
        }

#infoBlock {
    float: left;
    overflow: hidden;
    font-size: 11px;
    font-weight: 500;
    line-height: 40px;
}

    #infoBlock .item {
        float: left;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 10px;
    }

        #infoBlock .item .icon {
            float: left;
            width: 40px;
            height: 40px;
            background: #e7eaf0;
        }

            #infoBlock .item .icon:before {
                display: block;
                margin: 12px;
                width: 16px;
                height: 16px;
                font-size: 16px;
                line-height: 16px;
                text-align: center;
            }

        #infoBlock .item.address .icon:before {
            content: "\E000";
        }

        #infoBlock .item.phone .icon:before {
            content: "\E00E";
        }

        #infoBlock .item.email .icon:before {
            content: "\E04E";
        }

        #infoBlock .item .data {
            margin-left: 50px;
        }

#topRight {
    float: right;
    overflow: hidden;
}

#headerSocial {
    float: left;
    padding: 12px 10px;
    border-left: 2px solid #e7eaf0;
}

#languageSelector {
    float: right;
    background: #e7eaf0;
    line-height: 24px;
    padding: 8px 10px;
    overflow: hidden;
}

    #languageSelector a {
        display: block;
        float: left;
        margin-left: 6px;
    }

        #languageSelector a:first-child {
            margin-left: 0;
        }

    #languageSelector img {
        width: 24px;
    }

/* HEADER */

header {
    position: sticky;
    z-index: 100;
    height: 100px;
    top: 0;
}

#header {
    position: relative;
    z-index: 40;
    clear: both;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    transition: all 0.2s;
    margin-bottom: 30px
}

    #header:before {
        position: absolute;
        width: 50%;
        height: 100%;
        background: #fff;
        content: "";
        top: 0;
        right: 0;
    }

#headerInner {
    /* height: 100px; */
    background: #fff;
    max-width: 1170px;
    margin: auto;
    height: 100px;
    transition: all 0.5s;
}

#mobileHeaderBlock,
#mobileMenuContainer {
    display: none;
}

#header .innerContainer {
    overflow: visible;
    padding: 0;
}

#logo {
    height: 100px;
    float: left;
    display: table;
    padding: 10px 50px 10px 90px;
    position: relative;
    z-index: 100;
    transition: all 0.2s;
}

    #logo:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 30px 100px 0;
        border-color: transparent #fff transparent transparent;
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.5s;
    }

    #logo h1,
    #logo span {
        display: table-row;
        transition: all 0.5s;
    }

    #logo a {
        display: table-cell;
        vertical-align: middle;
        height: 60px;
        transition: all 0.5s;
    }

    #logo img {
        max-height: 100px;
        transition: all 0.5s;
    }

        #logo img.mobile {
            display: none;
        }

/* SAFIR SOCIAL */

.safirSocial {
    overflow: hidden;
}

    .safirSocial li {
        float: left;
        margin-left: 10px;
    }

        .safirSocial li:first-child {
            margin-left: 0;
        }

    .safirSocial a {
        display: block;
        width: 16px;
        height: 16px;
        color: #9ea1a9;
    }

    .safirSocial li a:before {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 16px;
    }

    .safirSocial li.facebook a:before {
        content: url(../lib/images/facebook.svg);
    }

    .safirSocial li.twitter a:before {
        content: url(../lib/images/x.svg);
    }

    .safirSocial li.instagram a:before {
        content: url(../lib/images/instagram.svg);
    }

    .safirSocial li.linkedin a:before {
        content: url(../lib/images/linkedin.svg);
    }

    .safirSocial li.youtube a:before {
        content: "\E016";
    }

    .safirSocial li.pinterest a:before {
        content: "\E005";
    }

    .safirSocial li.whatsapp a:before {
        content: "\E020";
    }

    .safirSocial li.rss a:before {
        content: "\E021";
    }

/* MENU	 */

#menuGroup {
    float: right;
    height: 100px;
    position: relative;
    z-index: 20;
    position: relative;
    transition: all 0.5s;
}

#menu {
    font-weight: 600;
    z-index: 40;
    position: relative;
    float: left;
}

    #menu span.icon {
        display: none;
        width: 20px;
        height: 20px;
        margin: 30px 5px 30px 0;
    }

        #menu span.icon:before {
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 20px;
            display: block;
        }

    #menu li {
        margin-top: 10px;
        float: left;
        position: relative;
    }

    #menu a {
        display: block;
        color: #222835;
        font-size: 14px;
        line-height: 80px;
        padding: 0 20px;
        transition: all 0.5s;
    }

    #menu > ul > li > a:after,
    #menu > ul > li.active > a:after {
        display: block;
        opacity: 0;
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 4px 4px 4px;
        border-color: transparent transparent #e7eaf0 transparent;
        transition: all 0.5s;
    }

    #menu > ul > li:hover > a:after,
    #menu > ul > li.active > a:after {
        bottom: 0;
        opacity: 1;
    }

#menuGroup.searchActive #menu > ul > li:hover > a:after,
#menuGroup.searchActive #menu > ul > li.active > a:after {
    opacity: 0;
}

#menu > ul > li > a:before {
    display: block;
    width: 1px;
    height: 20px;
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    background: #edf0f7;
}

#menu > ul > li:first-child > a:before {
    display: none;
}

#menu .sub-menu {
    display: none;
    position: absolute;
    z-index: 40;
    background: #f8f9fd;
    border-radius: 0 0 3px 3px;
}

    #menu .sub-menu li {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        /* margin-left: -30px; */
        border: 0;
        border-top: 1px solid #edf0f7;
    }

    #menu .sub-menu a {
        display: block;
        width: auto;
        min-width: 270px !important;
        text-align: left;
        line-height: 50px;
        margin: 0;
        white-space: nowrap;
        padding: 0 25px;
        border: 0;
        font-weight: normal;
        font-size: 14px;
    }

        #menu .sub-menu a:hover {
            background: #f3f4f9;
        }

    #menu .sub-menu .sub-menu {
        left: 100%;
        top: 0;
        margin: 0 0 0 0;
        border-top: 0;
        border-left: 1px solid #edf0f7;
    }

    #menu .sub-menu span.icon {
        width: 16px;
        height: 16px;
        margin: 17px 5px 17px 0;
        display: inline-block;
        content: url(../lib/images/arrow-right.svg);
    }

        #menu .sub-menu span.icon:before {
            font-size: 16px;
            line-height: 16px;
            display: block;
        }

#menu li.menu-item-has-children span.icon-arrow-down {
    width: 10px;
    height: 10px;
    display: block;
    float: right;
    margin: 35px 0 0 5px;
    content: url(../lib/images/chevron-down.svg);
}

    #menu li.menu-item-has-children span.icon-arrow-down:before {
        display: block;
        font-size: 6px;
        line-height: 10px;
        /* content: "\E022"; */
        content: url(../lib/images/chevron-down.svg);
    }

#menu li.menu-item-has-children li.menu-item-has-children span.icon-arrow-down {
    margin: 20px -15px 20px 0;
}

    #menu
    li.menu-item-has-children
    li.menu-item-has-children
    span.icon-arrow-down:before {
        color: #666;
        content: "\E023";
        font-size: 8px;
    }

/* HEADER SEARCH */

#search {
    float: right;
    margin-top: 10px;
}

    #search .searchButton {
        cursor: pointer;
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #edf0f7;
        margin: 30px 0 40px 0;
        color: #b0b5c0;
        transition: all 0.5s;
    }

    #search:hover .searchButton {
        color: #767980;
    }

    #search .searchButton:before {
        content: "\E001";
        display: block;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
    }

    #search .searchForm {
        display: none;
        position: absolute;
        right: 0;
        top: 90px;
        z-index: 999;
        width: 275px;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }

        #search .searchForm:before {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: -8px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 8px 8px;
            border-color: transparent transparent #d5d8df transparent;
        }

    #search input[type="text"] {
        display: block;
        width: 100%;
        line-height: 30px;
        padding: 10px 40px 10px 10px;
        border: 0;
        font-size: 13px;
        color: #654654;
        background: none;
    }

    #search button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background: #d5d8df;
        border: 0;
        color: #9ea1a9;
        cursor: pointer;
    }

        #search button:before {
            content: "\E01C";
            display: block;
            margin: 17px;
            width: 16px;
            height: 16px;
            font-size: 16px;
            line-height: 16px;
        }

/* DESIGN */

#main {
    overflow: hidden;
    margin: 0 auto 40px auto;
    clear: both;
    padding-top: 30px !important;
}

#home {
    min-height: 110px;
    clear: both;
}

#content {
    float: right;
    width: 70.940171%;
}

.sidebarRight #content {
    float: left;
}

#content.full {
    float: none;
    width: 100%;
}

    #content.full iframe {
        border: 0;
    }

aside {
    float: left;
    width: 26.49572659%;
}

.sidebarRight aside {
    float: right;
}

/* WIDGETS */

.nogallery {
    text-align: center;
    padding: 30px;
    font-size: 18px;
}

.darkBg .nogallery a {
    color: #f9f9f9;
}

.safirWidget.homeWidget {
    background: #fff;
    transition: all 0.2s;
}

    .safirWidget.homeWidget.lightBg {
        background: #edf0f7;
    }

    .safirWidget.homeWidget.darkBg {
        background: #222835;
        color: #eee;
    }

        .safirWidget.homeWidget.darkBg .mainHeading {
            color: #edf0f7;
        }


    .safirWidget.homeWidget .innerContainer {
        padding: 40px 5px;
    }

    .safirWidget.homeWidget.notitle .innerContainer {
        overflow: visible;
    }

.safirWidget.sidebarWidget .innerContainer {
    padding: 0;
    overflow: visible;
}

.sidebarWidget {
    margin-top: 30px;
}

    .sidebarWidget:first-child {
        margin-top: 0;
    }

.nativeWidget li {
    border-top: 1px dotted #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

    .nativeWidget li:first-child {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }

.nativeWidget ul.menu a:before {
    width: 12px;
    height: 12px;
    line-height: 20px;
    margin: 4px 4px 4px 0;
    content: "\E01C";
}

.nativeWidget ul.menu a {
    transition: all 0.3s;
}

    .nativeWidget ul.menu a:hover {
        padding-left: 8px;
    }

.rev_slider li {
    border-top: 0;
}

.safirOwlButtons .innerContainer {
    position: relative;
}

.safirOwlButtons .owl-nav {
    position: absolute;
    right: 5px;
    top: 35px;
    color: #fff;
}

.safirOwlButtons.notitle {
    overflow: hidden;
}

    .safirOwlButtons.notitle .owl-nav {
        left: inherit;
        top: inherit;
        width: 100%;
        opacity: 0;
        transition: all 0.3s;
        position: inherit;
    }

        .safirOwlButtons.notitle .owl-nav div {
            position: absolute;
            top: 50%;
            margin-top: -15px;
        }

    .safirOwlButtons.notitle:hover .owl-nav {
        opacity: 0.6;
    }

.safirWidget.darkBg.safirOwlButtons .owl-nav {
    color: #fff;
}

.safirOwlButtons .owl-nav div {
    float: left;
    margin-left: 5px;
    border-radius: 3px;
}

    .safirOwlButtons .owl-nav div.owl-prev {
        float: left;
    }

    .safirOwlButtons .owl-nav div.owl-next {
        float: right;
    }

.safirOwlButtons.notitle .owl-nav div.owl-prev {
    margin-left: -40px;
    left: 0;
}

.safirOwlButtons.notitle .owl-nav div.owl-next {
    margin-right: -40px;
    right: 0;
}

.safirOwlButtons .owl-nav div:before {
    width: 30px;
    height: 30px;
    padding: 0px;
    line-height: 14px;
    font-size: 14px;
    display: block;
    text-align: center;
    transition: all 0.3s;
}

.safirOwlButtons .owl-nav .owl-prev:before {
    content: url(/kalite.mtü/fonts/images/arrow-left.svg);
}

.safirOwlButtons .owl-nav .owl-next:before {
    content: url(/kalite.mtü/fonts/images/arrow-right2.svg);
}

.safirOwlButtons .owl-nav div:hover:before {
    background: rgba(0, 0, 0, 0.2);
}

aside .safirOwlButtons .owl-nav {
    right: 0;
    top: 0;
}

aside .safirOwlButtons.notitle .owl-nav {
    margin-top: -10px;
}

    aside .safirOwlButtons.notitle .owl-nav div.owl-prev {
        margin-left: 0;
    }

    aside .safirOwlButtons.notitle .owl-nav div.owl-next {
        margin-right: 0;
    }

aside .safirOwlButtons .owl-nav div:before {
    width: 20px;
    height: 20px;
    padding: 4px;
    line-height: 12px;
    font-size: 12px;
}

/* SIDEBAR YAN MENÜ */

.safirSidebarMenu ul.menu {
    margin-bottom: -5px;
}

.safirSidebarMenu li {
    position: relative;
}

.safirSidebarMenu a {
    display: block;
    color: #94979f;
    padding: 0 15px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.safirSidebarMenu .inner {
    background: #f8f9fd;
    border-radius: 3px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

.safirSidebarMenu .sub-menu a {
    font-size: 13px;
}

.safirSidebarMenu a .arrow.icon {
    display: block;
    float: left;
}

.safirSidebarMenu .sub-menu a .arrow.icon {
    color: #6f6f6f;
}

.safirSidebarMenu a .arrow.icon:before {
    content: "\E03B";
    height: 10px;
    display: block;
    float: left;
    font-size: 10px;
    margin: 5px 5px 5px 0;
}

.safirSidebarMenu a .title {
    transition: all 0.2s;
}

.safirSidebarMenu .inner:after {
    content: "";
    display: block;
    width: 8px;
    height: 40px;
    border-radius: 3px;
    background: #edf0f7;
    background: -moz-linear-gradient(left, #edf0f7 0%, #f8f9fd 100%);
    background: -webkit-linear-gradient(left, #edf0f7 0%, #f8f9fd 100%);
    background: linear-gradient(to right, #edf0f7 0%, #f8f9fd 100%);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
    z-index: 0;
}

.safirSidebarMenu li.active .inner:after,
.safirSidebarMenu .inner:hover:after {
    width: 100%;
}

.safirSidebarMenu .toggle.icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    z-index: 10;
}

    .safirSidebarMenu .toggle.icon:before {
        content: "+";
    }

    .safirSidebarMenu .toggle.icon.active:before {
        content: "-";
    }

.safirSidebarMenu > div > ul > li > .sub-menu {
    display: none;
}

.safirSidebarMenu .sub-menu {
    margin-left: 15px;
}

    .safirSidebarMenu .sub-menu .sub-menu {
        margin-left: 30px;
    }

/* NUMBER WIDGET */

.desktop .revSliderWidget + .numberWidget.withTitle {
    margin-top: -50px;
    pointer-events: none;
}

    .desktop .revSliderWidget + .numberWidget.withTitle .widgetSwitcher {
        margin-top: 90px;
    }

.numberWidget.withTitle .innerContainer {
    padding-top: 50px;
}

.numberWidget .innerContainer {
    position: relative;
}

.numberWidget .widgetTitle {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    line-height: 50px;
    font-weight: 600;
    font-size: 14px;
    padding: 0 20px;
}

    .numberWidget .widgetTitle .icon {
        float: left;
        margin: 15px 10px 15px 0;
    }

        .numberWidget .widgetTitle .icon:before {
            display: block;
            width: 20px;
            height: 20px;
            font-size: 20px;
            line-height: 20px;
        }

    .numberWidget .widgetTitle:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -20px;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
    }

.numberWidget .iconList {
    display: flex;
    flex-wrap: nowrap;
    margin: 30px -15px 0;
}

    .numberWidget .iconList .item {
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }

        .numberWidget .iconList .item .icon {
            /* border-bottom: 2px solid #f3f5fa; */
            margin-bottom: 10px;
            padding-bottom: 10px;
            text-align: center;
            color: #9398a2;
        }

            .numberWidget .iconList .item .icon:before {
                display: inline-block;
                height: 40px;
                font-size: 40px;
                line-height: 40px;
            }

        .numberWidget .iconList .item .number {
            font-size: 22px;
            line-height: 25px;
            font-weight: bold;
        }

        .numberWidget .iconList .item .text {
            font-weight: 500;
        }

/* Dark - Light */

.numberWidget.lightBg .iconList .item .icon {
    border-color: #e7eaf0;
}

.numberWidget.darkBg .iconList .item .icon {
    color: #edf0f7;
    border-color: rgba(255, 255, 255, 0.1);
}

aside .numberWidget .iconList {
    flex-wrap: wrap;
    margin: 30px -5px -30px;
}

    aside .numberWidget .iconList .item {
        width: 50%;
        padding: 0 5px 30px;
    }

/* ABOUT WIDGET */

.aboutWidget {
    overflow: hidden;
}

    .aboutWidget .aboutContainer {
        overflow: hidden;
        margin: 0 -15px;
    }

    .aboutWidget .infoBlock {
        line-height: 2;
        color: #8a8d95;
        width: 100%;
        float: left;
        padding: 0 15px;
    }

    .aboutWidget.showPosts .infoBlock {
        width: 70%;
    }

    .aboutWidget .infoBlock h1,
    .aboutWidget .infoBlock h2,
    .aboutWidget .infoBlock h3 {
        margin-bottom: 10px;
    }

    .aboutWidget.homeWidget.darkBg .infoBlock h1,
    .aboutWidget.homeWidget.darkBg .infoBlock h2,
    .aboutWidget.homeWidget.darkBg .infoBlock h3,
    .aboutWidget.homeWidget.darkBg .infoBlock a {
        color: #fff;
    }

    .aboutWidget .infoBlock h1 {
        font-size: 26px;
    }

    .aboutWidget .infoBlock h2 {
        font-size: 22px;
    }

    .aboutWidget .infoBlock h3 {
        font-size: 18px;
    }

    .aboutWidget .infoBlock p {
        margin-bottom: 10px;
    }

        .aboutWidget .infoBlock p:last-child {
            margin-bottom: 0;
        }

    .aboutWidget .postsBlock {
        width: 30%;
        float: right;
        padding: 0 15px;
        margin-bottom: -15px;
        overflow: hidden;
    }

        .aboutWidget .postsBlock .item {
            margin-bottom: 15px;
            overflow: hidden;
        }

            .aboutWidget .postsBlock .item .thumb {
                float: left;
                margin-right: 10px;
            }

                .aboutWidget .postsBlock .item .thumb img {
                    display: block;
                    border-radius: 3px;
                }

            .aboutWidget .postsBlock .item .detail {
                line-height: 20px;
                height: 85px;
                overflow: hidden;
                font-size: 12px;
                color: #8a8d95;
                margin: 2px 0 3px;
            }

            .aboutWidget .postsBlock .item .title {
                margin-bottom: 5px;
                font-weight: 600;
                font-size: 13px;
            }

                .aboutWidget .postsBlock .item .title a {
                    color: #464c59;
                }

    .aboutWidget.darkBg .postsBlock .item .title a {
        color: #edf0f7;
    }

aside .aboutWidget.showPosts .infoBlock {
    width: 100%;
}

aside .aboutWidget .postsBlock {
    width: 100%;
    margin-top: 25px;
}

/* ADVANCED POSTS WIDGET 1 */

.advancedPostsWidget1 .items {
    margin: 0 -15px -30px;
}

.advancedPostsWidget1 .item-container {
    padding: 0 15px;
    margin-bottom: 30px;
}

.advancedPostsWidget1 .list {
    display: flex;
    flex-wrap: wrap;
}

    .advancedPostsWidget1 .list .item-container {
        width: 25%;
    }

.advancedPostsWidget1 .item {
    text-align: center;
}

    .advancedPostsWidget1 .item .thumb {
        border-radius: 3px;
        overflow: hidden;
        margin-bottom: 15px;
        position: relative;
    }

        .advancedPostsWidget1 .item .thumb img {
            z-index: 1;
        }

        .advancedPostsWidget1 .item .thumb .text {
            position: absolute;
            top: 10px;
            left: 10px;
            border-radius: 12px;
            line-height: 24px;
            color: #fff;
            padding: 0 12px;
            font-size: 12px;
            z-index: 2;
        }

        .advancedPostsWidget1 .item .thumb img {
            width: 100%;
        }

    .advancedPostsWidget1 .item .title {
        font-size: 14px;
        font-weight: 600;
        color: #464c59;
        text-transform: uppercase;
    }

        .advancedPostsWidget1 .item .title a {
            color: #464c59;
        }

    .advancedPostsWidget1 .item .category {
        font-size: 11px;
        font-weight: 600;
        color: #8a8d95;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

        .advancedPostsWidget1 .item .category a {
            color: #8a8d95;
        }

    .advancedPostsWidget1 .item .postprice {
        font-weight: bold;
        font-size: 17px;
        position: relative;
    }

        .advancedPostsWidget1 .item .postprice:before {
            content: "";
            display: block;
            width: 70px;
            height: 2px;
            background: #edf0f7;
            margin: 10px auto;
        }

        .advancedPostsWidget1 .item .postprice span {
            text-decoration: line-through;
            font-weight: normal;
            margin-right: 8px;
        }

.advancedPostsWidget1.darkBg .item .title,
.advancedPostsWidget1.darkBg .item .title a {
    color: #f7f7f7;
}

aside .advancedPostsWidget1 .list .item-container {
    width: 100%;
}

aside .advancedPostsWidget1 .items {
    margin: 0 -15px -15px;
}

aside .advancedPostsWidget1 .item-container {
    margin-bottom: 15px;
}

/* ADVANCED POSTS WIDGET 2 */

.advancedPostsWidget2 .items {
    margin: 0 -15px -30px;
}

.advancedPostsWidget2 .item-container {
    padding: 0 15px;
    margin-bottom: 30px;
}

.advancedPostsWidget2 .list {
    display: flex;
    flex-wrap: wrap;
}

    .advancedPostsWidget2 .list .item-container {
        width: 33.3333333333%;
    }

.advancedPostsWidget2 .item {
    border-radius: 3px;
    overflow: hidden;
    background: #f8f9fd;
}

    .advancedPostsWidget2 .item .thumb {
        position: relative;
    }

        .advancedPostsWidget2 .item .thumb img {
            z-index: 1;
        }

        .advancedPostsWidget2 .item .thumb .date {
            position: absolute;
            top: 10px;
            left: 10px;
            border-radius: 12px;
            line-height: 24px;
            color: #fff;
            padding: 0 12px;
            font-size: 12px;
            z-index: 2;
        }

        .advancedPostsWidget2 .item .thumb img {
            width: 100%;
        }

    .advancedPostsWidget2 .item .detail {
        height: 180px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .advancedPostsWidget2 .item .title {
        font-size: 17px;
        font-weight: 500;
        color: #464c59;
        line-height: 20px;
        position: relative;
        padding: 20px;
        line-height: 20px;
    }

        .advancedPostsWidget2 .item .title:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 20px;
            width: 70px;
            height: 2px;
            z-index: 2;
        }

        .advancedPostsWidget2 .item .title:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #edf0f7;
            z-index: 1;
        }

        .advancedPostsWidget2 .item .title a {
            color: #464c59;
        }

    .advancedPostsWidget2 .item .desc {
        margin: 20px 20px 0;
        color: #8a8d95;
        font-size: 14px;
        line-height: 20px;
    }

.advancedPostsWidget2.darkBg .item {
    background: rgba(0, 0, 0, 0.05);
}

    .advancedPostsWidget2.darkBg .item .title:after {
        background: rgba(255, 255, 255, 0.05);
    }

    .advancedPostsWidget2.darkBg .item .title,
    .advancedPostsWidget2.darkBg .item .title a {
        color: #f7f7f7;
    }

aside .advancedPostsWidget2 .items {
    margin: 0 -15px -15px;
}

aside .advancedPostsWidget2 .item-container {
    margin-bottom: 15px;
}

aside .advancedPostsWidget2 .list .item-container {
    width: 100%;
}

/* CREW WIDGET */

.crewWidget .items {
    overflow: hidden;
    margin: -15px;
}

.crewWidget .item-container {
    padding: 15px;
}

.crewWidget .items .list {
    display: flex;
    flex-wrap: wrap;
}

    .crewWidget .items .list .item-container {
        width: 20%;
    }

.crewWidget .item {
    border-radius: 3px;
    text-align: center;
    overflow: hidden;
    background: #fff;
}

.crewWidget.whiteBg .item {
    border: 1px solid #eee;
    background: #fafafa;
}

.crewWidget .item a {
    display: block;
}

.crewWidget .item img {
    width: 100%;
}

.crewWidget .item .info {
    margin: 5px;
    line-height: 20px;
    min-height: 40px;
}

.crewWidget .item .title {
    font-weight: 600;
}

.crewWidget .item .detail {
    color: #868686;
    font-size: 13px;
}

aside .crewWidget .items {
    margin: -5px;
}

aside .crewWidget .item-container {
    padding: 5px;
}

aside .crewWidget .items .list .item-container {
    width: 50%;
}

/* CUSTOMER WIDGET */

.customerWidget .items {
    overflow: hidden;
}

.customerWidget .item {
    text-align: center;
}

    .customerWidget .item .thumb {
        display: inline-block;
        max-width: 100px;
        background: #fff;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .customerWidget .item .name {
        font-weight: bold;
        font-size: 15px;
        color: #464c59;
    }

    .customerWidget .item .title {
        color: #a3a6ae;
    }

    .customerWidget .item .detail {
        color: #989ba2;
        margin-top: 15px;
        font-size: 16px;
    }

.customerWidget.whiteBg .item .thumb {
    border: 1px solid #eee;
    background: #fafafa;
}

    .customerWidget.whiteBg .item .thumb img {
        height: 80px;
    }

.customerWidget.darkBg .item .name {
    color: #fafafa;
}

/* REFERENCES WIDGET */

.referencesWidget .items {
    margin: -15px;
}

    .referencesWidget .items .item-container {
        padding: 15px;
    }

    .referencesWidget .items a {
        height: 130px;
        line-height: 130px;
        display: block;
        border-radius: 3px;
        text-align: center;
        padding: 0 12px;
        border: 1px solid #eee;
    }

.referencesWidget .item a img {
    vertical-align: middle;
    width: inherit;
    display: inline-block;
    max-height: 110px;
}

.referencesWidget.lightBg .items a,
.referencesWidget.darkBg .items a {
    background: #fff;
    border: 0;
}

aside .referencesWidget .items {
    margin: -5px;
}

    aside .referencesWidget .items .item-container {
        padding: 5px;
    }

/* GALLERY WIDGET */

.galleryWidget .items {
    overflow: hidden;
    margin: -15px;
}

.galleryWidget .item-container {
    padding: 15px;
}

.galleryWidget .items .list {
    display: flex;
    flex-wrap: wrap;
}

    .galleryWidget .items .list .item-container {
        width: 25%;
    }

.galleryWidget .item {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

    .galleryWidget .item img {
        width: 100%;
    }

    .galleryWidget .item a {
        display: block;
        position: relative;
    }

        .galleryWidget .item a .icon {
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            color: #333;
        }

            .galleryWidget .item a .icon:before {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -15px 0 0 -15px;
                background: #fff;
                border-radius: 2px;
                box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
                width: 30px;
                height: 30px;
                line-height: 30px;
                font-size: 16px;
                text-align: center;
                content: "\E031";
            }

        .galleryWidget .item a[href$=".jpg"] .icon:before,
        .galleryWidget .item a[href$=".jpeg"] .icon:before,
        .galleryWidget .item a[href$=".png"] .icon:before,
        .galleryWidget .item a[href$=".gif"] .icon:before {
            content: "\E032";
        }

aside .galleryWidget .items {
    margin: -5px;
}

aside .galleryWidget .item-container {
    padding: 5px;
}

aside .galleryWidget .items .list .item-container {
    width: 50%;
}

/* MENU WIDGET */

.safirCustomMenu .items {
    margin: 0 -15px -30px;
}

.safirCustomMenu .item-container {
    padding: 0 15px;
    margin-bottom: 30px;
}

.safirCustomMenu .list {
    display: flex;
    flex-wrap: wrap;
}

    .safirCustomMenu .list .item-container {
        width: 25%;
    }

.safirCustomMenu .item {
    background: #f3f5fa;
    border-radius: 3px;
    text-align: center;
    overflow: hidden;
}

    .safirCustomMenu .item .icon {
        color: #9398a2;
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.04); */
        padding: 30px 0;
    }

        .safirCustomMenu .item .icon:before {
            width: 60px;
            height: 60px;
            line-height: 60px;
            font-size: 60px;
        }

    .safirCustomMenu .item .title {
        font-size: 17px;
        padding: 10px;
        font-weight: 500;
        color: #292929;
    }

    .safirCustomMenu .item .desc {
        margin: 0 10px 10px;
        font-size: 12px;
        color: #8c8c8c;
        line-height: 20px;
        min-height: 60px;
    }

.safirCustomMenu.lightBg .item {
    background: #fff;
}

.safirCustomMenu.darkBg .item {
    background: rgba(0, 0, 0, 0.05);
}

.safirCustomMenu.darkBg .item {
    background: rgba(255, 255, 255, 0.04);
}

    .safirCustomMenu.darkBg .item .icon {
        color: #fff;
        /* border-color: rgba(255, 255, 255, 0.05); */
    }

    .safirCustomMenu.darkBg .item .title {
        color: #f7f7f7;
    }

    .safirCustomMenu.darkBg .item .desc {
        color: #b8bbc3;
    }

aside .safirCustomMenu .items {
    margin: 0 -5px -15px;
}

aside .safirCustomMenu .item-container {
    padding: 0 5px;
    margin-bottom: 15px;
}

aside .safirCustomMenu .list .item-container {
    width: 100%;
}

/* BUTTON WIDGET */

.buttonWidget {
    overflow: hidden;
    transition: all 0.15s;
    border-radius: 4px;
}

    .buttonWidget a {
        display: block;
        color: #464c59;
        transition: all 0.3s;
        background: #fff;
        padding: 25px;
    }

        .buttonWidget a:hover {
            background: #f8f9fd;
        }

    .buttonWidget .icon {
        float: left;
        margin: 10px 20px 10px 0;
    }

        .buttonWidget .icon:before {
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 40px;
        }

    .buttonWidget .table {
        display: table;
        min-height: 60px;
    }

    .buttonWidget .cell {
        display: table-cell;
        vertical-align: middle;
    }

    .buttonWidget .header {
        font-size: 17px;
        font-weight: 600;
    }

    .buttonWidget .description {
        margin-top: 10px;
        color: #8a8d95;
        font-size: 12px;
        font-weight: 500;
    }

/* CONTACT WIDGET */

.contactWidget {
    position: relative;
}

    .contactWidget .map {
        height: 330px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

        .contactWidget .map iframe {
            width: 100%;
        }

    .contactWidget .infoBlock {
        width: 340px;
        position: absolute;
        z-index: 2;
        top: 30px;
        right: 30px;
        border-radius: 4px;
        background: #fff;
        overflow: hidden;
    }

        .contactWidget .infoBlock .logo {
            padding: 20px;
            margin-bottom: 20px;
        }

            .contactWidget .infoBlock .logo img {
                max-height: 30px;
            }

        .contactWidget .infoBlock .item {
            margin: 0 20px 20px;
            font-size: 11px;
            overflow: hidden;
        }

            .contactWidget .infoBlock .item .icon {
                float: left;
                width: 40px;
                height: 40px;
                border-radius: 3px;
                background: #edf0f7;
            }

                .contactWidget .infoBlock .item .icon:before {
                    display: block;
                    width: 20px;
                    height: 20px;
                    font-size: 20px;
                    text-align: center;
                    line-height: 20px;
                    margin: 10px;
                }

            .contactWidget .infoBlock .item.contactaddress .icon:before {
                content: "\E000";
            }

            .contactWidget .infoBlock .item.contactmail .icon:before {
                content: "\E04E";
            }

            .contactWidget .infoBlock .item.contactphone .icon:before {
                content: "\E00E";
            }

            .contactWidget .infoBlock .item .table {
                display: table;
                min-height: 40px;
            }

                .contactWidget .infoBlock .item .table .row {
                    display: table-row;
                }

                .contactWidget .infoBlock .item .table .data {
                    display: table-cell;
                    vertical-align: middle;
                    padding-left: 10px;
                    color: #92959d;
                }

/* Sidebar */

aside .contactWidget .map {
    height: 250px;
    overflow: hidden;
    margin-bottom: 15px;
}

aside .contactWidget .infoBlock {
    width: 100%;
    position: relative;
    top: inherit;
    right: inherit;
    margin-bottom: -15px;
}

    aside .contactWidget .infoBlock .logo {
        display: none;
    }

    aside .contactWidget .infoBlock .item {
        margin: 0 0 15px;
    }

/* LISTING */

/* Style1 */

.listing.style1 {
    margin: 0 -15px -30px;
    display: flex;
    flex-wrap: wrap;
}

    .listing.style1 .item-container {
        padding: 0 15px;
        margin-bottom: 30px;
        width: 33.3333333333%;
    }

    .listing.style1 .item {
        text-align: center;
    }

        .listing.style1 .item .thumb {
            border-radius: 3px;
            overflow: hidden;
            margin-bottom: 15px;
            position: relative;
        }

            .listing.style1 .item .thumb img {
                z-index: 1;
            }

            .listing.style1 .item .thumb .text {
                position: absolute;
                top: 10px;
                left: 10px;
                border-radius: 12px;
                line-height: 24px;
                color: #fff;
                padding: 0 12px;
                font-size: 12px;
                z-index: 2;
            }

            .listing.style1 .item .thumb img {
                width: 100%;
            }

        .listing.style1 .item .title {
            font-size: 14px;
            font-weight: 600;
            color: #464c59;
            text-transform: uppercase;
        }

            .listing.style1 .item .title a {
                color: #464c59;
            }

        .listing.style1 .item .category {
            font-size: 11px;
            font-weight: 600;
            color: #8a8d95;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

            .listing.style1 .item .category a {
                color: #8a8d95;
            }

        .listing.style1 .item .postprice {
            font-weight: bold;
            font-size: 17px;
            position: relative;
        }

            .listing.style1 .item .postprice:before {
                content: "";
                display: block;
                width: 70px;
                height: 2px;
                background: #edf0f7;
                margin: 10px auto;
            }

            .listing.style1 .item .postprice span {
                text-decoration: line-through;
                font-weight: normal;
                margin-right: 8px;
            }

/* Style 2 */

.listing.style2 {
    margin: 0 -15px -30px;
    display: flex;
    flex-wrap: wrap;
}

    .listing.style2 .item-container {
        padding: 0 15px;
        margin-bottom: 30px;
        width: 33.3333333333%;
    }

    .listing.style2 .item {
        border-radius: 3px;
        overflow: hidden;
        background: #f8f9fd;
    }

        .listing.style2 .item .thumb {
            position: relative;
        }

            .listing.style2 .item .thumb img {
                z-index: 1;
            }

            .listing.style2 .item .thumb .date {
                position: absolute;
                top: 10px;
                left: 10px;
                border-radius: 12px;
                line-height: 24px;
                color: #fff;
                padding: 0 12px;
                font-size: 12px;
                z-index: 2;
            }

            .listing.style2 .item .thumb img {
                width: 100%;
            }

        .listing.style2 .item .detail {
            height: 180px;
            overflow: hidden;
            margin-bottom: 20px;
        }

        .listing.style2 .item .title {
            font-size: 17px;
            font-weight: 500;
            color: #464c59;
            line-height: 20px;
            position: relative;
            padding: 20px;
            line-height: 20px;
        }

            .listing.style2 .item .title:before {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                left: 20px;
                width: 70px;
                height: 2px;
                z-index: 2;
            }

            .listing.style2 .item .title:after {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 2px;
                background: #edf0f7;
                z-index: 1;
            }

            .listing.style2 .item .title a {
                color: #464c59;
            }

        .listing.style2 .item .desc {
            margin: 20px 20px 0;
            color: #8a8d95;
            font-size: 14px;
            line-height: 20px;
        }

/* CONTACT PAGE */

body.page-template-page-contact #main {
    margin-top: -100px;
}

#contactMap {
    height: 300px;
    overflow: hidden;
    clear: both;
}

    #contactMap iframe {
        width: 100%;
    }

#contactPage .infoBlock {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 30px;
}

    #contactPage .infoBlock .item {
        width: 33.33333333%;
        margin-bottom: 20px;
        color: #92959d;
        font-size: 13px;
        padding: 0 10px;
    }

        #contactPage .infoBlock .item .icon {
            float: left;
            width: 60px;
            height: 60px;
            border-radius: 3px;
            background: #f5f6fa;
        }

            #contactPage .infoBlock .item .icon:before {
                display: block;
                width: 20px;
                height: 20px;
                font-size: 20px;
                text-align: center;
                line-height: 20px;
                margin: 20px;
            }

        #contactPage .infoBlock .item.contactaddress .icon:before {
            content: "\E000";
        }

        #contactPage .infoBlock .item.contactmail .icon:before {
            content: "\E04E";
        }

        #contactPage .infoBlock .item.contactphone .icon:before {
            content: "\E00E";
        }

        #contactPage .infoBlock .item.contactgsm .icon:before {
            content: "\E002";
        }

        #contactPage .infoBlock .item.contactfax .icon:before {
            content: "\E013";
        }

        #contactPage .infoBlock .item.social .icon:before {
            content: "\E025";
        }

        #contactPage .infoBlock .item.social .safirSocial {
            display: inline-block;
        }

        #contactPage .infoBlock .item .table {
            display: table;
            min-height: 60px;
        }

            #contactPage .infoBlock .item .table .row {
                display: table-row;
            }

            #contactPage .infoBlock .item .table .data {
                display: table-cell;
                vertical-align: middle;
                padding-left: 10px;
            }

                #contactPage .infoBlock .item .table .data .title {
                    display: block;
                    font-weight: 600;
                }

#contactPage .ajax-loader {
    display: inline-block;
    margin: 10px 0;
}

/* CREW PAGE */

#crewPage .crewGallery {
    margin: 0 -15px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

    #crewPage .crewGallery .crewContainer {
        width: 33.33333333333%;
        padding: 15px;
    }

    #crewPage .crewGallery .crew {
        overflow: hidden;
        border-bottom: 1px solid #ededed;
    }

        #crewPage .crewGallery .crew img {
            width: 100%;
        }

    #crewPage .crewGallery .detail {
        padding: 10px;
        background: #f8f9f8;
        text-align: center;
    }

        #crewPage .crewGallery .detail .title {
            font-size: 14px;
            font-weight: 600;
        }

        #crewPage .crewGallery .detail .position {
            font-size: 12px;
            color: #6f6f6f;
        }

        #crewPage .crewGallery .detail .social {
            margin: 5px -10px -10px;
            background: #f0f0f0;
            padding: 0;
        }

            #crewPage .crewGallery .detail .social.filled {
                padding: 7px 0;
            }

            #crewPage .crewGallery .detail .social a {
                display: inline-block;
                padding: 0 5px;
                color: #8a8d95;
            }

                #crewPage .crewGallery .detail .social a:before {
                    width: 16px;
                    height: 16px;
                    font-size: 16px;
                }

                #crewPage .crewGallery .detail .social a.facebook:before {
                    content: "\E00B";
                }

                #crewPage .crewGallery .detail .social a.twitter:before {
                    content: "\E00D";
                }

                #crewPage .crewGallery .detail .social a.instagram:before {
                    content: "\E007";
                }

/* REFERENCES PAGE */

#referencesPage .refsGallery {
    margin: 0 -15px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

    #referencesPage .refsGallery .refsContainer {
        width: 33.33333333333%;
        padding: 15px;
    }

    #referencesPage .refsGallery .ref {
        overflow: hidden;
        border: 1px solid #ededed;
    }

        #referencesPage .refsGallery .ref .thumb {
            height: 150px;
            line-height: 130px;
            padding: 10px;
            text-align: center;
        }

        #referencesPage .refsGallery .ref img {
            max-height: 130px;
            vertical-align: middle;
        }

    #referencesPage .refsGallery .detail {
        padding: 10px;
        background: #f8f9f8;
        text-align: center;
    }

        #referencesPage .refsGallery .detail .title {
            font-size: 14px;
            font-weight: 600;
        }

        #referencesPage .refsGallery .detail .description {
            font-size: 12px;
            color: #6f6f6f;
        }

/* SHORTCODES */

.reading .mainHeading {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
}

    .reading .mainHeading:before {
        display: none;
    }

.safir-list ul,
.safir-list ol {
    overflow: hidden;
}

    .safir-list ul li,
    .safir-list ol li {
        padding: 15px;
        margin: 0;
        list-style: none;
        background: #fafafa;
        background: #e5e8ef;
        background: -moz-linear-gradient( left, #f5f5f5 0%, #fafafa 50px, #fafafa 100% );
        background: -webkit-linear-gradient( left, #f5f5f5 0%, #fafafa 50px, #fafafa 100% );
        background: linear-gradient(to right, #f5f5f5 0%, #fafafa 50px, #fafafa 100%);
        border: 1px solid #f5f5f5;
        border-radius: 5px;
        margin-bottom: 10px;
        line-height: 16px;
    }

.safir-list .inner {
    display: inline;
}

.safir-list li:before {
    content: "\E01D";
    margin-right: 5px;
    vertical-align: middle;
    line-height: 16px;
}

.descriptionbox {
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
    color: #fff;
    text-shadow: 0 0 5px #000;
    background-size: cover !important;
}

    .descriptionbox.coffee {
        background: url(images/descriptionbox/coffee.jpg) 50% 50%;
    }

    .descriptionbox.desk {
        background: url(images/descriptionbox/desk.jpg) 50% 50%;
    }

    .descriptionbox.environment {
        background: url(images/descriptionbox/environment.jpg) 50% 50%;
    }

    .descriptionbox.flowers {
        background: url(images/descriptionbox/flowers.jpg) 50% 50%;
    }

    .descriptionbox.notes {
        background: url(images/descriptionbox/notes.jpg) 50% 50%;
    }

    .descriptionbox.question {
        background: url(images/descriptionbox/question.jpg) 50% 50%;
    }

    .descriptionbox.railways {
        background: url(images/descriptionbox/railways.jpg) 50% 50%;
    }

    .descriptionbox.buildings {
        background: url(images/descriptionbox/buildings.jpg) 50% 50%;
    }

    .descriptionbox.sky {
        background: url(images/descriptionbox/sky.jpg) 50% 50%;
    }

    .descriptionbox .inner {
        padding: 3%;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.5);
    }

    .descriptionbox .icon {
        display: block;
        float: left;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        margin-right: 10px;
    }

        .descriptionbox .icon:before {
            display: block;
            font-size: 60px;
            content: "\E028";
        }

    .descriptionbox .header {
        font-size: 18px;
        font-weight: bold;
    }

    .descriptionbox .content {
        text-align: left;
        font-size: 15px;
        line-height: 1.5;
    }

.safir-faq {
    margin-top: 10px !important;
    font-size: 14px;
}

    .safir-faq .question {
        cursor: pointer;
        position: relative;
        transition: all 0.3s;
        padding: 0 40px;
        font-weight: 600;
        background: #f9f9f9;
        overflow: hidden;
    }

        .safir-faq .question:hover,
        .safir-faq .question.active {
            background: #f3f3f3;
        }

        .safir-faq .question .text {
            line-height: 20px;
            padding: 10px;
            display: block;
            float: left;
        }

    .safir-faq .icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        padding: 10px;
    }

        .safir-faq .icon:before {
            display: block;
            content: "\E029";
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 20px;
            text-align: center;
            color: #fff;
        }

    .safir-faq .openclose {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        padding: 12px;
        color: #555;
    }

        .safir-faq .openclose:before {
            display: block;
            font-size: 13px;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
        }

        .safir-faq .openclose.plus:before {
            content: "\E022";
        }

    .safir-faq .active .openclose.plus:before {
        content: "\E02A";
        font-size: 10px;
    }

    .safir-faq .answer {
        display: none;
        padding: 15px;
        background: #fafafa;
        border-bottom: 1px solid #f9f9f9;
    }

/* SINGLE */

/* Post Price */

#single .singlepostprice {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    background: #fafafa;
    border: 1px solid #f4f4f4;
    display: inline-block;
}

    #single .singlepostprice .title {
        color: #666;
        margin-right: 5px;
        display: inline-block;
        font-weight: normal;
    }

    #single .singlepostprice span {
        text-decoration: line-through;
        font-weight: normal;
        margin-right: 8px;
    }

/* Single Block */

#singleBlock.type1 {
    margin-bottom: 30px;
}

#singleBlock .thumb {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

    #singleBlock .thumb .text {
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 12px;
        line-height: 24px;
        color: #fff;
        padding: 0 12px;
        font-size: 12px;
        z-index: 2;
    }

#singleBlock.type2 {
    float: left;
    margin: 0 10px 5px 0;
}

#singleBlock img {
    width: 100%;
}

/* Metabox */

#single .metaBox {
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
    color: #9ea1a9;
    font-weight: 500;
}

    #single .metaBox .meta {
        float: left;
        background: #f5f6fa;
        border-radius: 3px;
        padding: 10px 20px;
        font-size: 12px;
        line-height: 16px;
        margin-left: 10px;
    }

        #single .metaBox .meta:first-child {
            margin-left: 0;
        }

        #single .metaBox .meta a {
            color: #9ea1a9;
        }

            #single .metaBox .meta a:hover {
                color: #5d6161;
            }

    #single .metaBox .icon {
        width: 16px;
        height: 16px;
        float: left;
        margin-right: 8px;
    }

        #single .metaBox .icon:before {
            font-size: 16px;
            line-height: 16px;
        }

    #single .metaBox .category .icon:before {
        content: "\E049";
    }

    #single .metaBox .date .icon:before {
        content: "\E034";
    }

    #single .metaBox .hit .icon:before {
        content: "\E02E";
    }

    #single .metaBox .comment .icon:before {
        content: "\E02D";
    }

    #single .metaBox .share {
        float: right;
        background: #f5f6fa;
        border-radius: 3px;
        padding: 10px 20px;
        font-size: 12px;
        line-height: 16px;
        margin-left: 10px;
    }

#single .share a {
    transition: all 0.3s;
}

#single .share .facebook a:hover {
    color: #597ac7;
}

#single .share .twitter a:hover {
    color: #5bbcec;
}

#single .share .whatsapp a:hover {
    color: #55cd6c;
}

/* Tags */

#single .tags {
    overflow: hidden;
    position: relative;
    margin: 30px -30px 0;
    padding: 30px 30px 0;
    border-top: 2px solid #f3f5fa;
    line-height: 20px;
    overflow: hidden;
    color: #8a8d95;
}

    #single .tags .title {
        margin-right: 5px;
        font-weight: 600;
        color: #464c59;
    }

    #single .tags a {
        color: #8a8d95;
    }

        #single .tags a:hover {
            color: #65676d;
        }

/* Related */

#related .listing {
    display: block;
}

    #related .listing .item-container {
        width: 100%;
    }

#related.safirOwlButtons .owl-nav {
    top: 25px;
    right: 30px;
}

/* Comment List */

#comments {
    margin-top: 30px;
}

    #comments .commentlist {
        margin-top: -25px;
    }

    #comments ol {
        list-style: none;
    }

        #comments ol li {
            clear: both;
            line-height: 1.5;
        }

            #comments ol li .comment-meta + p {
                margin-top: 6px;
                position: relative;
                z-index: 1;
            }

    #comments .reply {
        position: absolute;
        top: 20px;
        right: 0;
    }

    #comments a.comment-reply-link {
        display: inline-block;
        line-height: 20px;
        font-size: 13px;
        margin-top: 5px;
    }

        #comments a.comment-reply-link:before {
            content: "\E035";
            line-height: 20px;
            margin-right: 4px;
            font-size: 12px;
        }

    #comments li li .comment-body {
        padding-left: 80px;
    }

    #comments li li li .comment-body {
        padding-left: 160px;
    }

    #comments .depth-1 > ol.children > li:first-child > .comment-body:before {
        display: block;
        content: "\E036";
        line-height: 20px;
        font-size: 14px;
        position: absolute;
        top: 55px;
        left: 40px;
        font-size: 18px;
    }

#reply-title {
    display: block;
}

#comments div.comment-body {
    position: relative;
    padding: 25px 0;
    border-top: 2px solid #f1f1f1;
}

#comments .commentlist > li:first-child > div.comment-body {
    border-top: 0;
}

#comments div.comment-body br {
    display: none;
}

#comments .says {
    display: none;
}

.commentlist .avatar {
    float: left;
    margin: 0 10px 0 0;
    display: block;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    padding: 5px;
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 50%;
}

.commentlist .comment-author {
    display: inline;
    color: #6e6e6e;
}

    .commentlist .comment-author cite {
        margin-right: 10px;
        display: inline-block;
        font-style: normal;
        line-height: 20px;
        font-weight: 600;
    }

        .commentlist .comment-author cite:before {
            content: "\E02C";
            font-size: 16px;
            line-height: 20px;
            margin-right: 4px;
        }

.commentlist .comment-meta {
    color: #999;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    padding-right: 70px;
}

    .commentlist .comment-meta a {
        color: #a4a4a4;
    }

        .commentlist .comment-meta a:first-child:before {
            content: "\E034";
            margin-right: 2px;
            line-height: 20px;
            font-size: 14px;
        }

/* Comment Form */

#respond p {
    clear: both;
}

#respond .inputs {
    overflow: hidden;
    margin: 0 -10px;
}

    #respond .inputs .item {
        width: 50%;
        float: left;
        padding: 0 10px;
    }

#respond p.warning {
    color: red;
    font-style: italic;
}

#comments input#author,
#comments input#email,
#comments input#url {
    display: block;
    width: 100%;
}

#respond {
    overflow: hidden;
    padding: 0 0 15px;
}

#content #comments form textarea {
    width: 100%;
    display: block;
    height: 80px;
}

#comments.logged-in textarea {
    margin-top: 10px;
}

#respond p.form-submit {
    clear: both;
    float: right;
    margin-bottom: 0;
}

/* WP IMAGES */

img.alignleft {
    border: 1px solid #cdc;
    float: left;
    margin: 0 10px 10px 0;
    padding: 1px;
}

img.alignright {
    border: 1px solid #cdc;
    float: right;
    margin: 0 0 10px 10px;
    padding: 1px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    text-align: center;
    margin: 5px auto;
}

.wp-caption {
    max-width: 100%;
}

/* ATTACHMENT */

#gallery-links {
    overflow: hidden;
    position: relative;
    height: 30px;
    margin-bottom: 10px;
}

    #gallery-links .prev {
        float: left;
    }

    #gallery-links .next {
        float: right;
    }

    #gallery-links a {
        display: block;
        width: 110px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        text-align: center;
        border-radius: 2px;
        transition: all 0.3s;
    }

        #gallery-links a:hover {
            background: #333;
        }

    #gallery-links .prev a:before {
        float: left;
        content: "\E037";
    }

    #gallery-links .next a:after {
        float: right;
        content: "\E023";
    }

    #gallery-links .prev a:before,
    #gallery-links .next a:after {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    #gallery-links .number {
        margin: auto;
        position: absolute;
        width: 100px;
        left: 50%;
        top: 0;
        margin-left: -50px;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
    }

#image {
    text-align: center;
}

#single.attachment .gallery-nav {
    text-align: center;
    margin-bottom: 10px;
}

#page-links {
    text-align: center;
    margin-bottom: 5px;
}

    #page-links span {
        display: inline-block;
    }

#single.attachment .reading p {
    text-align: center;
}

#single.attachment #image {
    text-align: center;
    padding: 2%;
    background: #fafafa;
}

#single.attachment .gallery-nav a,
#page-links span {
    display: inline-block;
    color: #999;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
    background: #ececec;
    padding: 6px 0;
    width: 30px;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    overflow: visible;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 15px 14px rgba(255, 255, 255, 0.57);
    margin: 2px;
    font-weight: bold;
    font-size: 12px;
    transition: all 0.2s;
}

    #single.attachment .gallery-nav a:hover,
    #single.attachment .gallery-nav a.active,
    #page-links > span {
        color: #888;
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
        background: #ddd;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187);
    }

#gallery-1 {
    clear: both;
}

#single.attachment .safirSocial {
    text-align: center;
    margin-top: 20px;
}

    #single.attachment .safirSocial ul {
        display: inline-block;
    }

/* GALLERY */

div.gallery {
    margin-left: -13px;
    margin-right: -13px;
    overflow: hidden;
}

    div.gallery .gallery-item {
        padding: 0 13px 26px;
        float: left;
        margin: 0;
    }

        div.gallery .gallery-item a,
        .wp-block-gallery .gallery-item a {
            display: block;
            padding: 10px;
            border: 1px solid #eee;
            background: #fafafa;
            position: relative;
            overflow: hidden;
            border-radius: 3px;
        }

            div.gallery .gallery-item a .icon,
            .wp-block-gallery a .icon {
                background: rgba(0, 0, 0, 0.5);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
            }

                div.gallery .gallery-item a .icon:before,
                .wp-block-gallery a .icon:before {
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: -15px 0 0 -15px;
                    background: #fff;
                    border-radius: 2px;
                    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    font-size: 16px;
                    text-align: center;
                    content: "\E031";
                }

            div.gallery .gallery-item a[href$=".jpg"] .icon:before,
            div.gallery .gallery-item a[href$=".jpeg"] .icon:before,
            div.gallery .gallery-item a[href$=".png"] .icon:before,
            div.gallery .gallery-item a[href$=".gif"] .icon:before,
            .wp-block-gallery a[href$=".jpg"] .icon:before,
            .wp-block-gallery a[href$=".jpeg"] .icon:before,
            .wp-block-gallery a[href$=".png"] .icon:before,
            .wp-block-gallery a[href$=".gif"] .icon:before {
                content: "\E032";
            }

        div.gallery .gallery-item img {
            border: 0;
        }

#gallery-1,
#gallery-2,
#gallery-3 {
    clear: both;
}

.nativeWidget div.gallery .gallery-item a {
    padding: 3px;
}

.nativeWidget div.gallery {
    margin-left: -3px;
    margin-right: -3px;
    overflow: hidden;
}

    .nativeWidget div.gallery .gallery-item {
        padding: 0 3px 6px;
        float: left;
        margin: 0;
        width: 33.33333333%;
    }

/* FORMS */

#content form p {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

#content form .wpcf7-form-control-wrap {
    width: 100%;
}

#content form span {
    display: block;
}

#content form input[type="text"],
#content form input[type="password"],
#content form input[type="tel"],
#content form input[type="date"],
#content form input[type="email"],
#content form textarea,
#content form select {
    font-family: "Poppins", sans-serif;
    width: 100%;
    height: 50px;
    outline: none;
    border: 0;
    border-radius: 3px;
    background: #f5f6fa;
    margin: 5px 0;
    padding: 10px 15px;
    transition: all 0.25s;
    color: #464c59;
    line-height: 20px;
}

    #content form input[type="text"]:focus,
    #content form input[type="password"]:focus,
    #content form input[type="tel"]:focus,
    #content form input[type="date"]:focus,
    #content form input[type="email"]:focus,
    #content form textarea:focus,
    #content form select:focus {
        background: #edf0f7;
        color: #282c34;
    }

#content form input[type="checkbox"] {
    margin: 7px 7px 7px 0;
}

#content form textarea {
    max-width: 100%;
    width: 100%;
    height: 190px;
}

#content form .safirForm p span.ajax-loader {
    margin: 0;
    display: block;
    margin: 10px 0;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 20px;
    height: 20px;
    margin: 0;
    background: url(images/loading.gif) 50% 50% no-repeat;
    background-size: contain;
}

#content form input[type="submit"] {
    border: 0;
    cursor: pointer;
    color: #fff;
    line-height: 50px;
    padding: 0 50px;
    transition: all 0.3s;
    display: block;
    font-weight: bold;
    border-radius: 3px;
}

/* Contact Form 7 */

div.wpcf7-validation-errors {
    border: 0 !important;
    text-align: center !important;
}

div.wpcf7-response-output {
    margin: 20px 0 0 0 !important;
    padding: 10px !important;
    background: #fafafa;
    border-radius: 4px;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 12px !important;
    line-height: 20px;
    right: 15px;
    top: 15px;
}

/* Safir Form */

#content .safirForm {
    overflow: hidden;
    margin-bottom: -20px;
}

    #content .safirForm .safirLeft {
        float: left;
        width: 50%;
        padding-right: 15px;
    }

    #content .safirForm .safirRight {
        float: right;
        width: 50%;
        padding-left: 15px;
    }

    #content .safirForm .safirButton {
        width: 100%;
    }

    #content .safirForm p > span {
        margin-bottom: 10px;
        overflow: hidden;
        position: relative;
    }

        #content .safirForm p > span:before {
            width: 50px;
            height: 50px;
            font-size: 20px;
            line-height: 20px;
            text-align: center;
            margin: 15px 5px 15px 0;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
        }

        #content .safirForm p > span.mesaj:before,
        #content .safirForm p > span.yorum:before {
            height: 95%;
        }

        #content .safirForm p > span.adsoyad:before {
            content: "\E026";
        }

        #content .safirForm p > span.email:before {
            content: "\E04E";
            font-size: 24px;
        }

        #content .safirForm p > span.telefon:before {
            content: "\E002";
        }

        #content .safirForm p > span.konu:before {
            content: "\E027";
        }

        #content .safirForm p > span.mesaj:before {
            content: "\E02D";
        }

        #content .safirForm p > span.yorum:before {
            content: "\E027";
        }

    #content .safirForm input[type="text"],
    #content .safirForm input[type="password"],
    #content .safirForm input[type="tel"],
    #content .safirForm input[type="date"],
    #content .safirForm input[type="email"],
    #content .safirForm textarea,
    #content .safirForm select {
        padding-left: 45px;
        border: 0;
        margin: 0;
    }

        #content .safirForm input[type="text"]:focus,
        #content .safirForm input[type="password"]:focus,
        #content .safirForm input[type="tel"]:focus,
        #content .safirForm input[type="date"]:focus,
        #content .safirForm input[type="email"]:focus,
        #content .safirForm textarea:focus,
        #content .safirForm select:focus {
            border: 0;
        }

/* SAFIRNAVI */

.safirnavi {
    overflow: hidden;
    clear: both;
    margin-top: 30px;
    text-align: center;
}

    .safirnavi span,
    .safirnavi a {
        display: inline-block;
        min-width: 28px;
        padding: 0 15px;
        text-align: center;
        margin: 0 5px 5px 0;
        line-height: 35px;
        border: 0;
        color: #fff;
        font-weight: 500;
        border-radius: 2px;
        transition: all 0.4s;
    }

        .safirnavi a:hover,
        .safirnavi .current {
            background: #333;
        }

/* CALL US */

#callUs {
    background: #222835;
    color: #fff;
    padding: 30px 0;
    font-size: 17px;
    overflow: hidden;
    line-height: 40px;
}

    #callUs .icon {
        float: left;
    }

        #callUs .icon:before {
            display: block;
            font-size: 40px;
            line-height: 40px;
            content: "\E002";
        }

    #callUs .text {
        float: left;
        margin-left: 15px;
    }

    #callUs .phone {
        float: right;
        font-size: 28px;
    }

/* FOOTER */

footer {
    clear: both;
    position: relative;
    z-index: 10;
    background: #fff;
    color: #92959d;
}

    footer .mainHeading {
        color: #464c59;
        margin-bottom: 20px;
        padding-bottom: 15px;
        color: #464c59;
        font-size: 17px;
        font-weight: 600;
    }

        footer .mainHeading:before {
            display: none;
        }

    footer .safirButton {
        line-height: 40px;
    }

        footer .safirButton .inner {
            transition: all 0.3s;
            padding: 0 50px 0 15px;
            position: relative;
        }

        footer .safirButton span {
            right: 25px;
            top: 15px;
        }

        footer .safirButton:hover span {
            right: 17px;
        }

        footer .safirButton span:before {
            left: -16px;
            top: -5px;
        }

    footer .columns {
        overflow: hidden;
        margin: 0 -15px;
    }

    footer .column {
        float: left;
        width: 33.333333333%;
        padding: 50px 15px;
    }

        footer .column.about .columnContent {
            font-size: 12px;
            line-height: 1.8;
        }

            footer .column.about .columnContent .safirButton {
                margin-top: 10px;
            }

        footer .column.menu ul {
            margin: -5px;
            overflow: hidden;
        }

        footer .column.menu li {
            padding: 5px;
            width: 50%;
            float: left;
        }

        footer .column.menu a {
            display: block;
            background: #f8f9fd;
            color: #94979f;
            line-height: 40px;
            padding: 0 15px;
            border-radius: 3px;
            font-weight: 500;
            overflow: hidden;
            position: relative;
        }

            footer .column.menu a span {
                position: relative;
                z-index: 2;
            }

            footer .column.menu a:after {
                content: "";
                display: block;
                width: 8px;
                height: 100%;
                background: #edf0f7;
                background: -moz-linear-gradient(left, #edf0f7 0%, #f8f9fd 100%);
                background: -webkit-linear-gradient(left, #edf0f7 0%, #f8f9fd 100%);
                background: linear-gradient(to right, #edf0f7 0%, #f8f9fd 100%);
                position: absolute;
                left: 0;
                top: 0;
                transition: all 0.3s;
                z-index: 0;
            }

            footer .column.menu a:hover:after {
                width: 100%;
            }

        footer .column.menu.sub-menu {
            display: none;
        }

        footer .column.contact .contactItem {
            margin-bottom: 10px;
        }

            footer .column.contact .contactItem .item {
                overflow: hidden;
            }

            footer .column.contact .contactItem .icon {
                float: left;
                width: 40px;
                height: 40px;
                border-radius: 3px;
                background: #f8f9fd;
            }

                footer .column.contact .contactItem .icon:before {
                    display: block;
                    width: 20px;
                    height: 20px;
                    font-size: 20px;
                    text-align: center;
                    line-height: 20px;
                    margin: 10px;
                }

            footer .column.contact .contactItem .address .icon:before {
                content: url(../lib/images/map-pin.svg);
                background-repeat: no-repeat;
            }

            footer .column.contact .contactItem .mail .icon:before {
                content: url(../lib/images/mail-envelope-closed.svg);
            }

            footer .column.contact .contactItem .phone .icon:before {
                content: url(../lib/images/phone-handset.svg);
            }

            footer .column.contact .contactItem .gsm .icon:before {
                content: url(../lib/images/attachment.svg);
            }

            footer .column.contact .contactItem .social .icon:before {
                content: url(../lib/images/attachment.svg);
                ;
            }

            footer .column.contact .contactItem .table {
                /* display: table; */
                min-height: 40px;
            }

                footer .column.contact .contactItem .table .row {
                    display: table-row;
                }

                footer .column.contact .contactItem .table .data {
                    display: table-cell;
                    vertical-align: middle;
                    padding-left: 10px;
                    /* padding-top: 10px; */
                    color: #92959d;
                    font-size: 12px;
                    height: 40px;
                }

    footer #footerBottom {
        background: #222835;
        color: #b8bbc3;
        font-size: 12px;
    }

        footer #footerBottom .innerContainer {
            position: relative;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        footer #footerBottom a {
            color: #a2a5ac;
        }

#footer {
    margin-top: 0px; /* Örneğin 30px boşluk */
}

footer #footerBottom .text {
    padding-right: 75px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
}

footer .safirTop {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    width: 60px;
    height: 100%;
    padding-top: 23px;
    cursor: pointer;
    background: #2f3645;
    text-align: center;
    content: url(../lib/images/vertical_align_top.svg);
    background-repeat: no-repeat;
}

    footer .safirTop:before {
        /* color: #fff; */
        content: "";
        font-size: 14px;
        width: 16px;
        height: 16px;
        line-height: 14px;
    }

    footer .safirTop:hover span {
        color: #fff;
    }

/* OWL */

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel .owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both;
    }

    .owl-carousel .owl-animated-in {
        z-index: 0;
    }

    .owl-carousel .owl-animated-out {
        z-index: 1;
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut;
    }

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
    margin-top: -5px;
    margin-right: -10px;
}

    .owl-theme .owl-nav [class*="owl-"] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 0px 0px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

    .owl-theme .owl-nav [class*="owl-"] {
        background: #312783;
        color: #fff;
        text-decoration: none;
    }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 0.2s ease;
        border-radius: 30px;
    }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791;
    }

/* MINICOLORS */

.minicolors {
    position: relative;
}

.minicolors-sprite {
    background-image: url(lib/colorpicker/jquery.minicolors.png);
}

.minicolors-swatch {
    position: absolute;
    vertical-align: middle;
    background-position: -80px 0;
    border: solid 1px #ccc;
    cursor: text;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.minicolors-swatch-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.minicolors input[type="hidden"] + .minicolors-swatch {
    width: 28px;
    position: static;
    cursor: pointer;
}

.minicolors-panel {
    position: absolute;
    width: 173px;
    height: 152px;
    background: white;
    border: solid 1px #ccc;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
}

    .minicolors-panel.minicolors-visible {
        display: block;
    }

.minicolors-position-top .minicolors-panel {
    top: -154px;
}

.minicolors-position-right .minicolors-panel {
    right: 0;
}

.minicolors-position-bottom .minicolors-panel {
    top: auto;
}

.minicolors-position-left .minicolors-panel {
    left: 95px;
    top: 6px;
}

.minicolors-with-opacity .minicolors-panel {
    width: 194px;
}

.minicolors .minicolors-grid {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 150px;
    height: 150px;
    background-position: -120px 0;
    cursor: crosshair;
}

.minicolors .minicolors-grid-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}

.minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
    background-position: -270px 0;
    background-image: inherit;
}

.minicolors-slider-brightness .minicolors-grid {
    background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
    background-color: black;
}

.minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
    position: absolute;
    top: 1px;
    left: 152px;
    width: 20px;
    height: 150px;
    background-color: white;
    background-position: 0 0;
    cursor: row-resize;
}

.minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-opacity-slider {
    left: 173px;
    background-position: -40px 0;
    display: none;
}

.minicolors-with-opacity .minicolors-opacity-slider {
    display: block;
}

.minicolors-grid .minicolors-picker {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 12px;
    height: 12px;
    border: solid 1px black;
    border-radius: 10px;
    margin-top: -6px;
    margin-left: -6px;
    background: none;
}

    .minicolors-grid .minicolors-picker > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        border: solid 2px white;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.minicolors-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 2px;
    background: white;
    border: solid 1px black;
    margin-top: -2px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.minicolors-inline {
    display: inline-block;
}

    .minicolors-inline .minicolors-input {
        display: none !important;
    }

    .minicolors-inline .minicolors-panel {
        position: relative;
        top: auto;
        left: auto;
        box-shadow: none;
        z-index: auto;
        display: inline-block;
    }

.minicolors-theme-default .minicolors-swatch {
    top: 5px;
    left: 5px;
    width: 18px;
    height: 18px;
}

.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
    left: auto;
    right: 5px;
}

.minicolors-theme-default.minicolors {
    width: auto;
    display: inline-block;
}

.minicolors-theme-default .minicolors-input {
    width: auto;
    display: inline-block;
    padding-left: 26px;
}

.minicolors-theme-default.minicolors-position-right .minicolors-input {
    padding-right: 26px;
    padding-left: inherit;
}

.minicolors-theme-bootstrap .minicolors-swatch {
    top: 3px;
    left: 3px;
    width: 28px;
    height: 28px;
    border-radius: 3px;
}

.minicolors-theme-bootstrap .minicolors-swatch-color {
    border-radius: inherit;
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
    left: auto;
    right: 3px;
}

.minicolors-theme-bootstrap .minicolors-input {
    padding-left: 44px;
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding-right: 44px;
    padding-left: 12px;
}

.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
    top: 4px;
    left: 4px;
    width: 37px;
    height: 37px;
    border-radius: 5px;
}

.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
    width: 24px;
    height: 24px;
}

/* COLORBOX */

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: url(lib/colorbox/images/overlay.png) repeat 0 0;
    opacity: 0.9;
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(lib/colorbox/images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(lib/colorbox/images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(lib/colorbox/images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(lib/colorbox/images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(lib/colorbox/images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(lib/colorbox/images/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(lib/colorbox/images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(lib/colorbox/images/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(lib/colorbox/images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(lib/colorbox/images/loading.gif) no-repeat center center;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

    #cboxPrevious:active,
    #cboxNext:active,
    #cboxSlideshow:active,
    #cboxClose:active {
        outline: 0;
    }

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(lib/colorbox/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxPrevious:hover {
        background-position: -75px -25px;
    }

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(lib/colorbox/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxNext:hover {
        background-position: -50px -25px;
    }

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(lib/colorbox/images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxClose:hover {
        background-position: -25px -25px;
    }

/* RESPONSIVE */

@media all and (max-width: 1100px) {
    #topbar {
        display: none;
    }

    #related.safirOwlButtons .owl-nav,
    .safirOwlButtons .owl-nav {
        top: 10px;
        right: 10px;
    }

    .safirBox,
    aside .safirWidget {
        padding: 10px;
    }

    .galleryWidget .items {
        margin: -5px;
    }

    .galleryWidget .item-container {
        padding: 5px;
    }

    body .advancedPostsWidget1 .items,
    body .advancedPostsWidget2 .items,
    .listing {
        margin: 0 -5px -10px !important;
    }

        body .advancedPostsWidget1 .item-container,
        body .advancedPostsWidget2 .item-container,
        .listing .item-container {
            padding: 0 5px !important;
            margin-bottom: 10px !important;
        }

    .safirWidget.homeWidget .innerContainer {
        padding: 20px 10px;
    }

    .referencesWidget .items {
        margin: -5px;
    }

        .referencesWidget .items .item-container {
            padding: 5px;
        }

    .numberWidget.withTitle .innerContainer {
        padding-top: 50px !important;
    }

    body .safirCustomMenu .items {
        margin: 0 -5px -10px;
    }

    body .safirCustomMenu .item-container {
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .crewWidget .items {
        margin: -5px;
    }

    .crewWidget .item-container {
        padding: 5px;
    }

    #content .safirForm .safirLeft {
        padding-right: 5px;
    }

    #content .safirForm .safirRight {
        padding-left: 5px;
    }

    #content .safirForm {
        margin-bottom: 0;
    }

    #content form textarea {
        height: 170px;
    }

    #content form p {
        margin-bottom: 0;
    }

    #crewPage .crewGallery {
        margin: -5px;
    }

        #crewPage .crewGallery .crewContainer {
            padding: 5px;
        }

    #referencesPage .refsGallery {
        margin: -5px;
    }

        #referencesPage .refsGallery .refsContainer {
            padding: 5px;
        }

    div.gallery {
        margin-left: -5px;
        margin-right: -5px;
    }

        div.gallery .gallery-item {
            padding: 0 5px 10px;
        }

    #single .tags {
        margin: 10px 0 0;
        padding: 10px 0 0;
    }

    .innerContainer {
        padding: 0 10px;
    }

    #callUs {
        text-align: center;
    }

        #callUs .icon,
        #callUs .text,
        #callUs .phone {
            float: none;
            display: inline-block;
        }

    #switcher,
    header #menuGroup {
        display: none;
    }

    #header {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }

    #logo {
        padding-left: 10px;
        z-index: 10;
        height: 100px;
    }

    #menu {
        float: none;
    }

    #mobileHeaderBlock {
        display: block;
        position: absolute;
        z-index: 20;
        top: 25px;
        right: 5px;
        overflow: hidden;
    }

        #mobileHeaderBlock .button {
            display: block;
            float: left;
            min-width: 30px;
            height: 30px;
            line-height: 30px;
            padding: 0 5px;
            text-align: center;
            font-weight: 500;
            background: #fff;
            cursor: pointer;
            margin-left: 5px;
            border-radius: 1px;
        }

            #mobileHeaderBlock .button:before {
                font-size: 18px;
                line-height: 30px;
                vertical-align: middle;
            }

            #mobileHeaderBlock .button.phone:before {
                content: "\E002";
            }

            #mobileHeaderBlock .button.email:before {
                content: "\E04E";
            }

            #mobileHeaderBlock .button.info:before {
                content: "\E009";
            }

            #mobileHeaderBlock .button.info.active:before {
                content: "\E02A";
            }

            #mobileHeaderBlock .button.toggleMenu:before {
                content: "\E049";
            }

            #mobileHeaderBlock .button.toggleMenu.open:before {
                content: "\E02A";
                font-size: 16px;
            }

    #mobileMenuContainer {
        background: #fff;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        padding-top: 80px;
        width: 100%;
        height: 100%;
        overflow: scroll;
        z-index: 20;
        border-bottom: 2px solid #f3f3f3;
    }

        #mobileMenuContainer #menuGroup #search {
            display: none;
        }

        #mobileMenuContainer #search {
            position: relative;
            float: none;
        }

            #mobileMenuContainer #search .searchButton {
                display: none;
            }

            #mobileMenuContainer #search .searchForm {
                display: block;
                position: relative;
                right: inherit;
                top: inherit;
                z-index: 999;
                width: 100%;
            }

        #mobileMenuContainer #menuGroup {
            height: auto;
            float: none;
            margin: 0 0 10px 0;
            padding-right: 0;
            background: #fafafa;
        }

        #mobileMenuContainer #menu li {
            float: none;
            border-left: 0;
            padding: 0;
        }

        #mobileMenuContainer #menu a {
            line-height: 54px;
            padding: 0 10px;
            transition: none;
            border-radius: 0;
            border-top: 1px solid #ededed;
        }

            #mobileMenuContainer #menu a span.icon {
                margin: 17px 5px 18px 0;
            }

        #mobileMenuContainer #menu .sub-menu a span.icon {
            margin: 19px 5px 20px 0;
        }

        #mobileMenuContainer #menu > ul > li:hover > a > span.icon,
        #mobileMenuContainer #menu > ul > li.active > a > span.icon {
            color: inherit;
        }

        #mobileMenuContainer #menu span.arrow {
            display: none;
        }

    #menu > ul > li:hover > a:after,
    #menu > ul > li.active > a:after {
        display: none;
    }

    #mobileMenuContainer #menu li.menu-item-has-children span.mobilearrow {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 45px;
        height: 45px;
        display: none !important;
        text-align: center;
        cursor: pointer;
        font-size: 9px;
    }

        #mobileMenuContainer #menu li.menu-item-has-children span.mobilearrow:before {
            line-height: 45px;
            display: none !important;
            content: "\E022";
        }

    /*#mobileMenuContainer
    #menu
    li.menu-item-has-children
    span.mobilearrow.active:before {
    content: "\E02A";
  }*/

    #mobileMenuContainer #menu .sub-menu {
        position: relative;
        display: none;
        box-shadow: none;
        visibility: visible;
        top: inherit;
        border: 0;
        background: #fdfdfd;
        left: inherit;
    }

        #mobileMenuContainer #menu .sub-menu .sub-menu {
            margin: 0;
        }

        #mobileMenuContainer #menu .sub-menu li {
            border: 0;
        }

        #mobileMenuContainer #menu .sub-menu a {
            background: none;
            padding-left: 30px;
        }

            #mobileMenuContainer #menu .sub-menu a:hover {
                color: inherit;
            }

        #mobileMenuContainer #menu .sub-menu .sub-menu a {
            padding-left: 55px;
        }

        #mobileMenuContainer #menu .sub-menu .sub-menu .sub-menu a {
            padding-left: 80px;
        }

    #mobileMenuContainer .safirSocial {
        text-align: center;
        margin: 8px;
        float: right;
    }

        #mobileMenuContainer .safirSocial li {
            float: none;
            display: inline-block;
        }

    #mobileMenuContainer #languageSelector {
        margin: 5px 0 10px 8px;
        text-align: center;
        float: left;
        border-radius: 2px;
        background: #fafafa;
        padding: 3px;
    }

        #mobileMenuContainer #languageSelector img {
            width: 24px;
            margin: 0 2px;
        }
}

@media all and (max-width: 960px) {
    .numberWidget .iconList {
        flex-wrap: wrap;
        margin: 30px -5px -20px;
    }

        .numberWidget .iconList .item {
            width: 20%;
            padding: 0 5px;
            margin-bottom: 20px;
        }
}

@media all and (max-width: 900px) {
    .crewWidget .items .list .item-container {
        width: 25%;
    }

    #contactPage .infoBlock .item {
        width: 50%;
        margin-bottom: 10px;
    }
}

@media all and (max-width: 768px) {
    #main {
        margin: 0;
        padding: 0;
    }

    #content,
    aside {
        clear: both;
        float: none;
        width: 100%;
    }

    aside {
        padding: 15px;
    }

    body .advancedPostsWidget1 .list .item-container,
    .listing.style1 .item-container,
    body .galleryWidget .items .list .item-container {
        width: 33.33333333333%;
    }

    body .advancedPostsWidget2 .list .item-container,
    .listing.style2 .item-container {
        width: 50%;
    }

    .aboutWidget.showPosts .infoBlock {
        width: 100%;
    }

    .aboutWidget.showPosts .postsBlock {
        width: 100%;
        margin-top: 15px;
    }

    body .numberWidget .iconList .item {
        width: 20%;
    }

    body .safirCustomMenu .list .item-container {
        width: 33.3333333333%;
    }

    body .crewWidget .items .list .item-container {
        width: 33.3333333%;
    }

    .contactWidget .infoBlock {
        width: 100%;
        position: relative;
        z-index: 2;
        top: 0;
        left: 0;
        padding: 15px;
    }

        .contactWidget .infoBlock .safirContactInfo {
            margin-bottom: -20px;
            overflow: hidden;
        }

    aside .contactWidget .infoBlock {
        margin-top: 10px;
        padding: 0;
    }

        aside .contactWidget .infoBlock .item {
            margin-bottom: 10px;
        }

        aside .contactWidget .infoBlock .safirContactInfo {
            margin-bottom: 5px;
        }

    .contactWidget.homeWidget .infoBlock .inner {
        height: inherit;
    }

    .contactWidget .infoBlock .logo {
        display: none;
    }

    .contactWidget .infoBlock .item {
        margin: 0 0 20px;
    }

    #single .metaBox {
        margin-bottom: 15px;
    }

        #single .metaBox .meta span {
            display: none;
        }

        #single .metaBox .meta {
            margin: 0 5px 5px 0;
        }

        #single .metaBox .share {
            float: left;
            margin-left: 0;
        }

    #respond .inputs .item {
        width: 100%;
    }

    footer .column {
        width: 100%;
        padding: 15px;
    }

    #main {
        padding-top: 0 !important;
    }

    #content form input[type="submit"],
    #respond p.form-submit {
        width: 100%;
        float: none;
    }

    .safirBox + .safirBox,
    #comments {
        margin-top: 15px;
    }

    .safirWidget .innerContainer {
        overflow: visible;
        padding: 0;
    }

    .mainHeading {
        margin-bottom: 15px;
    }

    .reading,
    .reading p,
    .reading li {
        text-align: left;
    }

        .reading h1,
        .reading h2,
        .reading h3,
        .reading h4,
        .reading h5,
        .reading h6 {
            margin-bottom: 10px;
        }

    .numberWidget .widgetTitle {
        width: 100%;
        text-align: center;
    }

        .numberWidget .widgetTitle .icon {
            float: none;
            display: inline-block;
        }
}

@media all and (max-width: 600px) {
    body .numberWidget .iconList .item {
        width: 25%;
    }

    #contactPage .infoBlock .item {
        width: 100%;
    }

    #content .safirForm .safirLeft,
    #content .safirForm .safirRight {
        width: 100%;
        padding: 0;
    }

    #crewPage .crewGallery .crewContainer {
        width: 50%;
    }

    #referencesPage .refsGallery .refsContainer {
        width: 50%;
    }

    .reading .gallery .gallery-item dt {
        line-height: 100px;
    }

    .gallery .gallery-item {
        width: 33.3333333333%;
    }

    .gallery br {
        display: none;
    }
}

@media all and (max-width: 550px) {
    body .advancedPostsWidget1 .list .item-container,
    body .galleryWidget .items .list .item-container,
    .listing.style1 .item-container {
        width: 50%;
    }

    body .numberWidget .iconList .item {
        width: 33.3333333333%;
    }

    body .safirCustomMenu .list .item-container {
        width: 50%;
    }

    body .crewWidget .items .list .item-container {
        width: 50%;
    }

    .gallery .gallery-item {
        width: 50%;
    }

    .gallery br {
        display: none;
    }
}

@media all and (max-width: 450px) {
    #singleBlock.type2 {
        float: none;
        margin: 0 0 5px 0;
    }
}

@media all and (max-width: 374px) {
    body .advancedPostsWidget1 .list .item-container,
    body .galleryWidget .items .list .item-container,
    .listing.style1 .item-container {
        width: 100%;
    }

    body .advancedPostsWidget2 .list .item-container,
    .listing.style2 .item-container {
        width: 100%;
    }

    body .numberWidget .iconList .item {
        width: 50%;
    }

    body .safirCustomMenu .list .item-container {
        width: 100%;
    }

    body .crewWidget .items .list .item-container {
        width: 100%;
    }
}

/* Ek CSS kodlarını buraya yazınız */

.icon-arrow-right:before {
    content: "\e900";
}


/* Particles.js için arka plan ve katmanlama */
#particles-js {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* içeriğin altına gönder */
    background-color: #E8F5FF; /* fallback rengi (isteğe göre değiştir) */
}
/* Ana içeriğin particles’ın üstünde kalması için */
.main-content {
    position: relative;
    z-index: 1;
}
.api {
    position: fixed;
    bottom: 16px;
    left: 16px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.api__item {
    position: relative;
    width: 50px;
    height: 50px;
}

.api__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #007bff;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    color: #fff;
    font-size: 24px;
    transition: transform .3s ease;
    border: none;
    cursor: pointer;
}

    .api__link:hover {
        transform: rotate(20deg);
        
    }

.api__tooltip {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 110%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.75);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 14px;
    pointer-events: none;
    transition: visibility .2s;
}

/* ikon hover animasyonu */


.api__item:hover .api__tooltip {
    opacity: 1;
}

/* ==============================
     Kayan İletişim Paneli
     ============================== */
.contact-panel {
    position: fixed;
    bottom: 80px; /* Butonun üstünde */
    left: 80px;
    width: 355px;
    height: 629px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transform: translateX(-150%); /* Başlangıçta gizli */
    transition: transform .3s ease;
    z-index: 1001;
    overflow: hidden;
}

    .contact-panel.open {
        transform: translateX(0);
    }

    .contact-panel .close-btn {
        color:#fff;
        position: absolute;
        top: 8px;
        right: 12px;
        background: transparent;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
        line-height: 1;
    }
.api__item:hover .api__tooltip {
    visibility: visible;
}

/* Renkler: modifier sınıflar */


.api__item--phone .api__link {
    background: #fff !important;
}