/**
        ## project name     : Maxi Mobilya
        ## author           : doanerkan / www.doanerkan.com
        ## date             : 2023
    **/
    @charset "utf-8";
    @import url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
    @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

    ul, li, div, a, img, table, tr, td, input, textarea, select { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }
    * { outline:none; }

    body            { background:#f4f6fc; color:#333; font: 13px/18px 'Roboto', Arial, Helvetica, sans-serif; margin:0; overflow-x:hidden;}
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#eeeeee 2px solid; }
    a               { color:#666; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

    .va-top                 { vertical-align: top !important; }
    .va-middle              { vertical-align: middle !important; }
    .va-bottom              { vertical-align: bottom !important; }
    .ta-left                { text-align:left !important; }
    .ta-right               { text-align:right !important; }
    .ta-center              { text-align:center !important; }
    .ta-justify             { text-align:justify !important; }
    .paddingnone            { padding:0; }
    .dnone                  { display:none; }
    .container-fluid        { padding:0; }

    .tableFixHead { text-align: left; position: relative; border-collapse: collapse; }
    .tableFixHead th, .tableFixHead td { padding: 0.25rem; }
    .tableFixHead thead tr th { background: white; position: sticky; top: 0; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); }

    .header-first       { width:100%; height:150px; position:fixed; top:0; left:0; z-index:5; padding:30px 15px; margin-top:40px; background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(0,0,0,0.95)); }
    .header-first-whiteBg       { background:#fff; height:130px; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; }
    .header-first .container .row   { display:flex; flex-direction:row; justify-items: center; align-items: center; }
    .searchBar input[type=text]     { width:50%; padding:8px; border-radius:6px; background:#f4f6fc url(../images/search-zoom.png) no-repeat 3px center; border:none; text-indent:20px; }

    .topHeader      { width:100%; background: linear-gradient(90deg, rgba(0,11,113,1) 0%, rgba(164,38,111,1) 100%); height:40px; position: fixed; z-index:5; top:0; left:0; color:#fff; }
    .topHeader .pull-left   { padding-top:11px; }
    .topHeader .pull-left a     { color:#fff; }
    .topHeader .pull-right  { padding-top:8px; }
    .topHeader .pull-right a    { margin-left:10px; }

    #menu-btn {
        display: inline-block;
        position: relative;
        text-align: center;
        width: 40px;
        height: 45px;
        margin-top:10px;

        &:before,
        &:after {
             content: '';
             width: 100%;
             height: 8px;
             background-color: #FFF;
             display: block;
             position: absolute;
             border-radius: 20px;
         }

        &:before {
             transform-origin: left center;

         }

        &:after {
             right: 0;
             top: 15px;
             transform-origin: right center;
         }

        .text {
            color: #FFF;
            font-family: Roboto;
            display: block;
            position: absolute;
            bottom: 0;
            font-size: 12px;
            letter-spacing: 2.0px;
        }

        &:hover {
             cursor: pointer;
         }

        &.open {
        &:before {
             animation: topBar_open 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        &:after {
             animation: bottomBar_open 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        .text {
            animation: menuLabel_open 1s ease-in;
            animation-fill-mode: forwards;
        }

        }

        &.close {
        &:before {
             animation: topBar_close 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        &:after {
             animation: bottomBar_close 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        .text {
            animation: menuLabel_close 1s ease-in;
            animation-fill-mode: forwards;
        }

        }
    }

    .header-first-whiteBg #menu-btn {
        display: inline-block;
        position: relative;
        text-align: center;
        width: 40px;
        height: 45px;
        margin-top:10px;

        &:before,
        &:after {
             content: '';
             width: 100%;
             height: 8px;
             background-color: #000b71;
             display: block;
             position: absolute;
             border-radius: 20px;
         }

        &:before {
             transform-origin: left center;

         }

        &:after {
             right: 0;
             top: 15px;
             transform-origin: right center;
         }

        .text {
            color: #000b71;
            font-family: Roboto;
            display: block;
            position: absolute;
            bottom: 0;
            font-size: 12px;
            letter-spacing: 2.0px;
        }

        &:hover {
             cursor: pointer;
         }

        &.open {
        &:before {
             animation: topBar_open 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        &:after {
             animation: bottomBar_open 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        .text {
            animation: menuLabel_open 1s ease-in;
            animation-fill-mode: forwards;
        }

        }

        &.close {
        &:before {
             animation: topBar_close 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        &:after {
             animation: bottomBar_close 1s ease-in-out;
             animation-fill-mode: forwards;
         }

        .text {
            animation: menuLabel_close 1s ease-in;
            animation-fill-mode: forwards;
        }

        }
    }

    .XX_menu_area_back {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 9997;
        color: #000;
        display:none;
    }

    .XX_menu_area      {
        width:100%;
        max-width: 400px;
        padding: 40px 30px 30px 30px;
        height: 100%;
        position: fixed;
        top: 0;
        right:-400px;
        background: #fff;
        z-index: 9999;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .XX_menuItem    { margin-top:30px; }
    .XX_menuItem div        { width:100%; height:135px; max-height:135px; display:flex; align-items: center; justify-content: center; flex-direction: column; border:#dfdfdf 3px solid; padding:0; border-radius:10px; }
    .XX_menuItem div img        { height:40px; margin-bottom:10px; filter: invert(19%) sepia(30%) saturate(6012%) hue-rotate(305deg) brightness(94%) contrast(87%); }
    .XX_menuItem a          { cursor:pointer; font:700 14px 'Quicksand', sans-serif; }
    .XX_menuItem a:hover          { cursor:pointer; text-decoration:none !important; color:#000b71; }
    .XX_menuItem a:hover div      { border-color:#a4266f; }
    .XX_menuItem a:hover img      { height:55px; filter: invert(9%) sepia(99%) saturate(3337%) hue-rotate(233deg) brightness(83%) contrast(120%); }

    .YY_menuItem    { margin-top:8px; }
    .YY_menuItem div        { width:100%; height:60px; max-height:60px; display:flex; align-items:center; justify-content:flex-start; flex-direction: row; border:#dfdfdf 3px solid; padding:0; border-radius:8px; }
    .YY_menuItem div img        { width:35px; filter: invert(19%) sepia(30%) saturate(6012%) hue-rotate(305deg) brightness(94%) contrast(87%); margin:0 15px; }
    .YY_menuItem a          { cursor:pointer; font:700 14px 'Quicksand', sans-serif; }
    .YY_menuItem a:hover          { cursor:pointer; text-decoration:none !important; color:#000b71; }
    .YY_menuItem a:hover div      { border-color:#a4266f; }
    .YY_menuItem a:hover img      { filter: invert(9%) sepia(99%) saturate(3337%) hue-rotate(233deg) brightness(83%) contrast(120%); margin-right:20px; }

    .XX_menu_Close_Button   {
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(90deg, rgba(0,11,113,1) 0%, rgba(164,38,111,1) 100%);
        color: #fff;
        padding: 10px 15px 12px 15px;
        border-bottom-right-radius: 5px;
        cursor: pointer;
    }
    .XX_menu_Back_Button   {
        position: absolute;
        display:none;
        right: 0;
        top: 0;
        background: #000b71;
        color: #fff;
        padding: 10px 15px 12px 15px;
        border-bottom-left-radius: 5px;
        cursor: pointer;
    }

    .menu_steps h4  { color:#000b71; font:700 22px 'Quicksand', sans-serif; margin:0; }
    .menu_steps hr  { margin:10px 0; border:none; border-top:none !important; }

    .sub_page_title     { width:100%; max-width:100%; height:380px; padding:0; background:#e8e8e8 url(/images/sub_page_bg.jpg) no-repeat center bottom; border-bottom:#000b71 7px solid; border-image: linear-gradient(45deg, #000b71, #ff3bad) 1; }
    .sub_page_title .container    { height:380px; display:flex; align-items:center; text-align:center; justify-content:flex-end; padding-bottom:90px; flex-direction: column; }
    .sub_page_title .container h2       { font:800 24px 'Montserrat', sans-serif; color:#000b71; padding: 0; margin:0 0 10px 0; }
    .sub_page_title .container a            { text-decoration:underline; color:#a4266f; font:500 12px 'Roboto', sans-serif; }
    .sub_page_title .container a:hover          { color:#000b71; }

    .sub_page_title_2   { width:100%; max-width:100%; height:300px; padding:0; background:#e8e8e8 url(/images/sub_page_bg.jpg) no-repeat center bottom; border-bottom:#000b71 7px solid; border-image: linear-gradient(45deg, #000b71, #ff3bad) 1; }
    .sub_page_title_2 .container    { height:300px; display:flex; align-items:flex-start; text-align:center; justify-content:flex-end; padding-bottom:73px; flex-direction: column; }
    .sub_page_title_2 .container a            { text-decoration:underline; color:#a4266f; font:500 12px 'Roboto', sans-serif; }

    .paket_icerigi_hr       { border-top:#dfdfdf 2px solid; margin-top:0; }

    .left_filter_title      { color:#000b71; font:700 13px 'Montserrat', sans-serif; }

    .paketIcerigimiz input[type=number] { width:100%; padding:10px; text-align:center; border:#dfdfdf 1px solid; border-radius:5px; }

    .sub_page_content   { padding:0; margin-top:-55px; }
    .sub_page_content2  { padding:0; margin-top:30px; }

    .sub_page_content_area      { width:100%; padding:30px 30px 0 30px; border-radius:6px; background:#fff; box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0; }

    .price_input input  { width:100%; padding:8px; border:#dfdfdf 1px solid; margin:10px 0 0 0; border-radius:4px; }
    .price_input_1          { padding-right:10px; }
    .price_input_2          { padding-left:10px; }

    .page_Colons            { margin-bottom:30px;}
    .responsiveImageSol     { width:280px; margin:0 30px 30px 0; border-radius:50%; }
    .rightPageTitle         { width:100%; display:inline-block; margin-bottom:10px; padding:10px 13px; color:#fff; font:700 14px 'Montserrat', sans-serif; border-radius:4px; background: linear-gradient(90deg, rgba(0,11,113,1) 0%, rgba(164,38,111,1) 100%); box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px; }

    .subpageMenu ul, .subpageMenu ul li     { margin:0; padding:0; list-style-type:none; }
    .subpageMenu ul li a    { width:100%; color:#a4266f; font:700 12px 'Quicksand', sans-serif; display:inline-block; border-radius:4px; border:#dfdfdf 2px solid; margin-top:4px; padding:10px 10px; }
    .subpageMenu ul li a:hover      { background:#000b71; color:#fff; text-decoration:none; border:#000b71 2px solid; }
    .subpageMenu ul li a:hover i        { margin-left:6px; color:#fff; }
    .subpageMenu ul li a img        { height:18px; margin-right:10px; }
    .subpageMenu ul li a:hover img      { height:18px; margin-right:16px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); }

    .subpageMenu ul li.activex a    { background:#000b71; color:#fff; text-decoration:none; border:#000b71 2px solid; }
    .subpageMenu ul li.activex a img    { height:18px; margin-right:16px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); }

    .rengo  { width:calc(100% / 5); float:left; text-align: center; margin-top:10px !important; }
    .rengo a    { width:35px !important; height:35px !important; display: inline-block; border-radius:50% !important; border:#dfdfdf 2px solid; text-decoration:none; outline:none; }
    .rengo a:hover      { width:35px !important; height:35px !important; display: inline-block; border-radius:50% !important; border:#000b71 2px solid; text-decoration:none; outline:none; }
    .rengo a.renk_active     { border:#000b71 2px solid; text-decoration:none; outline:none; }

    .product_detail_space       { margin-bottom:30px; }
    .product_detail_image a             { width:100%; height:100%; display:block; border-radius:5px; }
    .product_detail_image_2             { margin-bottom:30px; }
    .product_detail_image_2 a           { width:100%; height:100%; display:block; border-radius:5px; }

    .sliderCompassArea  { width:99999px; height:auto; float:left; }
    .sliderArea     { width:100%; max-width:100%; padding:0; overflow: hidden !important; }
    .sliderArea ul, .sliderArea ul li   { margin:0; padding:0; }
    .sliderArea ul li   { width:100%; max-width:100%; list-style:none; float:left; }
    .sliderArea ul li a.anaLink     { width:100%; height:100%; display:block; }

    .product_detail_title_big       { color:#000b71; font:700 22px 'Quicksand', sans-serif; margin:0; }
    .product_detail_price           { color:#333; font:700 18px 'Montserrat', sans-serif; margin:0; }

    .ss_info_area       { width:100%; height:100%; max-width:1920px; position:absolute; z-index:2; display:flex; align-items:flex-start; justify-content:flex-end; flex-direction:column; color:#fff; padding:75px; text-align: left; }
    .ss_info_area h3        {
        color:#fff;
        font:900 80px 'Montserrat', sans-serif;
        letter-spacing: -5px;
        line-height:1;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        margin:0;
        background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(165,38,111,0.95));
        padding:20px 300px 20px 20px;
        margin-bottom:5px;
        border-left:#ff3bad 2px solid;
    }
    .ss_info_area h4        {
        color:#fff;
        font:600 30px 'Montserrat', sans-serif;
        letter-spacing: 0;
        line-height:1;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        margin:0;
        background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.95));
        border-left:#000 2px solid;
        padding:20px 300px 20px 20px;
        margin-bottom:5px;
    }
    .ss_info_area p         {
        color:#fff;
        font:800 40px 'Montserrat', sans-serif;
        letter-spacing: 0;
        line-height:1;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        margin:0;
        background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,11,113,0.95));
        border-left:#0019ff 2px solid;
        padding:20px 300px 20px 20px;
        margin-bottom:10px;
    }
    .ss_info_area a.ss_detay_link      {
        color:#fff;
        font:600 16px 'Montserrat', sans-serif;
        padding:15px 30px;
        background:#a4266f;
        border-radius:5px;
        margin:0;
    }
    .ss_info_area a.ss_detay_link:hover   {
        color:#fff;
        background:#000b71;
        text-decoration:none;
    }
    .slideButton a  {
        padding:15px;
        background:rgba(255,255,255,0.5);
        display:inline-block;
        border-radius:5px;
        margin-top:10px;
        margin-bottom:10px;
    }
    .slideButton a:hover  {
        background:rgba(255,255,255,1.0);
    }
    .slideButton a img  { height:15px; }

    .timer {
        height:1%;
        width: 0%;
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgb(0,11,113);
        background: linear-gradient(90deg, rgba(0,11,113,1) 0%, rgba(164,38,111,1) 100%);
        z-index: 3;
    }

    .product_detail_price { position: relative; cursor:pointer; display: inline-block; border-radius: 6px; clip-path: polygon(20px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 20px); background: rgb(0,11,113); background: linear-gradient(90deg, rgba(0,11,113,1) 0%, rgba(164,38,111,1) 100%); padding: 16px 40px; margin: 0 0 5px 0; font-weight: 600; font-size: 18px; color:#fff; transition: clip-path 500ms; }
    .product_detail_price:after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background:rgb(40,52,167); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 0; transition: transform 500ms; }
    .product_detail_price:hover { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 0px); }
    .product_detail_price:hover:after { transform: translate(-100%, -100%); }

    .product_detail_content hr      { margin:10px 0; }

    .campaingArea   { padding:60px 15px 30px 15px; }
    .campaingBox    { background:#fff; width:100%; min-height:270px; margin-bottom:30px; border-radius:10px; text-align:center; display: flex; flex-direction: column; justify-content: space-between; padding-bottom:30px; box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px; }
    .campaingBox .campTitle { color:#646567; font:600 12px 'Montserrat', sans-serif; }
    .campaingBox .campPrice { color:#646567; font:600 20px 'Montserrat', sans-serif; }
    .campaingBox:hover      { background:#fff0fe; cursor:pointer; box-shadow: rgba(0, 0, 0, 0.1) 0 10px 50px; border:#a4266f 2px solid; }
    .campaingBox:hover .campTitle { color:#a4266f; }

    .phoneHidden    { display:inline-block; }

    .maxiChoose     { color:#a4266f; font:600 18px 'Montserrat', sans-serif; letter-spacing:-1px; }
    .maxiChoose hr  { border:none; border-top:#dfdfdf 2px solid; margin:15px 0 30px 0; }
    .maxiChoose img     { filter: invert(21%) sepia(86%) saturate(2009%) hue-rotate(302deg) brightness(83%) contrast(91%); }

    .MC_Area        { margin-bottom:30px; }
    .MC_Image       { width:100%; height: 180px; float:left; }
    .MC_Image a         { width:100%; height:100%; display:block; border-radius:5px; }
    .MC_Textarea        { width:100%; height: 90px; float:left; }
    .MC_Textarea_title  { width:100%; min-height:30px; max-height:60px; float:left; color:#000b71; padding:15px 0 0 0; font:700 13px 'Quicksand', sans-serif; }
    .MC_Textarea_price  { width:100%; height: 30px; display:flex; align-items: center; font:700 15px 'Montserrat', sans-serif; }

    .filter_create_button   { background:#000b71; color:#fff; font:600 12px 'Montserrat', sans-serif; border-radius:5px; border:none; padding:10px 15px; }

    .footerTop      { background: linear-gradient(90deg, rgba(0,11,113,1) 0%, rgba(164,38,111,1) 100%); margin-top:30px; height:100px; color:#fff; font:500 14px 'Montserrat', sans-serif; border-bottom:#a4266f 5px solid; }
    .footerTop a        { color:#fff; font:500 14px 'Montserrat', sans-serif; }
    .footerTop hr       { margin:15px 0 0 0; border:none; border-top:none; }
    .footerTop .container .row      { display:flex; flex-direction:row; justify-items: center; align-items: center; height:100px; }
    .footerBottom       { background:#d9dae0; padding:30px 15px 100px 15px; color:#000; font:400 13px 'Roboto', sans-serif; line-height:20px; }

    .footerFirmName     { color:#000b71; font:700 15px 'Montserrat', sans-serif; }
    .footerBottom hr    { margin:15px 0; border:none; border-top:#bbb 1px dashed; }

    .footerBottom ul, .footerBottom ul li   { margin:0; padding:0; list-style-type:none; }
    .footerBottom ul        { margin-left:20px; }
    .footerBottom ul li         { list-style-type:circle; color:#a4266f; }
    .footerBottom ul li  a          { color:#000; }
    .footerBottom ul li  a:hover          { color:#000b71; text-decoration:underline; }
    .footerSteps    { margin-bottom:50px; }

    @media only screen and (min-width : 0px) and (max-width : 1000px) {

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

        .ss_info_area           { padding:50px; }
        .ss_info_area h3        { font:900 50px 'Montserrat', sans-serif; padding:20px 200px 20px 20px; }
        .ss_info_area h4        { font:600 20px 'Montserrat', sans-serif; padding:20px 200px 20px 20px; }
        .ss_info_area p         { font:800 20px 'Montserrat', sans-serif; padding:20px 150px 20px 20px;}
        .ss_info_area a.ss_detay_link      { font:600 13px 'Montserrat', sans-serif; }

    }

    @media only screen and (min-width : 0px) and (max-width : 800px) {

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

        .campaingArea   { padding:60px 30px 30px 30px; }
        .ss_info_area       { padding:50px; }
        .ss_info_area           { padding:50px; }
        .ss_info_area h3        { font:900 30px 'Montserrat', sans-serif; padding:15px 100px 15px 15px;letter-spacing: -2px; }
        .ss_info_area h4        { font:600 15px 'Montserrat', sans-serif; padding:15px 100px 15px 15px; }
        .ss_info_area p         { font:600 15px 'Montserrat', sans-serif; padding:15px 75px 15px 15px;}
        .ss_info_area a.ss_detay_link      { font:600 12px 'Montserrat', sans-serif; }
        .phoneHidden    { display:none; }

        .responsiveImageSol     { width:100%; margin:0 0 30px 0; }

    }