/*
 ______ ______       _____ _____  _____  __     __       ______ _____ _    ______ __  __ 
|  ____|  ____/\    / ____|_   _|/ ____| \ \   / //\    |___  /_   _| |    |_   _|  \/  |
| |__  | |__ /  \  | (___   | | | (___    \ \_/ //  \      / /  | | | |      | | | \  / |
|  __| |  __/ /\ \  \___ \  | |  \___ \    \   // /\ \    / /   | | | |      | | | |\/| |
| |____| | / ____ \ ____) |_| |_ ____) |    | |/ ____ \  / /__ _| |_| |____ _| |_| |  | |
|______|_|/_/    \_\_____/|_____|_____/     |_/_/    \_\/_____|_____|______|_____|_|  |_|
--------site bg ve boxed----------Efasis--------------------- */
.sitebg{
background: rgb(246, 247, 249,100%);;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.boxed .body {
    border-top-color: #ff0000;
}
/*--------bgrenk----------Efasis--------------------- */
.bgrenk1 {
background-color: hsl(298, 6%, 0%) ;
}

.bgrenk2 {
background-color: hsl(298, 6%, 11%) ;
}

.bgrenk3 {
background-color: hsl(298, 6%, 21%) ;
}

.bgrenk4 {
background-color: hsl(298, 6%, 30%) ;
}

.bgrenk5 {
background-color: hsl(298, 6%, 39%) ;
}

.bgrenk6 {
background-color: hsl(298, 6%, 48%) ;
}

.bgrenk7 {
background-color: hsl(298, 6%, 65%) ;
}

.bgrenk8 {
background-color: hsl(298, 6%, 75%) ;
}

.bgrenk9 {
background-color: hsl(298, 6%, 85%) ;
}

.bgrenk10 {
background-color: hsl(298, 6%, 92%) ;
}

.bgrenk11 {
background-color: hsl(298, 6%, 98%) ;
}

.bgrenk12 {
background-color: hsl(298, 6%, 100%) ;
}
/*color------------------------------------Efasis-------------------*/
.renk1 {
color: hsl(298, 6%, 0%)
}

.renk2 {
color: hsl(298, 6%, 11%)
}

.renk3 {
color: hsl(298, 6%, 21%)
}

.renk4 {
color: hsl(298, 6%, 30%)
}

.renk5 {
color: hsl(298, 6%, 39%)
}

.renk6 {
color: hsl(298, 6%, 48%)
}

.renk7 {
color: hsl(298, 6%, 65%)
}

.renk8 {
color: hsl(298, 6%, 75%)
}

.renk9 {
color: hsl(298, 6%, 85%)
}

.renk10 {
color: hsl(298, 6%, 92%)
}

.renk11 {
color: hsl(298, 6%, 98%)
}

.renk12 {
color: hsl(298, 6%, 100%)
}
/*-----------a color--------------------------Efasis--------------------*/
html .lnk-dark,
html .text-color-dark,
html .text-dark {
color: hsl(298, 6%, 11%) !important;
}

a {
color: hsl(298, 6%, 11%);
}

    a:hover {
color: hsl(298, 6%, 21%);
    }

    a:focus {
color: hsl(298, 6%, 30%);
    }

    a:active {
color: hsl(298, 6%, 39%);
    }
/*-----------a manual color----------------------Efasis------------------------*/
html .abeyaz {
    color: #fff !important;
    background-color: transparent;
    background-image: none;
    cursor: auto;
}

html .asiyah {
    color: black !important;
    background-color: transparent;
    background-image: none;
    cursor: auto;
}

html .aprimary {
color: hsl(298, 6%, 48%) !important;
    background-color: transparent;
    background-image: none;
}

html .a1 {
color: hsl(298, 6%, 0%) !important;
}

    html .a1:hover {
color: hsl(298, 6%, 30%) !important;
    }

html .a2 {
color: hsl(298, 6%, 11%) !important;
}

    html .a2:hover {
color: hsl(298, 6%, 39%) !important;
    }

html .a3 {
color: hsl(298, 6%, 21%) !important;
}

    html .a3:hover {
color: hsl(298, 6%, 48%) !important;
    }

html .a4 {
color: hsl(298, 6%, 30%) !important;
}

    html .a4:hover {
color: hsl(298, 6%, 65%) !important;
    }

html .a5 {
color: hsl(298, 6%, 39%) !important;
}

    html .a5:hover {
color: hsl(298, 6%, 75%) !important;
    }

html .a6 {
color: hsl(298, 6%, 48%) !important;
}

    html .a6:hover {
color: hsl(298, 6%, 30%) !important;
    }

html .a7 {
color: hsl(298, 6%, 65%) !important;
}

    html .a7:hover {
color: hsl(298, 6%, 30%) !important;
    }

html .a8 {
color: hsl(298, 6%, 75%) !important;
}

    html .a8:hover {
color: hsl(298, 6%, 39%) !important;
    }

html .a9 {
color: hsl(298, 6%, 85%) !important;
}

    html .a9:hover {
color: hsl(298, 6%, 48%) !important;
    }

html .a10 {
color: hsl(298, 6%, 92%) !important;
}

    html .a10:hover {
color: hsl(298, 6%, 65%) !important;
    }

html .a11 {
color: hsl(298, 6%, 98%) !important;
}

    html .a11:hover {
color: hsl(298, 6%, 75%) !important;
    }

html .a12 {
color: hsl(298, 6%, 100%) !important;
}

    html .a12:hover {
color: hsl(298, 6%, 11%) !important;
    }
/*-----------border---------------------------Efasis-------------------*/
.border-1 {
border:1px solid hsl(298, 6%, 0%) ;
}

.border-2 {
border:1px solid hsl(298, 6%, 11%) ;
}

.border-3 {
border:1px solid hsl(298, 6%, 21%) ;
}

.border-4 {
border:1px solid hsl(298, 6%, 30%) ;
}

.border-5 {
border:1px solid hsl(298, 6%, 39%) ;
}

.border-6 {
border:1px solid hsl(298, 6%, 48%) ;
}

.border-7 {
border:1px solid hsl(298, 6%, 65%) ;
}

.border-8 {
border:1px solid hsl(298, 6%, 75%) ;
}

.border-9 {
border:1px solid hsl(298, 6%, 85%) ;
}

.border-10 {
border:1px solid hsl(298, 6%, 92%) ;
}

.border-11 {
border:1px solid hsl(298, 6%, 98%) ;
}

.border-12 {
border:1px solid hsl(298, 6%, 100%) ;
}
/*----------border bottom 3px---------------------Efasis-------------------*/
.border-bottom-primary-1px {
border-bottom:1px solid hsl(298, 6%, 48%) ;
}

.border-bottom-primary-2px {
border-bottom:2px solid hsl(298, 6%, 48%) ;
}

.border-bottom-primary-3px {
border-bottom:3px solid hsl(298, 6%, 48%) ;
}

.border-bottom-primary-4px {
border-bottom:4px solid hsl(298, 6%, 48%) ;
}
/*-----------border bottom---------------------------Efasis-------------------*/
.border-bottom-1 {
border-bottom:1px solid hsl(298, 6%, 0%) ;
}

.border-bottom-2 {
border-bottom:1px solid hsl(298, 6%, 11%) ;
}

.border-bottom-3 {
border-bottom:1px solid hsl(298, 6%, 21%) ;
}

.border-bottom-4 {
border-bottom:1px solid hsl(298, 6%, 30%) ;
}

.border-bottom-5 {
border-bottom:1px solid hsl(298, 6%, 39%) ;
}

.border-bottom-6 {
border-bottom:1px solid hsl(298, 6%, 48%) ;
}

.border-bottom-7 {
border-bottom:1px solid hsl(298, 6%, 65%) ;
}

.border-bottom-8 {
border-bottom:1px solid hsl(298, 6%, 75%) ;
}

.border-bottom-9 {
border-bottom:1px solid hsl(298, 6%, 85%) ;
}

.border-bottom-10 {
border-bottom:1px solid hsl(298, 6%, 92%) ;
}

.border-bottom-11 {
border-bottom:1px solid hsl(298, 6%, 98%) ;
}

.border-bottom-12 {
border-bottom:1px solid hsl(298, 6%, 100%) t;
}

/*-----------butonlar i�i dolu---------------------Efasis-------------------*/
html .btn-primary {
background-color: hsl(298, 6%, 48%);
border-color: hsl(298, 6%, 30%);
color: hsl(298, 6%, 100%);
}

    html .btn-primary:hover,
    html .btn-primary.hover {
background-color: hsl(298, 6%, 30%);
border-color: hsl(298, 6%, 11%);
color: hsl(298, 6%, 92%);
    }

html .btn-1 {
background-color: hsl(298, 6%, 0%);
border-color: hsl(298, 6%, 100%);
color: hsl(298, 6%, 100%);
}

    html .btn-1:hover,
    html .btn-1.hover {
background-color: hsl(298, 6%, 21%);
border-color: hsl(298, 6%, 92%);
color: hsl(298, 6%, 92%);
    }

html .btn-2 {
background-color: hsl(298, 6%, 11%);
border-color: hsl(298, 6%, 0%);
color: hsl(298, 6%, 100%);
}

    html .btn-2:hover,
    html .btn-2.hover {
background-color: hsl(298, 6%, 30%);
border-color: hsl(298, 6%, 0%);
color: hsl(298, 6%, 98%);
    }

html .btn-3 {
background-color: hsl(298, 6%, 21%);
border-color: hsl(298, 6%, 0%);
color: hsl(298, 6%, 100%);
}

    html .btn-3:hover,
    html .btn-3.hover {
background-color: hsl(298, 6%, 39%);
border-color: hsl(298, 6%, 21%);
color: hsl(298, 6%, 0%);
    }

html .btn-4 {
background-color: hsl(298, 6%, 30%);
border-color: hsl(298, 6%, 11%);
color: hsl(298, 6%, 100%);
}

    html .btn-4:hover,
    html .btn-4.hover {
background-color: hsl(298, 6%, 48%);
border-color: hsl(298, 6%, 30%);
color: hsl(298, 6%, 11%);
    }

html .btn-5 {
background-color: hsl(298, 6%, 39%);
border-color: hsl(298, 6%, 21%);
color: hsl(298, 6%, 100%);
}

    html .btn-5:hover,
    html .btn-5.hover {
background-color: hsl(298, 6%, 65%);
border-color: hsl(298, 6%, 21%);
color: hsl(298, 6%, 0%);
    }

html .btn-6 {
background-color: hsl(298, 6%, 48%);
border-color: hsl(298, 6%, 30%);
color: hsl(298, 6%, 100%);
}

    html .btn-6:hover,
    html .btn-6.hover {
background-color: hsl(298, 6%, 75%);
border-color: hsl(298, 6%, 21%);
color: hsl(298, 6%, 0%);
    }

html .btn-7 {
background-color: hsl(298, 6%, 65%);
border-color: hsl(298, 6%, 39%);
color: hsl(298, 6%, 0%);
}

    html .btn-7:hover,
    html .btn-7.hover {
background-color: hsl(298, 6%, 85%);
border-color: hsl(298, 6%, 48%);
color: hsl(298, 6%, 11%);
    }

html .btn-8 {
background-color: hsl(298, 6%, 75%);
border-color: hsl(298, 6%, 48%);
color: hsl(298, 6%, 11%);
}

    html .btn-8:hover,
    html .btn-8.hover {
background-color: hsl(298, 6%, 92%);
border-color: hsl(298, 6%, 65%);
color: hsl(298, 6%, 11%);
    }

html .btn-9 {
background-color: hsl(298, 6%, 85%);
border-color: hsl(298, 6%, 65%);
color: hsl(298, 6%, 11%);
}

    html .btn-9:hover,
    html .btn-9.hover {
background-color: hsl(298, 6%, 65%);
border-color: hsl(298, 6%, 30%);
color: hsl(298, 6%, 100%);
    }

html .btn-10 {
background-color: hsl(298, 6%, 92%);
border-color: hsl(298, 6%, 75%);
color: hsl(298, 6%, 11%);
}

    html .btn-10:hover,
    html .btn-10.hover {
background-color: hsl(298, 6%, 75%);
border-color: hsl(298, 6%, 39%);
color: hsl(298, 6%, 11%);
    }

html .btn-11 {
background-color: hsl(298, 6%, 98%);
border-color: hsl(298, 6%, 75%);
color: hsl(298, 6%, 11%);
}

    html .btn-11:hover,
    html .btn-11.hover {
background-color: hsl(298, 6%, 85%);
border-color: hsl(298, 6%, 39%);
color: hsl(298, 6%, 11%);
    }

html .btn-12 {
background-color: hsl(298, 6%, 100%);
border-color: hsl(298, 6%, 85%);
color: hsl(298, 6%, 21%);
}

    html .btn-12:hover,
    html .btn-12.hover {
background-color: hsl(298, 6%, 92%);
border-color: hsl(298, 6%, 48%);
color: hsl(298, 6%, 21%);
    }
/*-----------butonlar------i�i bo�-----------Efasis-------------------*/
html .btn-primary-bos {
color: hsl(298, 6%, 30%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 48%);
}

    html .btn-primary-bos:hover,
    html .btn-primary-bos.hover {
color: hsl(298, 6%, 100%);
background-color: hsl(298, 6%, 48%);
border-color: hsl(298, 6%, 39%);
    }

html .btn-1-bos {
color: hsl(298, 6%, 0%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 0%);
}

    html .btn-1-bos:hover,
    html .btn-1-bos.hover {
color: hsl(298, 6%, 92%);
background-color: hsl(298, 6%, 0%);
border-color: hsl(298, 6%, 30%);
    }

html .btn-2-bos {
color: hsl(298, 6%, 11%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 11%);
}

    html .btn-2-bos:hover,
    html .btn-2-bos.hover {
color: hsl(298, 6%, 92%);
background-color: hsl(298, 6%, 11%);
border-color: hsl(298, 6%, 0%);
    }

html .btn-3-bos {
color: hsl(298, 6%, 21%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 21%);
}

    html .btn-3-bos:hover,
    html .btn-3-bos.hover {
color: hsl(298, 6%, 98%);
background-color: hsl(298, 6%, 21%);
border-color: hsl(298, 6%, 0%);
    }

html .btn-4-bos {
color: hsl(298, 6%, 30%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 30%);
}

    html .btn-4-bos:hover,
    html .btn-4-bos.hover {
color: hsl(298, 6%, 98%);
background-color: hsl(298, 6%, 30%);
border-color: hsl(298, 6%, 11%);
    }

html .btn-5-bos {
color: hsl(298, 6%, 39%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 39%);
}

    html .btn-5-bos:hover,
    html .btn-5-bos.hover {
color: hsl(298, 6%, 100%);
background-color: hsl(298, 6%, 39%);
border-color: hsl(298, 6%, 21%);
    }

html .btn-6-bos {
color: hsl(298, 6%, 48%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 48%);
}

    html .btn-6-bos:hover,
    html .btn-6-bos.hover {
color: hsl(298, 6%, 100%);
background-color: hsl(298, 6%, 48%);
border-color: hsl(298, 6%, 30%);
    }

html .btn-7-bos {
color: hsl(298, 6%, 65%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 65%);
}

    html .btn-7-bos:hover,
    html .btn-7-bos.hover {
color: hsl(298, 6%, 100%);
background-color: hsl(298, 6%, 65%);
border-color: hsl(298, 6%, 39%);
    }

html .btn-8-bos {
color: hsl(298, 6%, 75%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 75%);
}

    html .btn-8-bos:hover,
    html .btn-8-bos.hover {
color: hsl(298, 6%, 11%);
background-color: hsl(298, 6%, 75%);
border-color: hsl(298, 6%, 48%);
    }

html .btn-9-bos {
color: hsl(298, 6%, 85%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 85%);
}

    html .btn-9-bos:hover,
    html .btn-9-bos.hover {
color: hsl(298, 6%, 0%);
background-color: hsl(298, 6%, 85%);
border-color: hsl(298, 6%, 48%);
    }

html .btn-10-bos {
color: hsl(298, 6%, 92%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 92%);
}

    html .btn-10-bos:hover,
    html .btn-10-bos.hover {
color: hsl(298, 6%, 11%);
background-color: hsl(298, 6%, 92%);
border-color: hsl(298, 6%, 65%);
    }

html .btn-11-bos {
color: hsl(298, 6%, 98%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 98%);
}

    html .btn-11-bos:hover,
    html .btn-11-bos.hover {
color: hsl(298, 6%, 21%);
background-color: hsl(298, 6%, 98%);
border-color: hsl(298, 6%, 75%);
    }

html .btn-12-bos {
color: hsl(298, 6%, 98%);
    background-color: transparent;
    background-image: none;
border-color: hsl(298, 6%, 98%);
}

    html .btn-12-bos:hover,
    html .btn-12-bos.hover {
color: hsl(298, 6%, 21%);
background-color: hsl(298, 6%, 100%);
border-color: hsl(298, 6%, 85%);
    }

/*-----------header-------------------------Efasis-------------------*/
#header .header-nav-main.header-nav-main-light nav > ul > li.open > a.dropdown-toggle:after,
#header .header-nav-main.header-nav-main-light nav > ul > li:hover > a.dropdown-toggle:after {
border-color: hsl(298, 6%, 65%) transparent transparent transparent !important;
}

#header .header-nav-main nav > ul > li.open > a,
#header .header-nav-main nav > ul > li:hover > a {
border-color: hsl(298, 6%, 65%) !important;
}
/*-----------------icon renk------------------------Efasis--------------------- */
html .divider.divider-primary .fa,
html .divider.divider-primary .icons {
color: hsl(298, 6%, 30%) !important;
}

html .divider.divider-primary.divider-small hr {
background-color: hsl(298, 6%, 30%) !important;
}
/*-----------------looder------------------------Efasis--------------------- */
.loader {
border-top:16px solid hsl(298, 6%, 11%) !important;
    border-radius: 50%;
    border-top: 16px solid hsl(304, 100%, 11%) !important;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loadericon {
    position: absolute;
    z-index: 99;
    padding-top: 29px;
    margin-left: -16px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*-----------primary heading---------------Efasis-------------------*/
html .heading.heading-primary h1,
html .heading.heading-primary h2,
html .heading.heading-primary h3,
html .heading.heading-primary h4,
html .heading.heading-primary h5,
html .heading.heading-primary h6 {
border-color: hsl(298, 6%, 48%) !important;
}

html .heading-primary,
html .lnk-primary,
html .text-color-primary,
html .text-primary {
color: hsl(298, 6%, 11%) !important;
}

/*-----------basliklar-----------Efasis-------------------*/
.baslik-1 {
color: hsl(298, 6%, 39%) !important;
border-bottom:1px solid hsl(298, 6%, 65%)
    width: 100%;
    font-weight: 700 !important;
    margin-bottom: 15px;
    font-size: 18px;
    padding-bottom: 8px;
    padding-left: 0px
}

.baslik-1 {
    width: 100%;
    font-weight: 500 !important;
    margin-bottom: 15px;
    font-size: 22px;
    padding-bottom: 10px;
    padding-left: 0px
}

.baslik-3 {
    background-image: url('../../gorseller/basliklar/baslik-3.png');
    font-size: 24px;
    padding: 10px;
    display: block;
    box-sizing: border-box;
    position: relative;
    height: 40px;
    background-size: cover;
    background-position: left;
}

.baslik-4 {
    background-image: url('../../gorseller/basliklar/baslik-4.png');
    font-size: 24px;
    padding: 10px;
    display: block;
    box-sizing: border-box;
    position: relative;
    height: 40px;
    background-size: cover;
    background-position: left;
    text-align: center;
    font-weight: 700;
}
/*-----------.................---------------primary box-------------------*/
html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
color: hsl(298, 6%, 39%) !important;
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa,
.feature-box.feature-box-style-2 .feature-box-icon .icons {
cursor:0 
}

html #header .header-nav-bar-primary {
color: hsl(298, 6%, 100%) !important;
background-color: hsl(298, 6%, 39%) !important;
}

@media (min-width: 992px) {
    #header .header-nav-main.header-nav-main-light nav > ul > li.open > a,
    #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
background-color: hsl(298, 6%, 65%)
    }

    #header .header-nav-main.header-nav-main-light nav > ul > li > a.active {
background-color: hsl(298, 6%, 75%) !important;
    }

        #header .header-nav-main.header-nav-main-light nav > ul > li > a.active.dropdown-toggle:after {
border-color: hsl(298, 6%, 39%)transparent transparent transparent !important;
        }
}

@media (min-width: 992px) {
    html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li > a.active {
color: hsl(298, 6%, 100%) !important;
    }

        html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li > a.active.dropdown-toggle:after {
border-color: hsl(298, 6%, 39%)transparent transparent transparent !important;
        }

    html #header.header-semi-transparent .header-nav-main nav > ul > li > a.active {
color: hsl(298, 6%, 100%) !important;
    }

        html #header.header-semi-transparent .header-nav-main nav > ul > li > a.active.dropdown-toggle:after {
border-color: hsl(298, 6%, 39%)transparent transparent transparent !important;
        }

    html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li > a.active {
color: hsl(298, 6%, 100%) !important;
    }

        html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li > a.active.dropdown-toggle:after {
border-color: hsl(298, 6%, 39%)transparent transparent transparent !important;
        }
}
/*-----------.................---------------owl slider oklar-------------------*/
.owl-carousel.show-nav-title .owl-nav [class*="owl-"] {
color: hsl(298, 6%, 39%) !important;
}

    .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover,
    .owl-carousel.show-nav-title .owl-nav [class*="owl-"].hover {
color: hsl(298, 6%, 75%) !important;
border-color: hsl(298, 6%, 39%)transparent transparent transparent;
    }
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
    border-color: hsl(119, 100%, 48%)transparent transparent transparent !important;
}

#header .header-nav-main nav > ul > li > a.active {
background-color: hsl(298, 6%, 39%) !important;
}

.thumb-info .thumb-info-type {
background-color: hsl(188, 1%, 30%) !important;
}