body {
    font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #F3F7FC;
    /* height: 200vh; */
    /* position: relative; */
    overflow-x: hidden;
    margin: 0;
    width: 100%;
}

    body:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }

    body.offcanvas-menu:before {
        opacity: 1;
        z-index: 1002;
        visibility: visible;
    }

p {
    color: #b3b3b3;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

    a, a:hover {
        text-decoration: none !important;
    }

.hero {
    height: 100vh;
    width: 100%;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.site-navbar-wrap {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
}

    .site-navbar-wrap a {
        color: #fff;
    }

.site-navbar-top .text-right a:hover {
    opacity: 0.5;
}

.site-navbar-wrap .site-navbar-top {
    font-size: 0.8rem;
}

.site-navbar-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.site-navbar {
    margin-bottom: 0px;
    width: 100%;
}

    .site-navbar .site-logo {
        font-weight: 200;
        line-height: 0;
        top: -7px;
        position: relative;
    }

        .site-navbar .site-logo a {
            font-weight: 200;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .site-navbar .site-logo img {
            width: 100px;
        }

    .site-navbar .site-navigation .site-menu {
        margin-bottom: 0;
    }

        .site-navbar .site-navigation .site-menu a {
            text-decoration: none !important;
            display: inline-block;
            font-weight: 600;
        }

        .site-navbar .site-navigation .site-menu > li {
            display: inline-block;
            padding: 10px 5px;
        }

            .site-navbar .site-navigation .site-menu > li > a {
                padding: 20px 10px;
                color: rgba(255, 255, 255, 0.6);
                font-size: 15px;
                text-decoration: none !important;
            }

                .site-navbar .site-navigation .site-menu > li > a.active {
                    color: #fff;
                }

                .site-navbar .site-navigation .site-menu > li > a:hover {
                    color: #fff;
                }

            .site-navbar .site-navigation .site-menu > li:last-child {
                padding-right: 0;
            }

                .site-navbar .site-navigation .site-menu > li:last-child > a {
                    padding-right: 0;
                }

        .site-navbar .site-navigation .site-menu .has-children {
            position: relative;
        }

            .site-navbar .site-navigation .site-menu .has-children > a {
                position: relative;
                padding-right: 20px;
            }

                .site-navbar .site-navigation .site-menu .has-children > a:before {
                    position: absolute;
                    content: "\e313";
                    font-size: 16px;
                    top: 50%;
                    right: 0;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font-family: 'icomoon';
                }

            .site-navbar .site-navigation .site-menu .has-children .dropdown {
                visibility: hidden;
                opacity: 0;
                top: 100%;
                position: absolute;
                text-align: left;
                -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
                box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
                padding: 0px 0;
                margin-top: 20px;
                margin-left: 0px;
                background: #fff;
                -webkit-transition: 0.2s 0s;
                -o-transition: 0.2s 0s;
                transition: 0.2s 0s;
                border-radius: 4px;
            }

                .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
                    position: absolute;
                }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
                        bottom: 100%;
                        left: 20%;
                        border: solid transparent;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none;
                    }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
                        border-color: rgba(136, 183, 213, 0);
                        border-bottom-color: #fff;
                        border-width: 10px;
                        margin-left: -10px;
                    }

                .site-navbar .site-navigation .site-menu .has-children .dropdown a {
                    font-size: 14px;
                    text-transform: none;
                    letter-spacing: normal;
                    -webkit-transition: 0s all;
                    -o-transition: 0s all;
                    transition: 0s all;
                    color: #343a40;
                }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
                        color: #007bff;
                    }

                .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
                    color: #fff !important;
                }

                .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    min-width: 200px;
                }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown > li:first-child > a {
                        border-top-left-radius: 4px;
                        border-top-right-radius: 4px;
                    }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown > li:last-child > a {
                        border-bottom-left-radius: 4px;
                        border-bottom-right-radius: 4px;
                    }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
                        padding: 9px 20px;
                        display: block;
                    }

                        .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
                            background: #ebeef0;
                            color: #212529;
                        }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
                        content: "\e315";
                        right: 20px;
                    }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
                        left: 100%;
                        top: 0;
                    }

                    .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
                        background: #ebeef0;
                        color: #212529;
                    }

            .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
                color: #fff;
            }

            .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
                cursor: pointer;
            }

                .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
                    -webkit-transition-delay: 0s;
                    -o-transition-delay: 0s;
                    transition-delay: 0s;
                    margin-top: 0px;
                    visibility: visible;
                    opacity: 1;
                }

.site-mobile-menu {
    width: 300px;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
        float: right;
        margin-top: 8px;
    }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
            font-size: 30px;
            display: inline-block;
            padding-left: 10px;
            padding-right: 0px;
            line-height: 1;
            cursor: pointer;
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease;
        }

            .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
                color: #dee2e6;
            }

    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
        float: left;
        margin-top: 10px;
        margin-left: 0px;
    }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
            display: inline-block;
            text-transform: uppercase;
        }

            .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
                max-width: 70px;
            }

            .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
                text-decoration: none;
            }

.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

    .site-mobile-menu .site-nav-wrap a {
        padding: 10px 20px;
        display: block;
        position: relative;
        color: #212529;
    }

        .site-mobile-menu .site-nav-wrap a.active, .site-mobile-menu .site-nav-wrap a:hover {
            color: #007bff;
        }

    .site-mobile-menu .site-nav-wrap li {
        position: relative;
        display: block;
    }

        .site-mobile-menu .site-nav-wrap li.active > a {
            color: #007bff;
        }

    .site-mobile-menu .site-nav-wrap .arrow-collapse {
        position: absolute;
        right: 0px;
        top: 10px;
        z-index: 20;
        width: 36px;
        height: 36px;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
    }

        .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
            background: #f8f9fa;
        }

        .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
            font-size: 12px;
            z-index: 20;
            font-family: "icomoon";
            content: "\f078";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(-180deg);
            -ms-transform: translate(-50%, -50%) rotate(-180deg);
            transform: translate(-50%, -50%) rotate(-180deg);
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease;
        }

        .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .site-mobile-menu .site-nav-wrap > li {
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }

        .site-mobile-menu .site-nav-wrap > li > a {
            padding-left: 20px;
            font-size: 20px;
        }

        .site-mobile-menu .site-nav-wrap > li > ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .site-mobile-menu .site-nav-wrap > li > ul > li {
                display: block;
            }

                .site-mobile-menu .site-nav-wrap > li > ul > li > a {
                    padding-left: 40px;
                    font-size: 16px;
                }

                .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
                    padding: 0;
                    margin: 0;
                }

                    .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
                        display: block;
                    }

                        .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                            font-size: 16px;
                            padding-left: 60px;
                        }

.sticky-wrapper {
    position: absolute;
    z-index: 100;
    width: 100%;
}

    .sticky-wrapper + .site-blocks-cover {
        margin-top: 96px;
    }

    .sticky-wrapper .site-navbar {
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
    }

        .sticky-wrapper .site-navbar ul li.active a {
            color: #fff;
        }

    .sticky-wrapper.is-sticky .site-navbar {
        background-color: #007bff;
        padding-top: 15px;
        padding-bottom:5px;
    }

        .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li {
            display: inline-block;
            padding: 0px 5px 10px 5px;
        }

            .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child {
                padding-right: 0;
            }

                .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child > a {
                    padding-right: 0;
                }

            .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.has-children > a {
                padding-right: 20px;
            }

            .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
                padding: 10px 10px;
                color: rgba(255, 255, 255, 0.6);
                font-size: 15px;
            }

                .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a:hover {
                    color: #fff !important;
                }

                .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a.active {
                    color: #fff !important;
                }

            .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.active a {
                color: #fff;
            }




.site-navbar-wrap {
    background: #387AD9;
}

    .site-navbar-wrap a {
        font-weight: bold !important;
    }

.breadcrumb-area {
    padding: 230px 0 0 0;
}


.iletisime-gec {
    background: #FFCA2A;
    width: 100%;
    /*height:60px;*/
    padding: 10px 0;
    text-align: center;
    border-radius: 30px;
    /*border: 1px solid #000;*/
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

    .iletisime-gec:hover {
        background: #EA5746;
    }

    .iletisime-gec a {
        color: #FFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


/*.hero {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}*/

.hero {
    height: 70vh;
    width: 100%;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
}





.home-section-1 .banner-left .banner-left-1 {
    font-weight: 600;
    font-size: 28px;
    line-height: 35.5px;
    float: left;
    margin-top: 20px;
    width: 100%;
}


.home-section-1 .banner-left .banner-left-2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40.58px;
    float: left;
    width: 100%;
}

.home-section-1 .banner-left .banner-left-3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    float: left;
    width: 100%;
}


.home-section-1 .banner-left .banner-left-4 {
    margin-top: 50px;
    float: left;
    width: 100%;
}

    .home-section-1 .banner-left .banner-left-4 a {
        width: 210px;
        height: 60px;
        border-radius: 5px;
        border: 1.5px solid #026CFE;
        padding: 15px 20px;
        color: #fff;
    }

        .home-section-1 .banner-left .banner-left-4 a:hover {
            background: #026CFE;
        }



.banner-left {
    color: #fff;
    /*padding: 0 !important;*/
}

.banner-right {
    padding: 0 !important;
    color: #fff;
    position: relative;
}

    .banner-right .banner-default {
        width: 100%;
        border-radius: 30px;
    }

    .banner-right .video {
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.ref-logo {
    width: 100%;
}


.home-section-3 {
}


    .home-section-3 .home-section-3-left {
    }

        .home-section-3 .home-section-3-left img {
            width: 100%;
        }

    .home-section-3 .home-section-3-right {
    }

        .home-section-3 .home-section-3-right .text-area-1 {
            color: #57758C;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }


        .home-section-3 .home-section-3-right .text-area-2 {
            color: #353550;
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

        .home-section-3 .home-section-3-right .text-area-3 {
            color: #889FBC;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin: 30px 0;
        }


        .home-section-3 .home-section-3-right .text-area-4 {
            color: #57758C;
            font-size: 17px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }


            .home-section-3 .home-section-3-right .text-area-4 a {
                color: #57758C;
            }




.home-section-4 .home-section-4-top {
    width: 100%;
    text-align: center;
}

    .home-section-4 .home-section-4-top .text-area-1 {
        color: #353550;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 10px;
    }

    .home-section-4 .home-section-4-top .text-area-2 {
        color: #889FBC;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.home-section-4 .home-section-4-bottom {
    /* width: 100%; */
    margin-top: 30px;
}

    .home-section-4 .home-section-4-bottom .box {
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 10px 25px 0px rgba(56, 56, 56, 0.03);
        padding: 25px;
        min-height: 275px;
    }

        .home-section-4 .home-section-4-bottom .box .fun {
            border-radius: 20px;
            background: #EFEEFF;
            padding: 20px;
            width: fit-content;
            margin-bottom: 20px;
        }

            .home-section-4 .home-section-4-bottom .box .fun .icon {
                width: 30px;
                height: 30px;
            }


        .home-section-4 .home-section-4-bottom .box .art {
            border-radius: 20px;
            background: #FFECEC;
            padding: 20px;
            width: fit-content;
            margin-bottom: 20px;
        }

            .home-section-4 .home-section-4-bottom .box .art .icon {
                width: 30px;
                height: 30px;
            }


        .home-section-4 .home-section-4-bottom .box .education {
            border-radius: 20px;
            background: #FFF8E8;
            padding: 20px;
            width: fit-content;
            margin-bottom: 20px;
        }

            .home-section-4 .home-section-4-bottom .box .education .icon {
                width: 30px;
                height: 30px;
            }


        .home-section-4 .home-section-4-bottom .box .inflitable-park {
            border-radius: 20px;
            background: #EDFFFD;
            padding: 20px;
            width: fit-content;
            margin-bottom: 20px;
        }

            .home-section-4 .home-section-4-bottom .box .inflitable-park .icon {
                width: 30px;
                height: 30px;
            }



        .home-section-4 .home-section-4-bottom .box .title {
            color: #353550;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 10px;
        }

        .home-section-4 .home-section-4-bottom .box .text {
            color: #889FBC;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }



.home-section-5 {
    color: #fff;
}

    .home-section-5 .content {
        border-radius: 30px;
        background: #17163F;
        padding: 40px 25px;
    }


        .home-section-5 .content .left {
            position: relative;
        }


            .home-section-5 .content .left .title {
                color: #FFF;
                margin-bottom: 20px;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
            }

            .home-section-5 .content .left .text {
                color: #889FBC;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px;
            }


            .home-section-5 .content .left .bottom {
                position: absolute;
                bottom: 0;
            }


                .home-section-5 .content .left .bottom .bottom-text {
                    margin-bottom: 20px;
                    color: #C6D0DD;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }


                .home-section-5 .content .left .bottom .bottom-button {
                    width: 270px;
                    height: 60px;
                    flex-shrink: 0;
                    border-radius: 10px;
                    background: #075E54;
                    justify-content: center;
                    align-items: center;
                    display: flex;
                    color: #FFF;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }


                    .home-section-5 .content .left .bottom .bottom-button a {
                        color: #FFF;
                    }

                    .home-section-5 .content .left .bottom .bottom-button:hover {
                        background: #128C7E;
                        cursor: pointer;
                    }





        .home-section-5 .content .right {
        }

            .home-section-5 .content .right .box {
                margin-bottom: 40px;
                padding: 18px;
                border-radius: 30px;
                cursor: pointer;
            }

                .home-section-5 .content .right .box:hover {
                    background: #333A7D;
                    /*padding: 15px 15px;*/
                    cursor: pointer;
                }


                .home-section-5 .content .right .box .icon {
                    width: 100%;
                    margin-bottom: 25px;
                }

                .home-section-5 .content .right .box .title {
                    color: #FFF;
                    font-size: 17px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    margin-bottom: 10px;
                }

                .home-section-5 .content .right .box .text {
                    color: #889FBC;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }


                    .home-section-5 .content .right .box .text a {
                        color: #889FBC;
                        font-size: 15px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                    }

.margin-bottom-0 {
    margin-bottom: 0px !important;
}



.home-section-6 .home-section-6-top {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

    .home-section-6 .home-section-6-top .text-area-1 {
        color: #353550;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 10px;
    }

    .home-section-6 .home-section-6-top .text-area-2 {
        color: #889FBC;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.home-section-6 .bottom .box {
    position: relative;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 10px 25px 0px rgba(56, 56, 56, 0.03);
    padding: 30px;
    height: 640px;
    margin-bottom: 30px;
}

    .home-section-6 .bottom .box .icon {
        width: 100%;
        border-radius: 15px;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-bottom: 30px;
    }

    .home-section-6 .bottom .box .icon-2 {
    }

    .home-section-6 .bottom .box .icon-3 {
    }

    .home-section-6 .bottom .box .icon-4 {
    }

    .home-section-6 .bottom .box .title {
        color: #7569DE;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 10px;
    }

    .home-section-6 .bottom .box .title-2 {
        color: #FF7B46;
    }

    .home-section-6 .bottom .box .title-3 {
        color: #3D94E2;
    }

    .home-section-6 .bottom .box .title-4 {
        color: #FD6363;
    }


    .home-section-6 .bottom .box .title-sub {
        color: #57758C;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 20px;
    }


    .home-section-6 .bottom .box .text {
        color: #889FBC;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }



        .home-section-6 .bottom .box .text ul {
            margin-left: 15px;
            margin-top: 25px;
        }


            .home-section-6 .bottom .box .text ul li {
                padding-bottom: 12px;
            }





    /*.home-section-6 .bottom .home-section-col-1 {
   
    padding: 0 23px 0 0 !important;
}

.home-section-6 .bottom .home-section-col-2 {

    padding: 0 23px 0 0 !important;
}

.home-section-6 .bottom .home-section-col-3 {
 
    padding: 0 23px 0 0 !important;
}

.home-section-6 .bottom .home-section-col-4 {
    padding: 0 0 0 0 !important;
    
}*/






    .home-section-6 .bottom .box .bottom {
        position: absolute;
        bottom: 30px;
    }


        .home-section-6 .bottom .box .bottom .exp {
            color: #889FBC;
            text-align: center;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            width: 220px;
            margin-bottom: 10px;
        }

        .home-section-6 .bottom .box .bottom .link {
            border-radius: 35px;
            background: #F3F7FC;
            width: 220px;
            height: 60px;
            justify-content: center;
            align-items: center;
            display: flex;
            width: 100%;
        }

            .home-section-6 .bottom .box .bottom .link:hover {
                background: #7569DE;
            }


                .home-section-6 .bottom .box .bottom .link:hover > a {
                    color: #fff !important;
                }




            /*.home-section-6 .bottom .box .bottom .link-2 {
            background: #7569DE;
        }*/








            .home-section-6 .bottom .box .bottom .link a {
                color: #7569DE;
                text-align: center;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                width: 100%;
            }

                .home-section-6 .bottom .box .bottom .link a img {
                    margin-right: 10px;
                    float: right;
                }

            .home-section-6 .bottom .box .bottom .link span {
                float: left;
                /* margin: 0 auto; */
                margin-left: 45px;
                margin-top: 10px;
            }





        .home-section-6 .bottom .box .bottom .link-2 a {
            color: #FF7B46;
        }

        .home-section-6 .bottom .box .bottom .link-2:hover {
            background: #FF7B46;
        }



        .home-section-6 .bottom .box .bottom .link-3 a {
            color: #3D94E2;
        }

        .home-section-6 .bottom .box .bottom .link-3:hover {
            background: #3D94E2;
        }


        .home-section-6 .bottom .box .bottom .link-4 a {
            color: #FD6363;
        }

        .home-section-6 .bottom .box .bottom .link-4:hover {
            background: #FD6363;
        }




.home-section-6 .foot {
    text-align: center;
    margin-top: 50px;
}



    .home-section-6 .foot .link {
        border-radius: 30px;
        border: 1.5px solid #C6D0DD;
        background: #F3F7FC;
        margin: 0 auto;
        width: 200px;
        height: 60px;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        display: flex;
    }

        .home-section-6 .foot .link a {
            color: #889FBC;
            text-align: center;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

        .home-section-6 .foot .link:hover {
            color: #fff;
            background: #428FFF;
        }

            .home-section-6 .foot .link:hover > a {
                color: #fff !important;
            }



.home-section-7 {
    margin-top: 130px;
    padding-bottom: 100px;
}

    .home-section-7 .home-section-7-top {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

        .home-section-7 .home-section-7-top .text-area-1 {
            color: #353550;
            text-align: center;
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 10px;
        }

        .home-section-7 .home-section-7-top .text-area-2 {
            color: #889FBC;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

    .home-section-7 .box-row {
    }

        .home-section-7 .box-row .box {
            border-radius: 30px;
            background: #FFF;
            box-shadow: 0px 10px 25px 0px rgba(56, 56, 56, 0.03);
            float: left;
            padding: 40px;
            min-height: 242px;
        }


            .home-section-7 .box-row .box .first-row {
                width: 100%;
                float: left;
                clear: both;
                margin-bottom: 30px;
            }

                .home-section-7 .box-row .box .first-row .left {
                    width: 60px;
                    height: 60px;
                    float: left;
                    margin-right: 25px;
                }

                    .home-section-7 .box-row .box .first-row .left img {
                        width: 100%;
                    }

                .home-section-7 .box-row .box .first-row .right {
                    float: left;
                }

                    .home-section-7 .box-row .box .first-row .right .name {
                        color: #353550;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                    }

                    .home-section-7 .box-row .box .first-row .right .title {
                        color: #889FBC;
                        font-size: 15px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 24px;
                    }

            .home-section-7 .box-row .box .second-row {
                width: 100%;
                float: left;
                clear: both;
            }

                .home-section-7 .box-row .box .second-row .left {
                    float: left;
                    width: 50px;
                    height: 50px;
                    margin-right: 20px;
                }

                    .home-section-7 .box-row .box .second-row .left img {
                        width: 100%;
                    }

                .home-section-7 .box-row .box .second-row .right {
                    color: #889FBC;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 24px; /* 150% */
                }





.footer {
    background: #fff;
    width: 100%;
    float: left;
    /* height: 350px; */
    margin-top: 100px;
    padding-top: 70px;
    padding-bottom: 50px;
}


    .footer .footer-links span {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }


        .footer .footer-links span a {
            color: #889FBC;
            text-align: center;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }

            .footer .footer-links span a:hover {
                color: #428FFF;
            }

    .footer .footer-bottom {
        width: 100%;
        text-align: center;
        color: #C6D0DD;
        margin-top: 55px;
        border-top: 1px solid #F3F7FC;
        font-size: 14px;
        font-weight: 600;
        padding-top: 15px;
    }



.hero {
    background-image: url('../images/Vector.svg');
    position: absolute;
}

/*ileti�im*/

.breadcrumb {
    margin: 0 auto;
    width: fit-content;
    border-radius: 30px;
    background: #387AD9;
}

    .breadcrumb .breadcrumb-item a {
        color: #C6D0DD;
    }

.breadcrumb-item.active {
    color: #C6D0DD;
    font-weight: 600;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #C6D0DD;
}

.col-centered {
    float: none;
    margin: 0 auto;
    border-radius: 30px;
    background: #FFF;
    padding: 40px;
}


.ilt-row-1 {
    float: left;
    width: 100%;
    color: #353550;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.ilt-row-2 {
    float: left;
    width: 100%;
    color: #889FBC;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.ilt-row-3 {
    float: left;
    width: 100%;
}

    .ilt-row-3 .left {
        float: left;
    }

        .ilt-row-3 .left img {
            width: 100%;
        }

    .ilt-row-3 .right {
        margin-left: 20px;
        float: left;
        margin-top: 10px;
    }

        .ilt-row-3 .right .title {
            color: #889FBC;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .ilt-row-3 .right .text {
            color: #57758C;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }



/*GALLERY*/


* {
    padding: 0;
    margin: 0;
}

/*	general	*/




/*	gallery */

.gallery-title {
    font-size: 36px;
    color: #3F6184;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

.filter-button {
    font-size: 14px;
    border-radius: 25px;
    border: 1.5px solid #F3F7FC;
    padding: 5px 10px;
    text-align: center;
    color: #889FBC;
    margin-bottom: 30px;
    background: transparent;
    border-radius: 25px;
    font-weight: 600;
}

    .filter-button:hover,
    .filter-button:focus,
    .filter-button.active {
        color: #ffffff;
        background-color: #428FFF;
        outline: none;
    }

.gallery_product {
    margin: 0px;
    padding: 5px;
    position: relative;
}

    .gallery_product .img-info {
        position: absolute;
        background: rgba(0,0,0,0.5);
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        overflow: hidden;
        color: #fff;
        top: 0;
        display: none;
        -webkit-transition: 2s;
        transition: 2s;
    }

    .gallery_product:hover .img-info {
        display: block;
        -webkit-transition: 2s;
        transition: 2s;
    }

/*.fancybox .img-responsive {
    width: 100%;
}*/

.instagram-post .img-responsive {
    width: 100%;
}


/*	end gallery */






/* hakkimizda */

.hakkimizda-container {
    padding: 70px 0 0 0;
}

.hakkimizda {
    position: relative;
    z-index: 5;
}

.hakkimizda-left {
    padding-right: 0;
}

.hakkimizda .hakkimizda-left img {
    width: 100%;
    border-radius: 30px 0 0 30px;
}

.hakkimizda .hakkimizda-right {
    background: #FFF;
    padding: 40px;
    border-radius: 0 30px 30px 0;
}


    .hakkimizda .hakkimizda-right .hakkimizda-title {
        color: #353550;
        margin-bottom: 20px;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .hakkimizda .hakkimizda-right .title {
        color: #57758C;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 175% */
    }

    .hakkimizda .hakkimizda-right .bottom {
        width: 100%;
        float: left;
        margin-top: 50px;
    }


        .hakkimizda .hakkimizda-right .bottom .bottom-col {
            width: 33%;
            float: left;
        }

            .hakkimizda .hakkimizda-right .bottom .bottom-col .left {
                float: left;
            }


            .hakkimizda .hakkimizda-right .bottom .bottom-col .right {
                margin-left: 20px;
                float: left;
                margin-top: 10px;
            }

                .hakkimizda .hakkimizda-right .bottom .bottom-col .right .title {
                    color: #889FBC;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                }


                .hakkimizda .hakkimizda-right .bottom .bottom-col .right .text {
                    color: #57758C;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }






.instagram-follow .bottom {
    width: 100%;
    float: left;
    margin-top: 50px;
}


    .instagram-follow .bottom .bottom-col {
        width: 33%;
        float: left;
    }

        .instagram-follow .bottom .bottom-col .left {
            float: left;
        }


        .instagram-follow .bottom .bottom-col .right {
            margin-left: 20px;
            float: left;
            margin-top: 10px;
        }

            .instagram-follow .bottom .bottom-col .right .title {
                color: #889FBC;
                /*font-size: 14px;*/
                font-style: normal;
                font-weight: 500;
                line-height: normal;
            }


            .instagram-follow .bottom .bottom-col .right .text {
                color: #57758C;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
            }











.wrap {
    /* min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -60px; */
}


.home-section-7 {
}

.iletisim-content {
    padding: 70px 0 0 0 !important;
}

.referanslar-content {
    padding: 70px 0 0 0;
}

    .referanslar-content .referanslar-box {
        margin-bottom: 25px;
    }

        .referanslar-content .referanslar-box .referanslar-box-inside {
            background: #fff;
            text-align: center;
            border-radius: 30px;
            padding: 20px 45px;
        }

            .referanslar-content .referanslar-box .referanslar-box-inside img {
                width: 100%;
            }


.paketlerimiz-content .bottom .box {
    margin-bottom: 30px;
}

    .paketlerimiz-content .bottom .box:hover {
        box-shadow: 0 30px 30px #00000029;
        cursor: pointer;
    }

.paketlerimiz-content {
    /*padding: 70px 0 0 0;*/
    margin-top: 70px !important;
}

    .paketlerimiz-content .box .icon img {
        width: 100%;
        padding: 0 50px;
    }









.blog-content {
    padding: 70px 0 0 0;
}

    .blog-content .banners {
    }

        .blog-content .banners .banner-box {
            position: relative;
        }

            .blog-content .banners .banner-box::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(2deg, #303c72, transparent);
                z-index: 20;
                border-radius: 5px;
            }

        .blog-content .banners .banner-box-right-1 {
        }

            .blog-content .banners .banner-box-right-1 .text {
                font-size: 16px !important;
            }

        .blog-content .banners .banner-box-right-2 {
            margin-top: 28px;
        }

            .blog-content .banners .banner-box-right-2 .text {
                font-size: 16px !important;
            }


        .blog-content .banners .banner-box img {
            width: 100%;
            border-radius: 5px;
        }


        .blog-content .banners .banner-box .text {
            width: 100%;
            position: absolute;
            bottom: 0;
            padding: 25px;
            color: #FFF;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            z-index: 21;
        }


    .blog-content .posts {
        margin-top: 40px;
    }

        .blog-content .posts .post-area {
        }

            .blog-content .posts .post-area .post-box {
            }

                .blog-content .posts .post-area .post-box img {
                    width: 100%;
                    border-radius: 5px 5px 0 0;
                }

                .blog-content .posts .post-area .post-box .post-content {
                    float: left;
                    width: 100%;
                    background: #fff;
                    padding: 20px;
                    border-radius: 0 0 5px 5px;
                    margin-bottom: 25px;
                }

                    .blog-content .posts .post-area .post-box .post-content .post-date {
                        float: left;
                        width: 100%;
                        color: #889FBC;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                        margin-bottom: 10px;
                    }

                    .blog-content .posts .post-area .post-box .post-content .post-title {
                        float: left;
                        width: 100%;
                        color: #353550;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                        margin-bottom: 10px;
                    }

                    .blog-content .posts .post-area .post-box .post-content .post-text {
                        color: #57758C;
                        width: 100%;
                        font-size: 15px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                        margin-bottom: 10px;
                    }

                    .blog-content .posts .post-area .post-box .post-content .post-button {
                        float: left;
                        width: 100%;
                        margin-top: 20px;
                    }

                        .blog-content .posts .post-area .post-box .post-content .post-button a {
                            width: 135px;
                            float: left;
                            flex-shrink: 0;
                            border-radius: 65px;
                            background: #F3F7FC;
                            padding: 15px 0;
                            color: #57758C;
                            text-align: center;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: normal;
                        }

                            .blog-content .posts .post-area .post-box .post-content .post-button a:hover {
                                background: #57758C;
                                color: #F3F7FC;
                                cursor: pointer;
                            }



        .blog-content .posts .post-menu {
            padding: 40px 20px;
            background: #fff;
            float: left;
            width: 100%;
            border-radius: 5px 5px 0 0;
        }

            .blog-content .posts .post-menu .search-box {
                position: relative;
                border-radius: 5px;
            }

                .blog-content .posts .post-menu .search-box img {
                    position: absolute;
                    bottom: 10px;
                    right: 10px;
                }


                .blog-content .posts .post-menu .search-box input {
                    background: #F3F7FC;
                    outline: none;
                    border: 0;
                    padding: 10px;
                    width: 100%;
                    /* font-size: 11px; */
                    color: #C6D0DD;
                    /* font-family: Euclid Circular B; */
                    font-size: 15px;
                    font-style: normal;
                    /* font-weight: 600; */
                    line-height: normal;
                }

                    .blog-content .posts .post-menu .search-box input::placeholder {
                        color: #C6D0DD !important;
                        font-weight: 600;
                    }



            .blog-content .posts .post-menu .category-box {
            }

                .blog-content .posts .post-menu .category-box .category-title {
                    background: #428FFF;
                    float: left;
                    width: 100%;
                    padding: 20px 25px;
                }

                    .blog-content .posts .post-menu .category-box .category-title img {
                        float: left;
                    }


                    .blog-content .posts .post-menu .category-box .category-title .name {
                        float: left;
                        color: #FFF;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                        margin-left: 10px;
                    }

                .blog-content .posts .post-menu .category-box .links {
                    float: left;
                    width: 100%;
                    padding: 25px;
                }

                    .blog-content .posts .post-menu .category-box .links ul {
                        list-style-type: none;
                    }


                        .blog-content .posts .post-menu .category-box .links ul li {
                            list-style-type: none;
                            margin-bottom: 15px;
                            border-bottom: 1px solid #F3F7FC;
                            padding-bottom: 10px;
                            float: left;
                            width: 100%;
                        }


                            .blog-content .posts .post-menu .category-box .links ul li a {
                                color: #889FBC;
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: normal;
                                align-items: center;
                                display: flex;
                            }

                                .blog-content .posts .post-menu .category-box .links ul li a .number {
                                    float: left;
                                    /* padding: 10px; */
                                    background: #ddd;
                                    border-radius: 100px;
                                    padding: 13px 15px;
                                    justify-content: center;
                                    align-items: center;
                                    display: flex;
                                    justify-content: center;
                                }

                                .blog-content .posts .post-menu .category-box .links ul li a .link-title {
                                    float: left;
                                    margin-left: 10px;
                                }




    .blog-content .blog-detay {
        float: left;
    }


        .blog-content .blog-detay .blog-detay-box {
            float: left;
            background: #fff;
            margin-bottom: 50px;
        }

            .blog-content .blog-detay .blog-detay-box .detail-img {
                float: left;
                width: 100%;
            }

            .blog-content .blog-detay .blog-detay-box img {
                float: left;
            }

            .blog-content .blog-detay .blog-detay-box .blog-detay-detail {
                float: left;
                width: 100%;
                padding: 20px;
            }

                .blog-content .blog-detay .blog-detay-box .blog-detay-detail .detail-box {
                    float: left;
                    margin-right: 20px;
                    margin-top: 10px;
                }

                    .blog-content .blog-detay .blog-detay-box .blog-detay-detail .detail-box img {
                        float: left;
                    }

                    .blog-content .blog-detay .blog-detay-box .blog-detay-detail .detail-box .text {
                        float: left;
                        color: #889FBC;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                        margin-left: 5px;
                    }




            .blog-content .blog-detay .blog-detay-box .blog-detay-title {
                float: left;
                width: 100%;
                padding: 20px;
                color: #353550;
                font-size: 20px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
            }

            .blog-content .blog-detay .blog-detay-box .blog-detay-content {
                float: left;
                width: 100%;
                padding: 20px;
                color: #57758C;
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }



.benzer-yazilar {
    color: #353550;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.detail-social-media {
    float: right;
}



.social-media a {
    background: #F3F7FC;
    border-radius: 10px;
    /* justify-content: center; */
    align-items: center;
    display: flex;
    width: fit-content;
    float: left;
    margin-right: 15px;
}

    .social-media a:hover {
        opacity: 0.5;
    }



.home-section-1 {
    padding: 230px 0 0 0 !important;
}


.home-section-2 {
    padding: 130px 0 0 0;
}


.home-section-3 {
    padding: 130px 0 0 0;
}


.home-section-4 {
    padding: 130px 0 0 0;
}


.home-section-5 {
    margin-top: 130px;
}


.home-section-6 {
    margin-top: 130px;
}



.footer .footer-logo-area {
    margin-right: auto !important;
    margin-left: auto !important;
    /*width: 450px;*/
    text-align: center;
}

    .footer .footer-logo-area .footer-logo {
        margin-bottom: 50px;
        width: 200px;
    }


    .footer .footer-logo-area .footer-logo-text {
        margin-bottom: 20px;
        width: 100%;
    }


    .footer .footer-logo-area .social-media {
        width: 130px;
        padding-left: 35px;
        margin-right: auto !important;
        margin-left: auto !important;
    }







/*     
    $container-max-widths: (
        sm: 700px,
        md: 800px,
        lg: 960px,
        xl: 1140px
    ) !default;
    
    $grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1400px,
        xxl: 2000px
    ); */
/* MOBILE */
@media (min-width: 1440px) {
    .container {
        max-width: 1240px !important;
    }
}

@media (min-width: 1640px) {
    .container {
        max-width: 1240px !important;
    }
}

@media (min-width: 1840px) {
    .container {
        max-width: 1240px !important;
    }
}

@media (min-width: 2040px) {
    .container {
        max-width: 1240px !important;
    }
}









@media (max-width: 1200px) {

    .hakkimizda .hakkimizda-left img {
        border-radius: 30px 30px 0 0;
    }

    .hakkimizda-left {
        padding-right: 0;
        padding-left: 0;
    }

    .hakkimizda .hakkimizda-right {
        border-radius: 0 0 30px 30px;
    }

    .hakkimizda .hakkimizda-right {
    padding-top:0px;
    }

        .hero {
            height: 68vh;
        }

    .site-navbar-top .align-items-center {
        display: none;
    }


    .social-media {
        margin: auto;
        width: fit-content;
    }

        .social-media a {
            margin-right: 7px;
        }

    .site-navbar .site-logo a img {
        width: 100%;
    }


    .iletisime-gec a {
        font-size: 13px;
    }


    .home-section-6 .bottom .box .bottom {
        position: absolute;
        bottom: 10px;
        width: 95%;
        left: 10px;
    }

        .home-section-6 .bottom .box .bottom .exp {
            font-size: 11px !important;
            width: 100%;
        }

        .home-section-6 .bottom .box .bottom .link a {
            font-size: 14px !important;
        }

    .home-section-6 .bottom .box .text {
        font-size: 12px;
    }

    .detail-social-media {
        float: left;
        clear: both;
        margin-top: 20px;
    }
}











@media (max-width: 992px) {


   

    .home-section-1 {
        padding: 170px 0 0 0 !important;
    }

    .blog-content .posts {
        margin-bottom: 40px;
    }

    .blog-content .banners .banner-box {
        margin-bottom: 25px;
    }

    .blog-content .banners .banner-box-right-1 .text {
        font-size: 24px !important;
    }

    .blog-content .banners .banner-box-right-2 .text {
        font-size: 24px !important;
    }

    .footer .footer-first {
        text-align: center;
    }

    .footer .footer-links {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #e5e5e5;
    }

    .iletisime-gec {
        display: none;
    }

    .site-navigation .d-inline-block {
        float: right;
        margin-right: -38px;
        position: absolute;
        right: -65px;
        top: -40px;
    }


    .site-menu-toggle .icon-menu {
        font-size: 40px;
        border: 1px solid;
        border-radius: 8px;
        padding: 2px 5px;
    }

    .sticky-wrapper.is-sticky .site-navbar {
        padding: 15px 0;
    }







    .home-section-1 .banner-left {
        margin-bottom: 100px;
    }

        .home-section-1 .banner-left .banner-left-1 {
            font-size: 16px;
        }

        .home-section-1 .banner-left .banner-left-2 {
            font-size: 20px;
        }

        .home-section-1 .banner-left .banner-left-3 {
            font-size: 13px;
        }


        .home-section-1 .banner-left .banner-left-4 {
            margin-top: 50px;
            float: left;
        }

            .home-section-1 .banner-left .banner-left-4 a {
                width: 210px;
                height: 60px;
                border-radius: 5px;
                border: 1.5px solid #026CFE;
                padding: 15px 20px;
                color: #fff;
            }

    .home-section-5 .content .left {
        position: relative;
        height: 700px;
    }

        .home-section-5 .content .left .bottom .bottom-button {
            font-size: 11px;
            width: 100%;
        }

    .home-section-6 .bottom .box {
        height: 600px;
    }

    .home-section-col-1 {
        margin-bottom: 25px;
    }
}




@media (max-width: 768px) {



    .footer .footer-logo-area .footer-logo-text {
        font-size: 11px;
    }

    .footer .footer-bottom {
        font-size: 11px;
    }

    .home-section-1 {
        padding: 130px 0 0 0 !important;
    }

    .hakkimizda .hakkimizda-right .bottom .bottom-col {
        width: 100%;
        margin-bottom: 20px;
    }

    .site-navbar .site-logo a img {
        width: 100px !important;
    }

    .site-menu-toggle .icon-menu {
        font-size: 40px;
        border: 1px solid;
        border-radius: 8px;
        padding: 2px 5px;
    }

    .sticky-wrapper.is-sticky .site-navbar {
        padding: 15px 0;
    }

    .home-section-4 .home-section-4-bottom .box {
        margin-bottom: 25px;
    }

    .home-section-5 .content .left {
        position: relative;
        height: 160px !important;
        margin-bottom: 30px !important;
    }

        .home-section-5 .content .left .bottom .bottom-button {
            font-size: 11px !important;
            width: 100% !important;
        }


    .home-section-6 .bottom .box {
        height: 560px !important;

    }

    .instagram-follow .bottom .bottom-col {
        width: 100%;
        margin-bottom: 25px;
    }

}




@media (max-width: 576px) {


    .hizmetlerimiz-container {
        width: 350px !important;
    }

    .home-section-6 .bottom .box {
        height: 600px !important;
    }

    .paketlerimiz-content .bottom .box-mobile {
        height: 630px !important;
    }

    .site-navigation .d-inline-block {
        float: right;
        margin-right: -38px;
        position: absolute;
        right: -45px;
        top: -40px;
    }

    .home-section-3 .home-section-3-left {
        margin-bottom: 25px;
    }

    .home-section-2 {
        padding: 80px 0 0 0;
    }

    .home-section-5 .content .left {
        height: 250px !important;
    }

    .home-section-5 .content .right .box .title {
        font-size: 12px;
    }

    .home-section-5 .content .right .box .text a {
        font-size: 12px;
    }

    .home-section-col-1 {
        margin-bottom: 25px;
    }

    .home-section-col-2 {
        margin-bottom: 25px;
    }

    .home-section-col-3 {
        margin-bottom: 25px;
    }


    .home-section-1 {
        width: 350px !important;
    }

    .home-section-2 {
        width: 350px !important;
    }

    .home-section-3 {
        width: 350px !important;
    }

    .home-section-4 {
        width: 350px !important;
    }

    .home-section-5 {
        width: 350px !important;
    }

    .home-section-6 {
        width: 350px !important;
    }

    .foto-galeri-content {
        width: 350px !important;
    }

    .hakkimizda-container {
        width: 350px !important;
    }

    .foto-galeri-content {
        width: 350px !important;
    }

    .iletisim-content {
        width: 350px !important;
    }

    .ilt-row-3 .right {
        width: 200px;
    }

    .referanslar-content {
        width: 350px !important;
    }

    .blog-content {
        width: 350px !important;
    }

        .blog-content .banners .banner-box .text {
            font-size: 16px !important;
        }

        .blog-content .banners .banner-box-right-1 .text {
            font-size: 16px !important;
        }

        .blog-content .banners .banner-box-right-2 .text {
            font-size: 16px !important;
        }
}



@-webkit-keyframes hop {
    from {
        -webkit-transform: translate(0px,0px);
    }


    to {
        -webkit-transform: translate(0px,-7px);
    }
}

@-moz-keyframes hop {
    from {
        -moz-transform: translate(0px,0px);
    }


    to {
        -moz-transform: translate(0px,-7px);
    }
}


#bounce {
    -webkit-animation-name: hop;
    -webkit-animation-duration: .6s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: hop;
    -moz-animation-duration: .6s;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: infinite;
}


.bizi-ara {
    opacity: 1;
    position: fixed;
    bottom: 15px;
    left: 30px;
    z-index: 9999;
}

    .bizi-ara a {
        opacity: 1;
        /* display: inline-block; */
        display: flex;
        align-items: center;
        font-size: 40px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 100px;
        background: #387AD9;
        text-align: center;
        color: #fff;
        /* box-shadow: 0 10px 10px #00350229; */
        float: left;
        justify-content: center;
        align-items: center;
        display: flex;
        border: 1px solid #026CFE;
    }

.instagram-post-content {
    width: 100%;
}



    .instagram-post-content .text-area-1 {
        color: #353550;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 10px;
    }


    .instagram-post-content .text-area-2 {
        color: #889FBC;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        margin-bottom: 20px;
    }


.hakkimizda-text p {
    font-weight: 600;
}




.hizmetlerimiz-container {
    padding: 70px 0 0 0;
}

    .hizmetlerimiz-container .hizmetlerimiz-col {
        float: none;
        margin: 0 auto;
        border-radius: 30px;
        background: #FFF;
        padding: 40px;
    }

        .hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-text {
            text-align: center;
            font-weight: 600;
            color: #889FBC;
        }


        .hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-boxes {
            margin-top: 50px;
            margin-bottom: 100px;
        }



            .hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-boxes .default-box .text {
                background: #F3F7FC;
                box-shadow: 0px 10px 25px 0px rgba(56, 56, 56, 0.03);
                padding: 0 30px;
                border-radius: 30px;
                height: 110px;
                font-weight: 600;
                text-align: center;
                margin-bottom: 30px;
                justify-content: center;
                align-items: center;
                display: flex;
                justify-content: center;
            }



            /*.hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-boxes .default-box .text:hover{
	box-shadow: 0 1px 3px #00000029;
    cursor: pointer;
	}*/






            .hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-boxes .box-1 .text {
                color: #7569DE;
            }


            .hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-boxes .box-2 .text {
                color: #FF7B46;
            }


            .hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-boxes .box-3 .text {
                color: #3D94E2;
            }


            .hizmetlerimiz-container .hizmetlerimiz-col .hizmetlerimiz-boxes .box-4 .text {
                color: #FD6363;
            }


.foto-galeri-content {
    padding: 70px 0 0 0;
}


    .foto-galeri-content .img-responsive {
        width: 100%;
    }