body, .caption p, .urunler-ickisim p {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #4C4C4C;
}

.bg-color {
    background-color: #6A4D8F;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99995;
}

    #preloader:after {
        content: '';
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-image: url(images/assets/loader.gif);
        background-repeat: no-repeat;
        background-position: center;
        margin: -100px 0 0 -100px;
        z-index: 999999999999;
    }

.scroll-top-mobile {
    position: fixed;
    background: #fff;
    width: 50px;
    height: 50px;
    z-index: 995;
    right: 10px;
    bottom: 10px;
    text-align: center;
    bottom: 10px;
    cursor: pointer;
    padding: 15px 0;
    visibility: hidden;
    opacity: 0;
}

    .scroll-top-mobile.show {
        visibility: visible;
    }

.overflow-visble {
    overflow: visible !important;
}

img {
    max-width: 100%;
}

.form-control:focus {
    border-color: #9C9C9C;
    box-shadow: none;
}

.clear {
    clear: both;
    width: 100%;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.opacity-show {
    opacity: 1 !important;
}

a, [data-href] {
    cursor: pointer;
    outline: none;
    transition: all .5s;
}

    a[data-toggle], a[data-anima] {
        display: inline-block;
    }

body .row-1 {
    height: 25px !important;
}

body .row-2 {
    height: 50px !important;
}

body .row-3 {
    height: 75px !important;
}

body .row-4 {
    height: 100px !important;
}

body .row-5 {
    height: 125px !important;
}

body .row-6 {
    height: 150px !important;
}

body .row-7 {
    height: 175px !important;
}

body .row-8 {
    height: 200px !important;
}

body .row-9 {
    height: 225px !important;
}

body .row-10 {
    height: 250px !important;
}

body .row-11 {
    height: 275px !important;
}

body .row-12 {
    height: 300px !important;
}

body .row-13 {
    height: 325px !important;
}

body .row-14 {
    height: 350px !important;
}

body .row-15 {
    height: 375px !important;
}

body .row-16 {
    height: 400px !important;
}

body .row-17 {
    height: 425px !important;
}

body .row-18 {
    height: 450px !important;
}

body .row-19 {
    height: 475px !important;
}

body .row-20 {
    height: 500px !important;
}

body .row-21 {
    height: 750px !important;
}

body .row-22 {
    height: 1000px !important;
}

body .row-23 {
    height: 1250px !important;
}



/* 
------------------------------
SEPARATORS  
------------------------------
*/

hr.space {
    border: none !important;
    clear: both;
    height: 70px;
    margin: 0;
}

    hr.space.l {
        height: 50px;
    }

    hr.space.xs {
        height: 10px;
    }

    hr.space.s {
        height: 20px;
    }

    hr.space.m {
        height: 30px;
    }

span.space {
    width: 10px;
    display: inline-block;
}

hr.text-left {
    margin-left: 0 !important;
    margin-right: auto !important;
}

hr.text-right {
    margin-right: 0 !important;
    margin-left: auto !important;
}

hr.a {
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
    height: 1px;
    max-width: 600px;
}

hr.b {
    border-top: 1px dotted #D4D4D4;
}

hr.c {
    border-top: 1px dashed #C7C7C7;
}

hr.d {
    background-position: center center;
    background: url(images/assets/gradient-line.png) no-repeat center;
    background-size: contain;
    border: none;
    height: 3px;
}

hr.d-dark {
    background-position: center center;
    background: url(images/assets/gradient-line-dark.png) no-repeat center;
    background-size: contain;
    border: none;
    height: 3px;
}

hr.e {
    max-width: 50px;
    width: 50px;
    border-top: 3px solid #5D5D5D;
}

.text-center > hr.e {
    margin: 15px auto;
}

hr.g {
    background: url(images/overlay/dotted.png) repeat;
    height: 18px;
    border: none;
}

hr.h {
    background: url(images/overlay/line-45.png) repeat;
    height: 18px;
    border: none;
}

hr.i {
    background: url(images/overlay/carbonio.png) repeat;
    height: 18px;
    border: none;
}


.white hr.h {
    background: url(images/overlay/line-45-white.png) repeat;
}

.white hr.g {
    background: url(images/overlay/dotted-white.png) repeat;
}

.white hr.i {
    background: url(images/overlay/carbonio-white.png) repeat;
}

.text-bold {
    font-weight: 700;
}

.text-black {
    font-weight: 900 !important;
}

.text-light {
    font-weight: 300;
}

.text-xs {
    font-size: 11px !important;
    line-height: 11px;
}

.text-s {
    font-size: 13px !important;
    line-height: 18px;
}

.text-m {
    font-size: 18px !important;
    line-height: 25px;
}

.text-l {
    font-size: 27px !important;
    line-height: 31px;
}

.text-xl {
    font-size: 50px !important;
    line-height: 50px;
}

.text-xxl {
    font-size: 110px !important;
    line-height: 110px;
}

/* 
==============================
LAYOUT
==============================

------------------------------
GENERIC
------------------------------
*/

.sifir-bosluk, .sifir-bosluk .content {
    padding: 0 !important;
}

.sifir-bosluk-x {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sifir-bosluk-y, .sifir-bosluk-y .content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (min-width:994px) {
    .no-padding-bottom, .no-padding-bottom .content {
        padding-bottom: 0 !important;
    }
}

div > p:last-child {
    margin-bottom: 0;
}

/*
------------------------------
VERTICAL AND PRPORZIONAL ROW
------------------------------
*/
.aciklama-alani.row, .aciklama-alani > .row {
    display: flex !important;
    align-items: center;
}

.section-two-blocks > .aciklama-alani.row {
    align-items: initial;
}

.row.aciklama-alani:not(.box-middle) {
    margin-left: -15px;
    margin-right: -15px;
}

.aciklama-alani > div {
    padding: 0;
}

.row.aciklama-alani > div {
    padding-left: 15px;
    padding-right: 15px;
}

[class*="row-"]:not(.one-row-list) .col-md-12 {
    max-height: 100%;
    overflow: hidden;
}

[class*="row-"]:not(.one-row-list) > .row > [class*="col-md-"], [class*="row-"]:not(.one-row-list) > .row > div > .kutudaki-resim {
    height: 100%;
}

/*
------------------------------
BOLUMLER
------------------------------
*/
@media (min-width:993px) {
    [class*="boxed"].col-md-2:not(.no-margins) {
        width: calc(16.66666667% - 30px);
    }

    [class*="boxed"].col-md-3:not(.no-margins) {
        width: calc(25% - 30px);
    }

    [class*="boxed"].col-md-4:not(.no-margins) {
        width: calc(33.33333333% - 30px);
    }

    [class*="boxed"].col-md-5:not(.no-margins) {
        width: calc(41.66666667% - 30px);
    }

    [class*="boxed"].col-md-6:not(.no-margins) {
        width: calc(50% - 30px);
    }

    [class*="boxed"].col-md-7:not(.no-margins) {
        width: calc(58.33333333% - 30px);
    }

    [class*="boxed"].col-md-8:not(.no-margins) {
        width: calc(66.66666667% - 30px);
    }

    [class*="boxed"].col-md-9:not(.no-margins) {
        width: calc(75% - 30px);
    }

    [class*="boxed"].col-md-10:not(.no-margins) {
        width: calc(83.33333333% - 30px);
    }

    [class*="boxed"].col-md-11:not(.no-margins) {
        width: calc(91.66666667% - 30px);
    }

    [class*="boxed"].col-md-12:not(.no-margins) {
        width: calc(100% - 30px);
    }

    .grid-sertifika > [class*="boxed"], .grid-sertifika > [class*="urun-animasyon"], .urun-bolumu > [class*="boxed"], .urun-bolumu > [class*="urun-animasyon"] {
        width: 100% !important;
    }
}

.base-box.boxed, .base-box.urun-animasyon, .urun-animasyon, [class*="col-md-"].boxed, [class*="col-md-"].urun-animasyon, .grid-kutu > .grid-sertifika.urun-animasyon, .row.aciklama-alani > div.urun-animasyon, .row.aciklama-alani > div.boxed {
    border-style: none !important;
    padding: 25px 25px 25px 25px;
}

[class*="col-md-"].boxed, [class*="col-md-"].urun-animasyon {
    margin: 0 15px;
}

.grid-sertifika > .urun-animasyon, .grid-sertifika > .boxed {
    margin: 0;
    width: 100%;
}

[class*="col-md-"].urun-animasyon, .urun-animasyon, .fixed-area.urun-animasyon {
    background-color: #f5f5f5;
}

.arkaplan-gri [class*="col-md-"].urun-animasyon, .fixed-area.urun-animasyon {
    background-color: #fff;
}

[class*="col-md-"].boxed {
    background-color: #444;
}

.grid-sertifika.urun-animasyon {
    margin-top: 15px;
    height: calc(100% - 109px);
}


/* 
==============================
HEADER - MENU 
==============================
*/

header {
    line-height: 1.42857143;
    z-index: 995;
}

    header form.navbar-form {
        margin: 0 0 0 0;
    }

.nav li:hover > ul, .nav li:hover > .mega-menu, .side-menu li:hover .panel, .side-menu li .panel:hover {
    display: block;
}

header .btn-default, header .btn, header .anima-button.circle-button, header .input-group .btn:not(.btn-border) {
    background-color: #FAFAFA;
    color: #797979;
}

    header .btn-default:hover, header .circle-button:hover {
        border-color: #D2D2D2;
        background-color: #e6e6e6;
    }

.navbar-default .navbar-nav > li > a, .mega-menu h5 {
    color: #444;
}

.nav > li.dropdown > a {
    padding-right: 25px;
}

header .navbar-right > * {
    float: left;
}

    header .navbar-right > *:not(li) {
        padding-right: 15px;
        padding-left: 15px;
    }

header.hamburger-header {
    width: auto;
}

.navbar-brand img {
    transition: all .3s;
    max-height: 100%;
}

.navbar-brand.scroll-show.showed {
    display: table-cell !important;
}

.navbar-brand .logo-retina, .brand .logo-retina, .logo-retina {
    display: none !important;
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 994px), (min-resolution: 192dpi) and (min-width: 994px) {
    .navbar-brand .logo-retina, .brand .logo-retina, .logo-retina {
        display: block !important;
    }

    .navbar-brand .logo-default, .brand .logo-default, .logo-default {
        display: none !important;
    }
}

.navbar-default .navbar-nav > li > a .caret {
    margin-left: 5px;
}


.navbar-right ul ul ul.dropdown-menu {
    left: 100%;
}

.wide-area .container {
    width: 100% !important;
}

header .custom-area {
    padding: 0 15px;
}

header .input-group input, header .btn-default, header .input-group .input-group-btn a {
    border-color: #EAEAEA;
}

    header .input-group input:focus, header .btn-default:focus {
        border-color: #EAEAEA;
    }

.navbar-right img {
    max-height: 41px;
    margin: 5px auto;
}

.input-group button {
    color: #444;
    font-weight: 400;
    font-size: 13px;
}

header .sosyalmedya-bolumu a i.fa {
    padding: 5px 8px;
    margin-top: 3px;
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    color: #505050;
}

.dropdown-menu .fa-ul .divider {
    margin: 10px 0 10px -27px;
    opacity: 1 !important;
    background-color: rgba(138, 138, 138, 0.15) !important;
}

header > .navbar {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #E4E4E4;
    transform: translate3d(0px, 0px, 0px);
}

.navbar-main, .nav.inner {
    background-color: #FFFFFF;
    margin-bottom: 0;
    border: none;
}

    .navbar-main .btn-search {
        margin-top: 7px;
    }

.bg-menu {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.navbar-brand.center {
    text-align: center;
    width: 100%;
    width: calc(100% - 30px);
}

    .navbar-brand.center > img {
        display: inline-block;
    }

.scroll-show, .scroll-hide.hidden {
    display: none !important;
}

    .scroll-show.showed {
        display: block !important;
    }


.ustkisim-sabitle {
    height: 52px;
}

.navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:hover, .dropdown > li:hover > a, .dropdown-menu ul > li:hover > a, .subline-bar li:hover, .sidebar-nav ul a:hover, .panel-item > span:hover, .sidebar-nav .panel-item > span:hover, .bg-transparent li.active {
    color: #171717;
    background: rgba(199,199,199,0.15);
}

.navbar-brand {
    margin-right: 15px;
}

header .scroll-css .search-box {
    background-color: #fff !important;
}

.nav.nav-right > li {
    float: right;
}

/*
------------------------------
TOP SECTION - MINI
------------------------------
*/
.navbar-mini {
    background-color: #f8f8f8;
    color: #7B7B7B;
    font-size: 12px;
    border-bottom: 1px solid rgb(228,228,228);
}

    .navbar-mini .navbar-left span:first-child {
        padding-left: 0;
    }

    .navbar-mini span {
        padding: 0 7px;
    }

        .navbar-mini span i {
            margin-right: 7px;
        }

    .navbar-mini hr {
        width: 1px;
        background-color: #BEBEBE;
        margin: 0 0 -2px 0;
        display: inline-block;
        height: 12px;
        padding: 0;
    }

.sosyalmedya-ust {
    float: right;
}

    .sosyalmedya-ust i {
        font-size: 15px;
        line-height: 33px !important;
        padding-top: 1px;
        display: block !important;
        float: left;
        color: rgb(183,183,183);
        cursor: pointer;
        border-right: 1px solid #DBDBDB;
        width: 35px;
        text-align: center;
    }

i.first {
    border-left: 1px solid rgb(219,219,219);
}

.navbar-mini .navbar-left {
    padding-top: 10px;
}

.navbar-mini .form-control {
    border-radius: 0;
    box-shadow: none;
    border-style: none;
    background: rgb(248,248,248);
}

    .navbar-mini .form-control.focus {
        background: rgba(152,152,152,0.11) !important;
    }

.navbar-mini .navbar-form {
    float: right;
    padding: 0 15px 0 0;
    margin: 0;
}

.navbar-mini .input-group-btn, .navbar-mini .input-group .input-group-btn {
    padding: 0;
    border: none;
}

.navbar-mini .input-group-addon i {
    color: #555;
}

.navbar-mini .navbar-form .btn-default {
    border-style: none;
    background: #F7F7F7;
    border-radius: 0;
    border-left: 1px solid rgb(231,231,231);
    border-right: 1px solid #E7E7E7;
    color: #999999;
}

/*
------------------------------
DROPDOWN
------------------------------
*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
        box-shadow: 5px 4px 7px rgba(0,0,0,0.1);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.dropdown-menu > li > a {
    padding: 10px 20px;
}

header .dropdown-submenu > .dropdown-menu {
    top: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    float: right;
    margin-top: 5px;
    margin-right: -5px;
    transform: rotate(45deg) !important;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #7E7E7E;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.dropdown .caret {
    border: none;
    margin-top: -26px;
}



/*
------------------------------
YABANCI DIL
------------------------------
*/
header .navbar-right > .makmenu {
    padding-right: 0;
}

.makmenu a img {
    margin: -2px 5px 0 0;
}

.makmenu li a {
    font-size: 11px;
    text-transform: uppercase;
    color: #5F5F5F;
}

    .makmenu li a span {
        padding: 0;
    }

.makmenu ul.dropdown-menu {
    min-width: 80px;
    width: 100%;
}

.navbar-mini .makmenu {
    float: right;
    height: 34px;
    width: auto;
}

    .navbar-mini .makmenu li {
        height: 34px;
    }

        .navbar-mini .makmenu li a {
            padding: 8px 15px;
        }

    .navbar-mini .makmenu ul.dropdown-menu {
        padding-top: 0;
    }

.makmenu ul li a {
    padding: 10px 15px;
}


header.ustkisim-sabitle .subline-bar {
    position: fixed;
    margin-top: 85px;
}

header.ustkisim-sabitle.scroll-css .subline-bar {
    margin-top: 50px;
}

.menu-right .subline-bar ul {
    float: right;
}

/*
------------------------------
SUBTITLE
------------------------------
*/
.navbar-nav.subheader-bootstrap .sub {
    font-size: 11px;
    display: block;
    color: #848484;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
}

.navbar-nav.subheader-bootstrap li {
    text-align: left;
}

.subtitle-header .navbar-main .navbar-form, .subtitle-header .navbar-main .navbar-social {
    padding: 10px 15px;
}

.subtitle-header .makmenu li a {
    padding-top: 25px;
    padding-bottom: 25px;
}

.subtitle-header .search-box {
    margin: 80px 0 0 0;
}

.subtitle-header .btn-search {
    margin-top: 17px;
}

/*
------------------------------
INNER MENU
------------------------------
*/
.navbar.navbar-inner {
    min-height: inherit;
}

.navbar-inner .navbar-toggle {
    max-width: 100%;
    padding: 5px 10px;
    color: #696969;
    cursor: pointer;
    text-align: left;
}

.nav.inner > li {
    float: left;
}

    .nav.inner > li > a {
        color: #444;
        cursor: pointer;
    }

        .nav.inner > li > a:focus {
            background: none;
        }

.nav.inner li:hover {
    background: none;
}

.nav.inner, .navbar-inner .navbar-toggle {
    margin: 5px 0;
    float: none;
}

    .navbar-inner .navbar-toggle:hover {
        background-color: #EEE;
    }

    .navbar-inner .navbar-toggle span {
        font-size: 13px;
        margin: 0 15px;
        line-height: 28px;
    }

    .navbar-inner .navbar-toggle i {
        font-size: 14px;
        margin-top: 3px;
    }

.navbar-inner .navbar-collapse {
    padding: 0;
}

.navbar-inner .navbar-toggle i:last-child, .navbar-header .hamburger-button {
    float: right;
}

.navbar-inner li > a > i.fa {
    margin-right: 0;
}

.nav.inner > li > a:hover, .nav.inner:not(.ms-rounded) > li.active, .nav.inner.ms-rounded > li.active a {
    background-color: #f5f5f5;
}

.nav.inner.ms-rounded {
    background: none !important;
    border: none;
    margin: -5px 0;
}

    .nav.inner.ms-rounded li a {
        line-height: 10px;
        padding: 10px 15px;
        border: 1px solid #9C9C9C;
        border-radius: 35px;
        margin-right: 10px;
        cursor: pointer;
        font-size: 12px;
        letter-spacing: .5px;
        color: #585858;
        font-weight: 600;
    }

    .nav.inner.ms-rounded.over > li {
        padding-bottom: 15px;
    }

    .nav.inner.ms-rounded .dropdown-menu li, .nav.inner .dropdown-menu li a {
        border: none;
        border-radius: 0;
        margin-right: 0;
    }

        .nav.inner.ms-rounded .dropdown-menu li a {
            padding: 3px 20px;
            line-height: 1.42857143;
        }

    .nav.inner.ms-rounded .dropdown-menu {
        border-radius: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

/*
------------------------------
MIDDLE AND TOP LOGO
------------------------------
*/
.nav-center .scroll-show.showed {
    display: inline-block !important;
}

.navbar-main.navbar-middle li.scroll-show.showed {
    display: inline-block !important;
}

.navbar-main.navbar-middle .collapse > ul.nav {
    text-align: center;
    float: none;
}

.navbar-main.navbar-middle .navbar-header {
    display: none;
}

.navbar-main.navbar-middle ul.nav > li {
    float: none;
    display: inline-block;
}

.navbar-middle .navbar-brand.center {
    height: auto;
    margin: 15px 0;
    display: block;
}

.navbar-middle .navbar-collapse {
    position: relative;
}

.navbar-middle .navbar-right {
    position: absolute;
    right: 0;
    top: 0;
}

header.menu-top-logo:not(.scroll-css) .navbar-main.navbar-middle ul.navbar-nav {
    margin-left: 0 !important;
}

.nav-center, .nav-center ul {
    float: none;
    text-align: center;
}

.nav-center {
    width: 100%;
    max-width: 100%;
}

.nav.nav-center > li {
    float: none;
    display: inline-block;
}

.nav-center .dropdown-menu li {
    display: block;
    text-align: left;
}

navbar-ustkisim-sabitle .side-menu-fixed .brand {
    display: none;
}

*[data-menu-anima] .panel-item .panel ul {
    opacity: 1;
}

.sm {
    padding-left: 250px;
}

.slimScrollBar-menu .slimScrollBar {
    opacity: 0 !important;
}

.sidebar-nav.scroll-content, .sidebar.scroll-content {
    padding-right: 0;
}

/* 
==============================
FOOTER 
==============================
*/

footer {
    background-color: #F5F5F5;
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
}

    footer h4, footer h5, footer h6 {
        margin-top: 0;
    }

.footer-bolumu hr {
    margin-left: 0;
}

.footer-bg {
    height: 330px;
    padding: 15px 0;
    background-position: center top;
}

    .footer-bg .footer-ortala {
        border: none;
        margin-top: 0;
    }

footer .container {
    padding: 35px 15px;
}

.footer-bg .copyright-bolumu .copyright-yazi {
    letter-spacing: 1px;
}

.footer-1 {
    text-align: justify;
}

footer .sosyalmedya-bolumu i {
    color: #4C4C4C;
}

.copyright-bolumu .col-md-12 {
    text-align: center;
}

.footer-list a {
    display: block;
    border-bottom: 1px solid rgba(117,117,117,0.1);
    color: #464646;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.copyright-bolumu hr {
    margin: 10px 15px 15px 15px;
}

.copyright-bolumu .copyright-yazi {
    font-size: 12px;
    line-height: 20px;
}

.copyright-bolumu .nav {
    float: right;
    display: block;
    width: inherit;
    margin: 0 -15px 0 0;
}

footer .sosyalmedya-bolumu a {
    margin: 0 5px;
    display: inline-block;
}

footer .sosyalmedya-bolumu {
    float: none;
    margin-bottom: 15px;
}

.footer-sola {
    text-align: left;
}

.footer-saga {
    text-align: right;
}

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

footer .content {
    overflow: hidden;
}

footer.footer-ortala .content {
    border-top: 1px solid #E2E2E2;
    background-color: white;
}

.footer-ortala .footer-main {
    margin: 20px;
    font-size: 13px;
}

.footer-ortala .copyright-bolumu {
    margin-top: 15px;
    color: #757575;
    padding: 10px;
}

.footer-minimal .copyright-bolumu {
    padding: 10px;
}

.footer-ortala .footer-title {
    color: #4C4C4C;
    margin-bottom: 20px;
    font-weight: 600;
}

/* 
==============================
TEMA
==============================
*/
.background-page {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    position: fixed;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

    .background-page .flexslider {
        background-color: rgba(0,0,0,0) !important;
        height: 100%;
        margin: 0;
        z-index: 0;
    }

        .background-page .flexslider .slides > li, .background-page .flexslider .slides, .full-screen-size .layer-parallax, .full-screen-title .layer-parallax, .full-screen-title .videobox {
            height: 100% !important;
        }

    .background-page iframe {
        border-style: none;
    }

iframe {
    border: none;
}

.background-page video {
    width: 100%;
    bottom: 0;
    top: 0;
}

/*
==============================
TITLES
==============================

------------------------------
GLOBAL
------------------------------
*/
.title .title-content h1, .title .title-content .breadcrumb {
    margin-top: 0;
    text-transform: inherit;
}

.header-title:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -120;
    left: 0;
    height: 100%;
}

.header-title, .header-animation {
    text-align: center;
    height: 350px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.header-title .breadcrumb.b, .header-slider .breadcrumb.b, .header-video .breadcrumb.b, .header-animation .breadcrumb.b {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 0;
}

    .header-title .breadcrumb.b a, .header-video .breadcrumb.b a, .header-video .breadcrumb.b a, .header-animation .breadcrumb.b a, .header-slider .breadcrumb.b a {
        color: #585858;
    }

.header-title.white .breadcrumb a, .header-video.white .breadcrumb a, .header-video.white .breadcrumb a, .breadcrumb-tum.white .breadcrumb a, .header-animation.white .breadcrumb a, .header-slider.white .breadcrumb a {
    color: #E4E4E4;
}

.header-title.full-screen-title {
    position: relative;
    padding-top: 0;
}

.header-slider .overlaybox, .header-video .overlaybox, .section-bg-video .overlaybox, .slider-bolumu .overlaybox {
    position: absolute;
    z-index: 95;
    width: 100%;
    top: 0;
    text-align: center;
}

.header-slider, .header-video, .header-title {
    overflow: hidden;
    position: relative;
}

.full-screen-title .overlaybox {
    top: 50% !important;
    position: absolute;
    width: 100%;
    z-index: 9;
}

/*
------------------------------
BREADCRUMB
------------------------------
*/
.breadcrumb-tum {
    min-height: 150px;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-top: 0;
    background-color: #6F6F6F;
    border-bottom: 1px solid #E6E6E6;
}

    .breadcrumb-tum:not(.bg-cover) {
        background-color: #353535;
        color: #fff;
    }

        .breadcrumb-tum:not(.bg-cover) p {
            color: rgba(255, 255, 255, 0.85);
        }

    .breadcrumb-tum h1, .breadcrumb-tum.header-bar h1 {
        margin-top: 20px !important;
    }

    .breadcrumb-tum .bar {
        height: 35px;
    }

    .breadcrumb-tum.header-bar {
        padding-top: 0;
    }

        .breadcrumb-tum.header-bar h2 {
            color: #828282;
        }

div.breadcrumb-tum.header-bar .breadcrumb.b a {
    color: #828282;
}

.breadcrumb-tum hr {
    width: 100%;
    position: relative;
}

.breadcrumb-tum .breadcrumb {
    margin-top: 20px;
}

/*
------------------------------
IMAGE
------------------------------
*/
@keyframes ken-burn-in {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/*
------------------------------
SLIDER
------------------------------
*/
.header-slider .flex-control-nav {
    bottom: 10px;
    z-index: 95;
}



.header-slider .flex-control-paging li a {
    background: rgba(171,171,171,0.5);
}

    .header-slider .flex-control-paging li a.flex-active {
        background: rgba(181,181,181,0.9);
    }



/*
==============================
PAGINATION
==============================
*/

.dropdown-submenu > a:after, body .flex-direction-nav a:before, body .flex-direction-nav a.flex-next:before, .side-menu .fa.arrow:before, .dropdown .caret:before,
.pagination > li > a i:before, .porfolio-bar .icon-box i:before, .fullpage-arrow i:before, .fullpage-varrow i:before, .mfp-arrow:before, li > a > .plus-times:before, .scroll-top-mobile:before {
    border-top-width: 2px;
    border-top-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
    content: "" !important;
    display: inline-block;
    margin-left: .3em;
    position: relative;
    pointer-events: none;
    width: 6px;
    height: 6px;
    transition: right .15s;
    border-color: rgba(93, 93, 93, 0.5);
}

.white .fullpage-arrow i:before, .white .fullpage-varrow i:before, .white .mfp-arrow:before, .white li > a > .plus-times:before {
    border-color: rgba(255, 255, 255, 0.5);
}

.caret:before, .dropdown-submenu > a:after {
    transform: rotate(135deg);
}

li > a > .plus-times:before {
    transform: rotate(45deg);
}

.pagination > li > a i:before {
    transform: rotate(45deg);
    top: -1px;
}

.pagination > li.first > a i:before, .pagination > li.prev > a i:before {
    transform: rotate(225deg);
}

.porfolio-bar > div:first-child .icon-box i:before {
    transform: rotate(225deg);
    top: -2px;
}

.porfolio-bar > div:last-child .icon-box {
    float: right;
}

    .porfolio-bar > div:last-child .icon-box i:before {
        transform: rotate(45deg);
        top: -2px;
    }

.scroll-top-mobile:before {
    top: -4.5px;
    left: -2px;
    transform: scale(1.2) rotate(-45deg);
}

.pagination .next i, .pagination-sm .last i, .pagination i[class*="right"] {
    margin-left: 7px;
}

.pagination .prev a i, .pagination .first a i, .pagination i[class*="left"] {
    margin-right: 7px;
}

.hide-first-last .first, .hide-first-last .last {
    display: none;
}

.pagination > li > a {
    color: #585858;
    border: 1px solid #9C9C9C;
}

.pagination > li.disabled > a {
    border: 1px solid #9C9C9C;
    color: #969696;
}

    .pagination > li.disabled > a:hover {
        border: 1px solid #9C9C9C;
    }

.pagination > li > a:hover, .pagination > li > a:focus {
    border-color: #9C9C9C;
    color: #585858;
}

.list-nav .pagination {
    margin: 0 auto;
}



/* 
------------------------------
FIXED AREA
------------------------------
*/

.fixed-area {
    z-index: 27;
}

[class*="col-md"].fixed-area.active {
    margin-left: 0;
    margin-right: 0;
}

.fixed-area > .row > *:not([class*=boxed]) {
    margin: 0 15px;
}

/* 
------------------------------
SCROLL BOX
------------------------------
*/
.scroll-box {
    overflow: hidden;
}

.slimScrollDiv .scroll-box {
    padding-right: 20px;
}

.slimScrollBar {
}

.scroll-content {
    padding-right: 25px;
}

    .scroll-content > .col-md-12 {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }

    .scroll-content.gradient-bottom:after {
        content: "";
        position: absolute;
        right: 10px;
        left: 0;
        bottom: 0;
        background: linear-gradient(to top,rgba(37,37,37,0.73) 0%,rgba(0,0,0,0) 100%);
        height: 18px;
        margin-bottom: 0;
        border-top: none;
    }

    .scroll-content.gradient-light:after {
        background: linear-gradient(to top,rgba(255,255,255,0.59) 0%,rgba(0,0,0,0) 100%);
    }

/* 
------------------------------
GRID & MASONRY LIST
------------------------------
*/
.grid-kutu, .urun-kutusu {
    margin: -5px;
    width: 100%;
    width: calc(100% + 10px);
}

    .grid-kutu.no-margins.row {
        margin: 0;
        width: 100%;
    }

    .grid-kutu .kutudaki-resim:not(.thumbnail) > span, .grid-kutu .kutudaki-resim-adv > span {
        height: auto;
    }

    .grid-kutu.no-margins > .grid-sertifika, .no-margins > .grid-sertifika {
        padding: 0;
    }

    .grid-kutu > .grid-sertifika {
        padding: 5px;
    }

    .grid-kutu .pagination-sm {
        margin: 15px 5px;
    }

.grid-sertifika .urunler-ickisim .kutudaki-resim, .grid-sertifika .adv-img-down-text .kutudaki-resim {
    height: auto;
}

.grid-sertifika .kutudaki-resim:not([class*="row-"]), .grid-sertifika .box, .grid-sertifika .base-box {
    height: 100%;
}

.grid-sertifika p {
    height: auto;
}

.grid-sertifika > div {
    padding-left: 0;
    padding-right: 0;
}

.grid-sertifika > a, .urun-bolumu > a {
    display: block;
}

.menu-outer ul.nav {
    position: absolute;
    top: -85px;
    text-align: right;
    width: 100%;
}

    .menu-outer ul.nav li {
        float: none;
        display: inline-block;
    }


.grid-goster .list-nav {
    text-align: center;
    margin-top: 20px;
}


.urun-goster, .grid-goster {
    position: relative;
}

.album-item .urun-goster .navbar-inner {
    margin-top: 25px;
}

.urun-goster .navbar-inner {
    margin-bottom: 5px;
}

.urun-kutusu > .urun-bolumu {
    padding: 5px;
    visibility: hidden;
    max-width: 100%;
    height: auto;
}

.urun-bolumu > * {
    opacity: 0;
}

.urun-kutusu.no-margins .urun-bolumu, .no-margins .urun-bolumu {
    padding: 0;
}

.urun-bolumu .kutudaki-resim {
    position: relative;
    width: 100%;
}

.urun-bolumu > .kutudaki-resim {
    display: block;
}

.urun-bolumu .kutudaki-resim:not([class*="row-"]) {
    height: 100%;
}

.urun-kutusu.bottom-endline {
    overflow: hidden;
    visibility: hidden;
}

.urun-kutusu.no-margins.row {
    margin: 0;
}

.urun-kutusu .clear {
    float: left;
}

.urun-goster .list-nav {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}


/*
------------------------------
SOSYAL MEDYA
------------------------------
*/
.sosyalmedya-bolumu i {
    font-size: 17px;
    display: block !important;
    float: left;
    color: #525252;
    cursor: pointer;
    font-weight: 400 !important;
}

    .sosyalmedya-bolumu i.circle, .social-button i.circle {
        color: #585858;
        background: none;
        border: 1px solid #828282;
        margin-right: 2.5px;
        margin-left: 2.5px;
    }

.sosyalmedya-bolumu a {
    display: inline-block;
}

.sosyalmedya-bolumu-button {
    display: inline-block;
    position: relative;
}

    .sosyalmedya-bolumu-button .sosyalmedya-bolumu i {
        opacity: 0;
        width: 25px;
        height: 25px;
        font-size: 12px;
        padding: 8px 0;
        line-height: 9px !important;
        transition: none;
    }

    .sosyalmedya-bolumu-button .sosyalmedya-bolumu {
        display: none;
        position: absolute;
        margin-left: 57px;
        z-index: 25;
        top: 50%;
        margin-top: -13px;
        width: 250px;
        text-align: left;
    }

    .sosyalmedya-bolumu-button.bottom-icons .sosyalmedya-bolumu {
        margin: 30px -125px;
        left: 50%;
        text-align: center;
    }

    .sosyalmedya-bolumu-button .social-button {
        cursor: pointer;
        position: relative;
    }

    .sosyalmedya-bolumu-button.social-line .sosyalmedya-bolumu {
        width: 47px;
        left: 50%;
        margin-left: -23.5px;
        margin-top: 35px;
        background-color: white;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.42);
        border-radius: 20px;
        padding: 12px 7px 6px 8px;
        display: none;
    }

        .sosyalmedya-bolumu-button.social-line .sosyalmedya-bolumu a {
            display: block;
            height: 30px;
        }

.social-line .sosyalmedya-bolumu i.circle {
    border-color: #828282 !important;
    color: #585858 !important;
}

    .social-line .sosyalmedya-bolumu i.circle:hover {
        border-color: #FFF !important;
        color: #FFF !important;
    }

.sosyalmedya-bolumu a:first-child {
    margin-left: 0;
}

.sosyalmedya-bolumu a:last-child {
    margin-right: 0;
}

.sosyalmedya-bolumu a i {
    padding: 10px 12px;
    width: 52px;
    text-align: center;
    font-weight: 400 !important;
}

.sosyalmedya-bolumu i:hover, .sosyalmedya-ust i:hover {
    background: rgba(31,31,31,0.05);
}

.sosyalmedya-bolumu .fa:hover {
    color: white;
    background-color: #505050;
    border-radius: 2px;
}

.sosyalmedya-bolumu .circle.fa:hover {
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0);
}

.sosyalmedya-bolumu .fa-facebook {
    padding: 10px 14px;
}

.sosyalmedya-bolumu .fa-twitter {
    padding: 10px 11px;
}

.sosyalmedya-bolumu [class*="facebook"]:hover, .social-colors [class*="facebook"] {
    background-color: #3B5998;
}

.sosyalmedya-bolumu [class*="twitter"]:hover, .social-colors [class*="twitter"] {
    background-color: #3B8ACA;
}

.sosyalmedya-bolumu [class*="google"]:hover, .social-colors [class*="google"] {
    background-color: #d7473d;
}

.sosyalmedya-bolumu [class*="linkedin"]:hover, .social-colors [class*="linkedin"] {
    background-color: #0077B5;
}

.sosyalmedya-bolumu [class*="youtube"]:hover, .social-colors [class*="youtube"] {
    background-color: #cc181e;
}

.sosyalmedya-bolumu [class*="instagram"]:hover, .social-colors [class*="instagram"] {
    background-color: #464646;
}

.social-colors i:hover {
    opacity: .8;
}

.social-colors i {
    color: #fff;
}


.breadcrumb.b {
    background-color: rgba(0,0,0,0);
    padding: 0;
    text-align: right;
}



/*
==============================
ICONLAR
==============================
*/
ul.fa-ul {
    margin-bottom: 0;
}

.fa-ul > li, ul.no-icons li {
    line-height: 200%;
}

    .fa-ul > li a {
        color: #585858;
    }

.fa-ul .fa-li {
    line-height: 180%;
    text-align: left;
}

.fa-ul i.square, .fa-ul i.circle {
    margin-bottom: 5px;
}

.fa-ul.text-right {
    margin-left: 0;
    margin-right: 2.14285714em;
}

    .fa-ul.text-right .fa-li {
        left: inherit;
        right: -2.14285714em;
        padding-left: 0;
        text-align: right;
    }

.fa-ul.text-center > li {
    display: inline-block;
    margin: 0 20%;
}

.fa-ul li > b {
    margin-right: 5px;
}

.ul-squares {
    list-style-type: square !important;
}

.ul-decimal {
    list-style-type: decimal !important;
}

    .ul-decimal.no-margins, .ul-squares.no-margins, .ul-dots.no-margins {
        margin-left: 18px !important;
        padding-left: 0;
    }

i.circle {
    padding: 20px;
    background-color: #585858;
    color: white;
    text-align: center;
    display: inline-block;
}

    i.circle.onlycover, i.circle.cover {
        background-color: rgba(0,0,0,0) !important;
    }

i.onlycover {
    display: inline-block;
}

i.square {
    padding: 20px;
    color: #FFF;
    background-color: #585858;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
}

i.cover, i.onlycover {
    background-size: cover;
    background-position: center center;
    background-color: transparent !important;
    border: none;
}

    i.onlycover:before {
        visibility: hidden;
    }

.text-xs.circle, .text-xs.square {
    width: 27px;
    height: 27px;
    padding: 0;
    line-height: 27px;
}

.text-s.circle, .text-s.square {
    width: 43px;
    height: 43px;
    padding: 0;
    line-height: 43px;
}

.text-m.circle, .text-m.square {
    width: 58px;
    height: 58px;
    padding: 0;
    line-height: 58px;
}

.text-l.circle, .text-l.square {
    width: 66px;
    height: 66px;
    padding: 0;
    line-height: 66px;
}

.text-xl.circle, .text-xl.square {
    width: 92px;
    height: 92px;
    padding: 0;
    line-height: 92px;
    font-size: 35px !important;
}

i.text-xl.circle, i.text-xl.square {
    line-height: 92px !important;
}

/* 
============================== 
BUTONLAR 
============================== 
*/
.btn {
    background-color: #f5f5f5;
}

    .btn:hover {
        background-color: #ececec;
    }

    .btn-default i, .btn i, .btn-text i {
        color: #585858;
        margin-right: 10px;
    }

.input-group .input-group-btn a {
    border: 1px solid #9c9c9c;
}

*[data-social] i, .btn-group-icons i {
    margin: 0 3px;
}

.sosyalmedya-bolumu {
    margin: 0 -3px;
}

.dropdown.btn-group .active > a {
    color: #262626;
    background-color: #f5f5f5;
}

.btn-default.btn-primary i {
    color: white;
}

.btn.ico i {
    margin-right: 10px;
}

.btn-text {
    border-bottom: 1px dotted rgba(0,0,0,0.3);
    display: inline-table;
}

    .btn-text:hover {
        color: #7D7D7D;
    }

.anima-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: padding-left .3s;
}

.circle-button {
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid #9C9C9C;
    display: inline-block;
}

.anima-button i {
    position: absolute;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    margin-left: -50%;
    font-size: 100%;
}

.anima-button.btn-xs i {
    margin-top: -9px;
}

.anima-button:hover {
    padding-left: 30px;
    transition: padding-left .3s;
}

.anima-button.circle-button:hover {
    padding-left: 33px;
}

.anima-button.btn-lg:hover, .anima-button.btn-lg.circle-button:hover {
    padding-left: 43px;
}

.anima-button.btn:hover i, .anima-button.circle-button:hover i {
    margin-left: -20px;
}

.anima-button:hover i {
    margin-left: -25px;
    transition: all .3s;
}

.anima-button.btn-lg:hover i, .anima-button.btn-lg.circle-button:hover i {
    margin-left: -30px;
}

.btn-primary:hover i {
    color: white;
}

.button-cnt {
    display: inline-block;
}

.circle-button.btn-primary:hover {
    background-color: #6A4D8F;
    color: #FFF;
    border-color: #6A4D8F;
}

.circle-button.btn-primary {
    color: #FFF !important;
    border: none;
}

.btn-primary.circle-button:hover {
    background-color: #3070a7 !important;
}

.navbar-main .circle-button {
    margin-top: 12px;
}

.btn-border, .white .btn-border {
    border: 1px solid #9C9C9C;
    background: none !important;
    background-color: rgba(255, 255, 255, 0.00) !important;
}

/*
==============================
IMAGE BOX
==============================
*/

.abs-image {
    position: absolute;
    max-width: none;
}

.row > div:first-child:not(.hc_image_cnt) > .abs-image, .row > div:first-child > .row > .hc_image_cnt > .abs-image {
    right: 0;
}

.row > div:last-child:not(.hc_image_cnt) > .abs-image, .row > div:last-child > .row > .hc_image_cnt > .abs-image {
    left: 0;
}

[href='#'].kutudaki-resim:not(.adv-circle):hover img, [href=''].kutudaki-resim:not(.adv-circle):hover img, .kutudaki-resim:not([href]):hover img {
    opacity: 1 !important;
}

[href='#'].kutudaki-resim:not(.adv-circle):before, [href=''].kutudaki-resim:not(.adv-circle):before, .kutudaki-resim:not([href]):before {
    display: none;
}

.kutudaki-resim {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    outline: none !important;
    position: relative;
    text-align: left;
}

    .kutudaki-resim.thumbnail .caption {
        background-color: #FFF;
    }

    .kutudaki-resim.adv-img:hover {
        background-color: transparent;
    }

    .kutudaki-resim:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        background: #000000;
        z-index: 0;
        transition: opacity 0s;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        opacity: 0;
    }

    .gallery > a span, .kutudaki-resim > span, .kutudaki-resim-adv > span {
        display: block;
        overflow: hidden;
        height: 100%;
    }

    .kutudaki-resim.circle:before {
        border-radius: 50%;
        opacity: 0;
        transform: scale(0.995);
    }

    .kutudaki-resim.circle.thumbnail:before {
        margin: 4px;
    }

    .kutudaki-resim:hover:before {
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        opacity: 1;
        transition: none;
        -webkit-transform: translateZ(0);
    }

.png-hover .kutudaki-resim img {
    opacity: .8 !important;
    margin: auto;
    height: auto !important;
}

.png-hover .kutudaki-resim:hover img {
    opacity: 1 !important;
}

.png-hover .kutudaki-resim:before, .png-hover.kutudaki-resim:before {
    display: none !important;
}

.png-hover li a {
    text-align: center;
}

.png-hover li img {
    width: auto !important;
}

.kutudaki-resim.thumbnail:before {
    margin: 4px;
}

.kutudaki-resim img {
    z-index: 2;
    position: relative;
    -webkit-transform: translateZ(0);
}

.kutudaki-resim:hover img {
    opacity: 0.8 !important;
    transition: opacity .3s;
}

.kutudaki-resim.adv-circle:hover img {
    opacity: 0.6 !important;
}

.kutudaki-resim.caption-out > span {
    height: 80%;
}

    .kutudaki-resim.caption-out > span.caption {
        height: 20%;
    }

.kutudaki-resim.circle img {
    margin: 0 !important;
}

.kutudaki-resim > i, .kutudaki-resim span > i, .kutudaki-resim .caption > i {
    position: absolute !important;
    margin: 15px;
    font-size: 20px;
    color: #FFF;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
    z-index: 11;
    transform: translate3d(0,0,0);
}

.kutudaki-resim.i-bottom i {
    bottom: 0;
}

.kutudaki-resim.i-bottom-right i {
    bottom: 0;
    right: 0;
}

.kutudaki-resim.i-top-right > i {
    right: 15px;
}

.kutudaki-resim.i-top-right.inner > span > i {
    right: 0;
}

.kutudaki-resim.i-bottom-right.inner > span > i {
    bottom: 0;
    right: 0;
}

.kutudaki-resim.i-center i {
    left: 0;
    margin: -28px 0 0 50%;
    top: 50%;
    line-height: 50px;
}

.kutudaki-resim.i-center {
    position: relative;
}

    .kutudaki-resim.i-center i::before {
        margin-left: -10.5px;
    }

.grayscale img {
    filter: url("data:image/svg+xml;utf8,<;svg xmlns=\'http://www.w3.org/2000/svg\'>;<;filter id=\'grayscale\'>;<;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/>;<;/filter>;<;/svg>;#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.grayscale:hover img {
    filter: url("data:image/svg+xml;utf8,<;svg xmlns=\'http://www.w3.org/2000/svg\'>;<;filter id=\'grayscale\'>;<;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/>;<;/filter>;<;/svg>;#grayscale");
    -webkit-filter: grayscale(0%);
}

*[data-anima].kutudaki-resim.i-center i {
    padding: 0;
}

*[data-anima="fadeRight"].kutudaki-resim i, *[data-anima="fadeLeft"].kutudaki-resim i {
    padding: 0 15px;
}

.kutudaki-resim .caption {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .2px;
    font-weight: bold;
    text-align: center;
    padding: 7px 7px 0 7px;
    color: #676767;
    background-color: #FFF;
    z-index: 9;
    position: relative;
}

.kutudaki-resim.inner, .kutudaki-resim.inner span {
    position: relative;
}

.kutudaki-resim.anima-scale-up, .kutudaki-resim.anima-scale-up-2x, .kutudaki-resim.anima-scale-rotate, .kutudaki-resim.show-scale {
    opacity: 1 !important;
}

.kutudaki-resim.inner.circle .caption {
    padding: 0 20%;
    background: none;
    bottom: 25px;
    height: 45px;
    white-space: normal;
    text-shadow: 0 1px 2px rgba(0,0,0,0.34);
}

.kutudaki-resim.inner .caption {
    position: absolute;
    z-index: 9;
    margin-top: -47px;
    width: 100%;
    left: 0;
    height: 47px;
    line-height: 14px;
    overflow: hidden;
    background: url("images/assets/bg-gradient.png") repeat-x top center;
    background-color: transparent !important;
    color: white;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    transform: translate3d(0,0,0);
}

span.caption-box {
    overflow: visible !important;
    display: block;
}

.circle, .circle img {
    border-radius: 50%;
    position: relative;
    backface-visibility: hidden;
    transform: scale(1);
}

.caption.caption-out {
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .2px;
    font-weight: bold;
    margin-top: 10px;
    color: #676767;
}

.thumb-xs .kutudaki-resim, .thumb-xs figure {
    height: 79px;
}

.thumb-s .kutudaki-resim, .thumb-s figure {
    height: 127px;
}

.thumb-m .kutudaki-resim, .thumb-m figure {
    height: 168px;
}

.thumb-l .kutudaki-resim, .thumb-l figure {
    height: 357px;
}

.thumb-xl .kutudaki-resim, .thumb-l figure {
    height: 500px;
}

/* 
============================== 
BASLIKLAR 
============================== 

*/
.header-video, .slider-icbolum, .header-title:after {
    background-color: #1D1D1D;
    background-size: 10px;
}

/* 
------------------------------
TITLE BASE
------------------------------
*/
.baslik-alani {
    text-align: center;
    position: relative;
}

    .baslik-alani.title-small {
        margin: 0 0 35px 0;
    }

        .baslik-alani.title-small p {
            font-size: 13px;
            margin-top: 15px;
        }

        .baslik-alani.title-small h2 {
            margin: 0 0 15px 0 !important;
        }

        .baslik-alani.title-small hr {
            margin-bottom: 0;
            padding-bottom: 0;
        }

    .baslik-alani.text-right .scroll-top {
        right: auto;
        left: 0;
    }

    .baslik-alani hr {
        width: 50px;
        height: 3px;
        background-color: #694D94;
        border: none;
        margin-top: 0;
    }

    .baslik-alani h1 b, .baslik-alani p b {
        font-style: italic;
    }

.header-title.white .baslik-alani hr, .header-slider.white .baslik-alani hr, .header-video.white .baslik-alani hr, .header-animation.white .baslik-alani hr {
    background-color: #694D94;
}

.baslik-alani h1, .title-icon h2, .title-icon h1, .baslik-alani.title-small h2 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 40px;
}

header .baslik-alani h1, header div.baslik-alani p, .breadcrumb-tum .breadcrumb.b a, .breadcrumb-tum .breadcrumb li {
    color: #FFF;
}

.baslik-alani p, div.title-icon p {
    font-size: 15px;
    margin-top: 20px;
    color: #8c8c8c;
}

.baslik-alani.text-left hr {
    margin: 0 auto 20px 0;
    left: 0;
}

.baslik-alani.text-right hr {
    margin: 0 0 20px auto;
    right: 0;
}

.baslik-alani .scroll-top, .title-modern .scroll-top {
    background-color: #3E3E3E;
    color: #FFF;
    width: 22px;
    height: 19px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 45px;
    cursor: pointer;
}

    .baslik-alani .scroll-top:hover, .title-modern .scroll-top:hover {
        background-color: #585858;
    }


/*
==============================
BOLUMLER
==============================
*/

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

.container.content, .arkaplan-beyaz > .content, .section-bg-image > .content, .section-bg-video > .content, .section-bg-animation > .content, .slider-bolumu > .content {
    padding-top: 25px;
    padding-bottom: 25px;
}

div.content {
    padding-left: 15px;
    padding-right: 15px;
}

    div.content > *:first-child {
        margin-top: 0;
    }

.arkaplan-beyaz, .footer-parallax-container.bg-color, .footer-parallax-container > .content {
    background-color: #FFF;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.arkaplan-gri {
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.overlay-content .arkaplan-beyaz:not(.arkaplan-gri), .overlay-content.header-video, .overlay-content .slider-icbolum, .overlay-content .header-title:after {
    background: none !important;
}

.section-bg-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.section-bg-video {
    overflow: hidden;
    position: relative;
    overflow: hidden;
}

.section-custom {
    background-color: #FFF;
}

.section-bg-video .videobox {
    height: 130%;
}

.section-bg-video .bg-overlay {
    position: absolute;
    z-index: 2;
}

.section-bg-animation {
    text-align: left;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

    .section-bg-animation .anima-layer {
        bottom: -55px;
    }

    .section-bg-animation img.overlay {
        opacity: 1 !important;
    }

    .section-bg-image.box-middle-container .container, .section-bg-video.box-middle-container .container, .slider-bolumu.box-middle-container .container, .section-bg-animation.box-middle-container .container, .arkaplan-beyaz.box-middle-container .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

[class*="section-"] > div > .row:first-child > div > *:first-child, [class*="section-"] > div > *:first-child, [class*="section-"] > *:first-child {
    margin-top: 0;
}

[class*="section-"] > div > .row:last-child > div > *:last-child, [class*="section-"] > div > *:last-child, [class*="section-"] > *:last-child {
    margin-bottom: 0;
}

.section-bg-animation .container, .slider-bolumu .container {
    opacity: 1 !important;
}

.section-bg-animation .container {
    margin-top: 0 !important;
}

.arkaplan-gri, .section-two-blocks > .row > div:last-child {
    background-color: #f7f7f7;
}

.white .baslik-alani hr {
    background-color: #FAFAFA;
}

.white .slimScrollBar {
    background-color: rgba(250,250,250,0.51) !important;
}

.white .white .btn.btn-border:hover, .white .pagination li > a i:before, .white.nav-inner .flex-control-paging li a {
    border-color: #fff !important;
}

.btn-sm .caret:before, .btn-xs .caret:before, .btn-lg .caret:before {
    border-color: #fff;
}

.white .urunler-ickisim h4, .white .navbar-nav > .active > a, .white .navbar-nav > .active > a:hover, .white .navbar-nav > .active > a:focus, .white .navbar-nav > .open > a, .white .navbar-nav > .open > a:hover, .white .navbar-nav > .open > a:focus, .white .navbar-nav > li > a:focus, .white, .white ul li, .white p, .white .breadcrumb > .active, .white .navbar-nav > li > a, .white .navbar-nav > li > a:hover, .white .dropdown-menu > li > a, .white .niche-box-testimonails h5, .white .baslik-alani h1, .white .baslik-alani h2, .white .baslik-alani h3, .white ul.list-texts li b {
    color: #FAFAFA !important;
}

    .white .dropdown-menu {
        background-color: #3D3D3D;
    }

        .white .dropdown-menu > li > a:hover, .white .dropdown-menu > li > a:focus, .white a {
            color: #E2E2E2;
        }

    .white .navbar .navbar-mini {
        color: #B8B8B8;
        background-color: #444;
        border-bottom-color: #3D3D3D;
    }

    .white .navbar .navbar-main {
        background-color: #444444;
        border-bottom: 1px solid #353535;
    }

    .white header div.scroll-css, header.white div.scroll-css {
        background-color: rgb(68,68,68) !important;
    }

    .white .navbar-mini .navbar-form .btn-default {
        background: #3E3E3E;
        border-left: 1px solid #3E3E3E;
    }

    .white .navbar-mini .form-control {
        background: #444444;
    }

    .white .sosyalmedya-ust i {
        color: rgb(183,183,183);
        border-right: 1px solid #3D3D3D;
    }

    .white i.first {
        border-left: 1px solid #3D3D3D;
    }

    .white .navbar.inside {
        border: 1px solid #3D3D3D;
    }

    .white.circle-button i, .white .circle-button i, .white .navbar-toggle > span, .white .navbar-toggle i {
        color: white;
    }

    .white.btn, .white .btn, .white .navbar-inner .navbar-toggle {
        color: white;
        border-color: #FFF;
        background: none;
    }



.sidebar-content .bolum-basligi .content.container {
    width: auto;
}

.sidebar-content > .row > [class*="col-md"]:first-child > .bolum-basligi > .content {
    padding-top: 0;
}


body.hc-classic .breadcrumb-tum:not(.bg-cover) h1 {
    font-size: 25px;
    margin-left: -2px;
    margin-bottom: 0;
}

body.hc-classic .breadcrumb-tum {
    min-height: 115px;
}

.hc-classic .content img {
    height: auto;
}

/*
==============================
MOBILE - RESPONSIVE
==============================
*/

.visible-xs.hidden-sm {
    display: block !important;
}

button.navbar-toggle {
    padding: 3px !important;
    border: none;
}

.navbar-toggle > i {
    font-size: 25px;
    margin: 2px 5px 0 5px;
    line-height: 23px;
    color: #4C4C4C;
}

.side-menu li.active > ul {
    display: none;
    height: auto !important;
}

.side-menu li.active.open > ul {
    display: block;
}

.navbar-toggle > span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #585858;
    margin: 5px 5px 0 5px;
    float: right;
}

.navbar-default form {
    border: none;
}

@media (max-width:1500px) {
    .side-menu-container .container {
        width: 100%;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .section-two-blocks div.content {
        width: 460px;
    }

    div.box-menu-inner {
        margin-left: -485px;
    }
}

@media (max-width: 992px) {
    [class*="col-md"] {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .scroll-top-mobile {
        visibility: visible;
    }

    .full-screen-title {
        height: 100% !important;
    }

    .middle-content > .row, .middle-content > .row > div {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .section-two-blocks > div > [class*="col-md"] {
        padding-top: 0;
        padding-bottom: 0;
    }

    .section-map .overlaybox-inner {
        width: 100%;
    }

    .section-two-blocks div.content {
        width: 88%;
        width: calc(100% - 50px);
    }

    .text-xxl {
        font-size: 45px !important;
        line-height: 50px;
    }

    .text-xl {
        font-size: 35px !important;
    }

    .sifir-bosluk > .content > div {
        margin-left: -15px;
        margin-right: -15px;
    }

    a.kutudaki-resim {
        margin: 0;
    }

    .background-page video, .background-page iframe {
        display: none;
    }

    .mega-tabs .nav-tabs li {
        float: none;
    }

    [class*="col-md"].fixed-area.active {
        margin-left: 15px;
        margin-right: 15px;
    }

    .scroll-content.scroll-mobile-disabled {
        padding-right: 0 !important;
    }


    footer .fa-ul > li, .baslik-alani.text-right, .list-items .list-item span {
        text-align: center;
    }

    .urun-bolumu, .grid-sertifika {
        overflow: visible !important;
    }

    .urun-goster, .grid-goster, body [class*="row-"] {
        height: auto !important;
    }

    [class*="row-"].google-map {
        min-height: 300px;
    }


    .header-title .breadcrumb.b, .header-slider .breadcrumb.b, .header-video .breadcrumb.b, .header-animation .breadcrumb.b {
        display: none;
    }

    /*
------------------------------
SECTIONS - RESPONSIVE
------------------------------
*/
    .bolum-basligi, .arkaplan-beyaz, .section-bg-image, .bolum-basligi, .arkaplan-beyaz, .section-bg-image, .header-title, .header-animation, .header-video {
        width: 100%;
    }

    header .custom-area {
        text-align: center;
        width: 100%;
    }

    .overlaybox-side, .overlaybox-side .content, .overlaybox-side .row, .section-map {
        height: auto;
    }

    .section-map {
        height: auto !important;
    }

        .section-map .overlaybox {
            position: static;
        }

        .section-map .google-map {
            min-height: 250px;
        }

    .overlaybox-side .overlaybox-inner {
        margin: 0 !important;
        box-shadow: none;
        border: none;
    }

    .overlaybox > .content > .row > .col-md-6:not(.overlaybox-inner) {
        display: none;
    }

    .section-bg-video .videobox {
        position: absolute;
    }

    .section-two-blocks .blocks-video iframe {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .section-two-blocks > .row > div:first-child > div {
        padding: 0;
    }

    /*
------------------------------
MENU - RESPONSIVE
------------------------------
*/
    .navbar-header {
        background-color: #FFF;
    }

    .bg-transparent .navbar-header {
        background-color: rgba(61, 61, 61, 0.00);
    }

    .dropdown-submenu .dropdown-menu a {
        padding-left: 40px;
    }

    .navbar-main.middle-box-menu {
        padding-bottom: 0 !important;
    }

    header .navbar-nav {
        margin-top: 0;
    }

    .one-page-menu .hamburger-button.active {
        right: 0;
        position: fixed;
        background: #FFF;
        box-shadow: 0 2px 1px rgba(0,0,0,0.2);
    }

    .dropdown .dropdown-menu {
        display: none;
    }

    div.box-menu-inner {
        display: none !important;
    }

    .dropdown.open .dropdown-menu {
        display: block;
        margin: 0 !important;
        width: 100% !important;
    }

    .side-menu li {
        overflow: hidden;
    }

    .fa-ul > li {
        overflow: visible;
        text-align: left;
    }

    .fa-ul.text-right > li {
        text-align: right;
    }

    .nav li:hover > ul, .nav li:hover > .mega-menu, .side-menu li:hover .panel, .side-menu li .panel:hover {
        display: none;
    }

    .mega-menu.bg-menu {
        min-width: 5px;
    }

    .nav li.open > .mega-menu, .side-menu li.open .panel, .side-menu li .panel.open {
        display: block;
    }

    .navbar-ustkisim-sabitle, .navbar-fixed-bottom {
        position: static !important;
        margin-top: 0 !important;
    }

        .navbar-ustkisim-sabitle .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
            max-height: inherit;
            box-shadow: 0 3px 5px rgba(0,0,0,0.13);
        }

  

    .btn-search {
        display: none;
    }

  
    .sosyalmedya-bolumu, .navbar-social {
        text-align: center;
    }

        .sosyalmedya-bolumu a {
            display: inline-block;
        }

    .navbar-left {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        border: none;
        text-align: center;
    }

    .makmenu {
        text-align: center;
        margin: 0 -15px;
        padding: 0 !important;
        display: block;
    }

    .dropdown-submenu ul {
        display: block;
    }

    .dropdown-submenu .dropdown-toggle:after {
        display: none;
    }

    .bg-menu {
        background: none !important;
    }

    .navbar-big-logo .navbar-mini .container {
        padding-left: 0 !important;
    }

    .navbar-big-logo .navbar-header {
        text-align: center;
        max-height: 100%;
        padding-bottom: 15px;
    }

        .navbar-big-logo .navbar-header button {
            float: none;
            width: 100%;
            margin: 10px;
        }

    .navbar-big-logo .navbar-brand {
        position: static;
        display: block;
        float: left;
        max-width: 100%;
        width: 100%;
        height: inherit;
        text-align: center;
    }

        .navbar-big-logo .navbar-brand img {
            margin: 0 auto;
        }

    .subline-bar {
        position: static;
    }

        .subline-bar ul {
            margin: 0 -15px;
        }

            .subline-bar ul li {
                width: 33.33%;
                margin: 5px 0;
            }

    header.ustkisim-sabitle .subline-bar {
        position: static;
        margin-top: 0 !important;
    }

    .navbar-main.navbar-middle .navbar-header {
        display: block;
    }

    .navbar-main.navbar-middle ul.nav > li {
        text-align: left;
        display: block;
    }

        .navbar-main.navbar-middle ul.nav > li.logo-item, .navbar-middle ul.nav > .scroll-hide {
            display: none !important;
        }

    .navbar-main.navbar-middle ul.nav {
        margin: 7.5px -15px !important;
    }

    .navbar-middle .navbar-right {
        position: static;
    }

    .navbar-main.navbar-middle .navbar-right ul.makmenu.nav {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .navbar-middle .navbar-right .makmenu ul li a {
        text-align: left;
    }

    header.menu-top-logo:not(.scroll-css) .navbar-main.navbar-middle ul.navbar-nav {
        margin-left: -15px !important;
    }

    .box-menu-inner {
        position: static !important;
        margin: 10px 0 0 0;
    }

        .box-menu-inner > .row {
            height: inherit;
        }

        .box-menu-inner .icon-box-cell i {
            width: 50px;
            font-size: 25px !important;
        }

        .box-menu-inner [class*="col-"] {
            margin-bottom: 15px;
        }

            .box-menu-inner [class*="col-"]:last-child {
                margin-bottom: 0;
            }

    .icon-menu .navbar-brand img {
        margin-top: 0;
    }

    .icon-menu .icon-top > li > a {
        text-align: center;
    }

    .icon-menu .navbar-toggle {
        margin-top: 29px;
    }

    .icon-menu-top .navbar-toggle {
        margin-top: 37px;
    }

    header .navbar-right > * {
        float: none;
        padding: 0 !important;
    }

    header .navbar-right .navbar-social, header .navbar-right .sosyalmedya-bolumu {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .nav.inner.ms-rounded.over > li {
        padding-bottom: 0;
    }

    footer .container {
        padding: 35px 0 15px 0;
    }

    .menu-outer ul.nav {
        position: relative;
        top: 0;
        text-align: left;
    }

  

    .navbar-mini .nav {
        text-align: center;
        margin: 0;
        padding: 5px 0;
    }

    .navbar-mini .navbar-left, .navbar-mini .sosyalmedya-ust {
        display: none;
    }

    .navbar-mini .container {
        padding: 0;
    }

    .navbar-mini .navbar-right {
        padding: 0;
    }

    .navbar-mini .navbar-form {
        padding: 0;
        float: none;
    }

    .sosyalmedya-ust {
        float: none;
        width: 100%;
        text-align: center;
        border-top: 1px solid #E4E4E4;
    }

        .sosyalmedya-ust i {
            float: none;
            display: inline-block !important;
        }

    .navbar-mini .makmenu li a {
        padding: 7px 15px;
    }

    div.navbar-nav {
        margin: 0 0 0 0;
    }

    .nav.ms-minimal > li.active > a, .nav.ms-minimal > li:hover > a {
        border-bottom: none;
    }

    .side-menu-fixed {
        visibility: hidden;
        opacity: 0;
    }

        .side-menu-fixed .brand {
            display: none;
        }

    .navbar-form {
        margin: 0;
    }

    .side-menu-fixed .panel > ul.collapse {
        margin-left: 0;
        margin-right: 0;
    }

    .side-menu-fixed .panel {
        position: static;
        box-shadow: none;
        padding: 0;
    }

        .side-menu-fixed .panel ul {
            margin-top: 0 !important;
        }

    .panel-item .panel ul ul {
        background: none;
    }

    .side-menu-header .navbar-header, .side-menu-header > .navbar {
        display: block;
    }

    .navbar-right .hamburger-button {
        display: none;
    }

    .side-menu-header.over .slimScrollDiv, .side-menu-header.over .mi-menu nav {
        overflow: hidden !important;
    }

    .side-menu-container .container {
        width: 100%;
    }

    .side-menu-container, .side-menu-container #fullpage-main {
        padding-left: 0;
    }

    .navbar-brand {
        margin-top: 0 !important;
        margin-right: 5px;
        max-width: 80%;
        height: auto;
        padding-left: 15px;
    }

    .navbar-toggle {
        max-width: 20%;
    }

    .makmenu ul li a {
        text-align: center;
    }

    .navbar-mini .makmenu.navbar-nav .open .dropdown-menu {
        background-color: #FDFDFD;
        position: absolute;
        margin-top: -5px;
        box-shadow: 0 2px 2px rgba(0,0,0,0.21);
    }

    .dropdown-menu {
        padding-bottom: 5px;
    }

    .navbar-left .sosyalmedya-bolumu {
        width: 100%;
    }

    .mega-menu {
        padding-top: 0;
        padding-left: 10px;
    }

        .mega-menu .col, .side-menu .panel .col {
            padding: 0 10px;
            display: block;
            min-width: 100%;
        }

            .mega-menu .col > h5:first-child {
                margin-top: 15px;
            }

    
    .nav.inner > li {
        display: block;
        float: none;
    }

    .navbar-inner .navbar-collapse li {
        text-align: left;
        margin: 0;
    }

    .full-width-menu .nav {
        margin-left: -15px;
        margin-right: -15px;
        width: inherit;
        max-width: inherit;
    }

    .full-width-menu .inner ul {
        position: relative !important;
    }

        .full-width-menu .inner ul a {
            text-align: center;
        }

    .nav.inner.ms-rounded li a, .nav.inner.ms-rounded .maso-order {
        margin: 5px 0;
    }

    .nav.ms-minimal li a {
        padding: 10px 15px;
    }

    /*
------------------------------
TITLE - RESPONSIVE
------------------------------
*/
    .videobox video {
        margin-top: 0 !important;
        background-color: #000;
    }

    .baslik-alani .scroll-top, .title-modern .scroll-top {
        position: static;
        margin-top: 15px;
    }

    .videobox, .header-video {
        height: 350px;
        position: relative;
        overflow: hidden;
    }

        .header-video .overlaybox {
            margin-top: 15px;
        }

        .videobox .mobile-poster {
            display: block;
            height: 100%;
        }

        .videobox iframe, .videobox *[data-video-youtube] {
            display: none;
        }

    .baslik-alani h1 {
        font-size: 20px;
        margin-top: 25px;
    }

    .baslik-alani p, .title-icon p {
        font-size: 13px;
    }

    .baslik-alani hr {
        display: none;
    }

    .breadcrumb-tum {
        height: auto;
        padding-bottom: 35px;
    }

        .breadcrumb-tum .breadcrumb, .header-bootstrap .breadcrumb {
            text-align: center;
            float: none;
        }

    .header-bootstrap .aciklama-alani {
        display: flex;
    }

        .header-bootstrap .aciklama-alani > div {
            text-align: left !important;
        }


    .header-title .container, .header-video .container, .header-animation .container, .header-slider .container {
        margin-top: 0 !important;
        opacity: 1 !important;
    }

    .header-title, .header-video, .header-animation, .header-slider {
        height: 150px !important;
    }

    .section-bg-animation {
        height: 100% !important;
    }


  
    .fixed-area {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }

    .aciklama-alani {
        display: block !important;
    }

        .aciklama-alani > .row {
            display: block !important;
            margin: 0 -15px;
            width: auto;
        }

        .aciklama-alani.row {
            display: block !important;
            width: auto;
            margin-bottom: 0 !important;
        }

        .aciklama-alani .button-cnt {
            text-align: center !important;
        }


        .aciklama-alani > div, .row.aciklama-alani > div {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .aciklama-alani > div.col-md-8 {
                text-align: left;
            }

    .proporzional-row .google-map {
        height: 350px;
    }

    .scroll-hide {
        display: block !important;
        opacity: 1 !important;
    }

  

    .bolum-basligi.sifir-bosluk .col-md-12 {
        padding-top: 0;
        padding-bottom: 0;
    }

    iframe.video-box {
        height: auto !important;
        min-height: 250px;
    }

    .collapse-box.text-center-xs > .text-left {
        text-align: center !important;
    }

    .col-md-12 > div > .urun-kutusu.row, .col-md-12 > div > .grid-kutu.row {
        width: auto !important;
    }

    .fa-ul.text-center-sm > li {
        display: inline-block;
        margin: 0 20%;
        white-space: nowrap;
    }

    .ul-dots.text-center-sm, .ul-square.text-center-sm, .ul-decimal.text-center-sm {
        display: inline-block;
    }

        .ul-dots.text-center-sm li, .ul-square.text-center-sm li, .ul-decimal.text-center-sm li {
            text-align: left !important;
        }

    /*
------------------------------
HR
------------------------------
*/
    hr.space {
        height: 35px;
    }

        hr.space.xs {
            height: 8px;
        }

        hr.space.s {
            height: 10px;
        }

        hr.space.m {
            height: 20px;
        }

    hr.e {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto;
    }

    .hidden-sm {
        display: none !important;
    }

    .latest-post-list .col-md-8 {
        padding-left: 15px;
    }

    .text-center .icon-box {
        margin-left: 0;
    }

    .album-title .btn {
        margin: 10px 0;
    }

   

    footer, .footer-sola, .footer-saga {
        text-align: center;
    }

        footer hr {
            margin-left: auto !important;
            margin-right: auto !important;
        }

    .footer-bg {
        height: inherit;
    }

    footer {
        height: auto !important;
    }

   

    footer .fa-ul > li i {
        margin-left: -25px;
        left: inherit;
    }

  

  

    .col-md-6, .col-md-3:not(.widget), .col-md-9, footer .col-md-4 .col-md-6 {
        width: 50%;
        float: left;
    }

    .row > div.widget {
        float: left;
    }

    .col-md-4, .col-md-2 {
        width: 33%;
        float: left;
    }

    .col-md-8 {
        width: 66%;
        float: left;
    }

    footer .content > div > .row > [class*="col-md"], .col-md-4 [class*="col-md"], .sidebar-content > .row > .col-md-9, .woocommerce-cnt > .arkaplan-beyaz > .content > .row > .col-md-9 {
        width: 100%;
        float: none;
    }

    div [class*="boxed"].col-md-12 {
        width: auto !important;
    }


    .col-sm-12 {
        width: 100% !important;
    }

    .col-sm-6 {
        width: 50% !important;
        float: left;
    }

    .col-sm-4 {
        width: 33.33% !important;
        float: left;
    }


    [class*="boxed"].col-sm-12, [class*="boxed"].col-md-4.col-sm-12.urun-animasyon, [class*="boxed"].col-sm-12.col-md-4.boxed {
        width: calc(100% - 30px) !important;
    }

    [class*="col-md-"].urun-animasyon.col-sm-6, [class*="col-md-"].boxed.col-sm-6, .col-md-6.urun-animasyon:not([class*="col-sm-"]), .col-md-6.boxed:not([class*="col-sm-"]) {
        width: 50% !important;
        width: calc(50% - 30px) !important;
        float: left;
    }

    [class*="col-md-"].urun-animasyon, [class*="col-md-"].boxed, .col-md-6.col-sm-12.urun-animasyon, .col-md-6.col-sm-12.boxed {
        max-width: 100%;
        width: calc(100% - 30px) !important;
        margin: 5px 15px;
    }

    .col-md-4.urun-animasyon:not([class*="col-sm-"]), .col-md-4.boxed:not([class*="col-sm-"]) {
        width: calc(33.3333% - 30px) !important;
    }

   
    .text-center-sm, .text-center-sm th, .text-center-sm.hc_social_share_buttons_cnt > .text-left, .text-center-sm .hc_social_share_buttons_cnt > .text-left {
        text-align: center !important;
    }

    .text-left-sm {
        text-align: left !important;
    }

    .text-right-sm {
        text-align: right !important;
    }

    .text-center-sm .icon-box {
        margin: 10px auto;
    }

    .visible-xs, .button-cnt.visible-xs > .btn {
        display: none !important;
    }

    .visible-sm, .button-cnt.visible-sm > .btn, .hidden-xs {
        display: block !important;
    }

    a.hidden-xs {
        display: inline-block !important;
    }

    .visible-xs.hidden-sm {
        display: none !important;
    }

    .height-full-sm {
        height: 100% !important;
    }

    footer .tag-row span, footer .tag-row {
        white-space: normal;
    }

    .icon-box-top-bottom.text-left.text-center-sm .icon-box-cell {
        text-align: center;
    }

    .grid-table.grid-table-sm-12 td {
        width: 100%;
    }

    .sifir-bosluk .hc_pt_grid_list_cnt {
        padding: 0 !important;
    }

    .text-xs-sm {
        font-size: 11px !important;
        line-height: 11px;
    }

    .text-s-sm {
        font-size: 13px !important;
        line-height: 18px;
    }

    .text-m-sm {
        font-size: 18px !important;
        line-height: 25px;
    }
}
/*
==============================
MOBILE - EXTRA SMALL SCREENS
==============================
*/
@media (max-width: 767px) {
    .col-md-6, .col-md-3, .col-md-3:not(.widget), .col-md-4, .col-md-2, .col-md-9, .col-md-8, .col-md-7, .col-md-1, .col-md-5, footer [class*="col-md"], .col-md-4 [class*="col-md"] {
        width: 100%;
        float: none;
    }

    .col-sm-6, .col-sm-4 {
        width: 100% !important;
        float: none;
    }
      .col-xs-12, [class*="col-md-"].urun-animasyon, [class*="col-md-"].boxed, .col-md-6.urun-animasyon:not([class*="col-sm-"]), .col-md-6.boxed:not([class*="col-sm-"]), 
      .col-md-4.urun-animasyon:not([class*="col-sm-"]), .col-md-4.boxed:not([class*="col-sm-"]),[class*="col-md-"].urun-animasyon.col-sm-6, [class*="col-md-"].boxed.col-sm-6,
       .col-md-6.urun-animasyon:not([class*="col-sm-"]), .col-md-6.boxed:not([class*="col-sm-"]) {
        width: 100% !important;
        width: calc(100% - 30px) !important;
    }
    .grid-table {
        display: block;
    }

        .grid-table tr, .grid-table tbody, .grid-table td {
            width: 100%;
            float: none;
            border: none !important;
        }

        .grid-table td {
            width: 50%;
            float: left;
        }

        .grid-table.grid-table-xs-12 td {
            width: 100%;
        }

    .fa-ul.text-center-xs > li {
        display: inline-block;
        margin: 0 20%;
        white-space: nowrap;
    }

    .icon-box-top-bottom.text-left.text-center-xs .icon-box-cell {
        text-align: center;
    }

    .hidden-xs, a.hidden-xs {
        display: none !important;
    }

    .visible-xs.hidden-sm {
        display: block !important;
    }

    .visible-xs {
        display: block !important;
    }

    .section-two-blocks {
        height: auto !important;
        overflow: hidden;
    }

        .section-two-blocks .row {
            width: auto;
        }

        .section-two-blocks:not(.two-blocks-container) .row > [class*="col-"] {
            padding: 0 15px;
        }

    .two-blocks-container:not(.two-blocks-container) .row > [class*="col-"] {
        padding: 0 0;
    }

    .section-two-blocks .content, .section-two-blocks .col-md-5 .content {
        padding: 15px !important;
        width: auto !important;
        margin-bottom: 15px;
    }

    .baslik-alani.text-left {
        text-align: center !important;
    }

    .aciklama-alani > div, .row.aciklama-alani > div {
        text-align: center;
    }

    .text-center-xs, .text-center-xs th, .text-center-xs.hc_social_share_buttons_cnt > .text-left, .text-center-xs .hc_social_share_buttons_cnt > .text-left {
        text-align: center !important;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .pull-none-xs {
        float: none !important;
    }

    .no-bg-xs {
        background: none !important;
        background-image: none !important;
    }

    .height-full-xs {
        height: 100% !important;
    }

    .icon-list .list-item, .icon-list.text-right .list-item {
        margin: 0 0 10px 0;
        padding-left: 0;
        display: block;
    }

    .ul-dots.text-center-xs, .ul-square.text-center-xs, .ul-decimal.text-center-xs {
        display: inline-block;
    }

        .ul-dots.text-center-xs li, .ul-square.text-center-xs li, .ul-decimal.text-center-xs li {
            text-align: left !important;
        }

    .text-xs-xs {
        font-size: 11px !important;
        line-height: 11px;
    }

    .text-s-xs {
        font-size: 13px !important;
        line-height: 18px;
    }

    .text-m-xs {
        font-size: 18px !important;
        line-height: 25px;
    }
}

/*
==============================
INTERNET EXPLORER < 10
==============================
*/
html.iex .side-menu ul ul {
    display: block;
}

html.iex .side-menu.over ul ul {
    display: none;
}

html.iex .kutudaki-resim img {
    margin-top: 0 !important;
}

html.iex .footer-parallax {
    z-index: 0;
}