/* Play with speed and easing of the animation */
     /* =========================================== */

     .time-part-wrapper {
         display: inline-block;
         margin-right: 50px;
         position: relative;
     }


     body {
         background: #F1614B;
         margin: 0;
         font-family: "Aldrich";
     }

     /* .wrapper {
         margin: 100px auto;
         max-width: 1000px;
         width: 100%;
         position: relative;
     }

     .wrapper:before,
     .wrapper:after {
         content: "";
         display: block;
         position: absolute;
         width: 100%;
         left: 0;
         height: 20px;
         z-index: 10;
     } */
/* 
     .wrapper:before {
         top: 0px;
         background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNjE0YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxNjE0YiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
         background-size: 100%;
         background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1614b), color-stop(100%, rgba(241, 97, 75, 0)));
         background-image: -moz-linear-gradient(top, #f1614b 0%, rgba(241, 97, 75, 0) 100%);
         background-image: -webkit-linear-gradient(top, #f1614b 0%, rgba(241, 97, 75, 0) 100%);
         background-image: linear-gradient(to bottom, #f1614b 0%, rgba(241, 97, 75, 0) 100%);
     }

     .wrapper:after {
         bottom: 0px;
         background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNjE0YiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTYxNGIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
         background-size: 100%;
         background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(241, 97, 75, 0)), color-stop(100%, #f1614b));
         background-image: -moz-linear-gradient(top, rgba(241, 97, 75, 0) 0%, #f1614b 100%);
         background-image: -webkit-linear-gradient(top, rgba(241, 97, 75, 0) 0%, #f1614b 100%);
         background-image: linear-gradient(to bottom, rgba(241, 97, 75, 0) 0%, #f1614b 100%);
     } */

     /* ads popup */

     .popup-wrap {
         position: relative;
         background-color: rgba(0, 0, 0, 0.5);
         /* opacity: 0;
                left:-200px; */
         border-radius: 10px;
     }

     .popup {
         width: 250px;
         height: 150px;
         background-color: rgba(0, 0, 0, 1);
         border-radius: 10px;
         padding: 15px;
     }

     .popup-timer {
         width: auto;
         height: 25px;
         color: #fff;
         position: absolute;
         right: 10px;
         line-height: 25px;
         padding: 0px 10px;
     }

     .btn-close {
         background-color: #fff;
         width: 25px;
         height: 25px;
         text-align: center;
         line-height: 22px;
         position: absolute;
         right: -10px;
         top: -10px;
         cursor: pointer;
         transition: all 0.5s ease;
         border-radius: 50%;
     }

     .btn-close:hover {
         transform: rotate(360deg);
     }

     img.icon-pop {
         display: block;
         width: 3.75em;
         transform: translateZ(0);
         position: relative;
         margin: auto;
     }

     p.title-popup,
     p.popup-cont {
         text-align: center;
         margin: 0;
         color: #fff;
     }

     p.popup-cont {
         font-size: 11px;
     }

     p.title-popup {
         font-size: 15px;
         font-weight: 700;
         padding: 10px;
         line-height: 15px;
     }

     @import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');

     .desktop-count-down {
         display: flex;
         justify-content: center;
     }

     .mobile-count-down {
         display: none;
     }

     .countdown {
         text-align: center;
     }

     .countdown span {
         font-size: 25px;
         line-height: 25px;
         color: rgba(0, 0, 0, 0.25);
         font-family: 'Aldrich', sans-serif;
     }
     #bird-mountain .logo-contdown-sec {
        position: absolute;
        right: 1rem;  
     }

     @media screen and (max-width:1024px) {
         .desktop-count-down {
             display: none;
         }

         .mobile-count-down {
             display: flex;
             justify-content: center;
             position: absolute;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
             height: 100vh;
         }

         .countdown span {
             font-size: 150px;
             line-height: 150px;
         }
     }

     @media screen and (max-width:767px) {
         .countdown span {
             font-size: 125px;
             line-height: 125px;
         }
     }

     /* dot function */

     .ceec-logo {
         height: auto;
         width: auto;
         max-width: 100px;
         position: initial;
         display: block;
         margin: 0 auto;
     }

     #container.boxed-layout,
     #container.boxed-layout .container {
         width: 100% !important;
     }

     .dot-function .popup-logowrap .popup-wrap,
     .dot-function .popup-logowrap .logo-contdown-sec {
         position: absolute;
         bottom: 5.5rem;
     }

     .dot-function .popup-logowrap .popup-wrap {
         left: 1rem;
     }

     .dot-function .popup-logowrap .logo-contdown-sec {
         right: 1rem;
         display: flex;
         flex-direction: column-reverse;
         row-gap: 10px;
     }

     .dot-function .desktop-count-down .countdown {
         background: rgba(255, 255, 255, 0.8);
         border-radius: 5px;
         padding: 4px 10px 0;
         width: 100px;
         display: flex;
     }
     #bird-mountain .desktop-count-down .countdown  {
        padding: 4px 10px 0;
        width: 100px;
        display: flex;
     }
     .dot-function .ceec-logo {
        position: relative;
        right: auto;
        bottom: auto;
    }


     @media screen and (max-width:1024px) {
         .dot-function .popup-logowrap img.icon-pop {
             width: 40px;
         }

         .dot-function .popup-logowrap p.title-popup {
             font-size: 13px;
             padding: 4px 0 8px;
             line-height: 13px;
         }

         .dot-function p.popup-cont {
             line-height: 11px;
         }

         .dot-function .popup-logowrap .popup {
             width: 200px;
             height: 120px;
             border-radius: 8px;
             padding: 10px;
         }

         .dot-function .popup-logowrap .ceec-logo {
             max-width: 90px;
         }

         .dot-function .popup-logowrap {
             position: fixed;
             bottom: 0.5rem;
             z-index: 99;
             width: 100%;
         }

         .dot-function .popup-logowrap {
             padding: 0 0.5rem;
         }

         .dot-function .popup-logowrap .popup-wrap,
         .dot-function .popup-logowrap .logo-contdown-sec {
             bottom: 0.3rem;
         }

         .dot-function .popup-logowrap .popup-wrap {
             left: 0.8rem;
         }

         .dot-function .popup-logowrap .logo-contdown-sec {
             right: 0.8rem;
         }

         .dot-function .mobile-count-down {
             align-items: center;
             height: auto;
         }
         #bird-mountain .mobile-count-down .countdown {
            display: flex;
            width: 210px;
            justify-content: center;
            align-items: flex-start;
            height: 50px;
        }
         .dot-function .mobile-count-down .countdown {
             background: rgba(255, 255, 255, 0.8);
             border-radius: 5px;
             display: flex;
             width: 210px;
             justify-content: center;
             align-items: flex-start;
             height: 50px;
         }
         .dot-function .mobile-count-down .countdown span {
            font-size: 60px;
            line-height: 60px;
        }
     }

     @media screen and (max-width:767px) {
         .dot-function .popup-logowrap .popup {
             width: 170px;
             height: 100px;
             padding: 5px;
         }

         .dot-function .popup-logowrap img.icon-pop {
             width: 2em;
         }

         .dot-function .popup-logowrap p.title-popup {
             font-size: 12px;
             padding: 2px 0 5px;
         }
     }

     @media screen and (max-width:480px) {
         .dot-function .popup-logowrap .popup {
             width: 150px;
             height: 80px;
             padding: 2px;
             border-radius: 5px;
         }

         .dot-function .popup-logowrap img.icon-pop {
             width: 1.5em;
         }

         .dot-function .popup-logowrap p.title-popup {
             font-size: 11px;
             padding: 2px 0 4px;
         }

         .dot-function p.popup-cont {
             font-size: 10px;
         }

         .dot-function .popup-logowrap .ceec-logo {
             max-width: 75px;
         }
     }


     .dot-function .time-part-wrapper {
         display: inline-block;
         margin-right: 50px;
         position: relative;
     }

     .dot-function .time-part-wrapper:not(:last-child):after {
         content: ":";
         display: block;
         width: 30px;
         height: 230px;
         position: absolute;
         top: 0px;
         right: -30px;
         color: rgba(0, 0, 0, 0.25);
         /* font-size: 200px; */
         font-size: 200px;
         line-height: 0.9;
     }

     .dot-function .time-part {
         width: 140px;
         text-align: center;
         height: 180px;
         overflow: hidden;
         display: inline-block;
         margin-left: -5px;
         box-sizing: border-box;
     }


     .dot-function .wrapper.count-down-sec {
         display: none;
     }

     .dot-function .desktop-count-down .wrapper.count-down-sec {
         display: flex;
         margin: 0;
         max-width: 100%;
         column-gap: 20px;
         padding-top: 0;
         padding: 12px 12px 0;
         border-radius: 4px;
         background: rgba(255, 255, 255, 90%);
     }

     .dot-function .desktop-count-down .desktop-time-part {
         width: 25px;
         height: 25px;
         text-align: center;
         overflow: hidden;
         display: inline-block;
         margin-left: -5px;
         box-sizing: border-box;
     }

     .dot-function .desktop-count-down .digit {
         font-size: 25px;
         height: 25px;
     }

     .dot-function .desktop-count-down .time-part-wrapper:not(:last-child):after {
         width: 20px;
         height: 25px;
         font-size: 25px;
         line-height: 15px;
         right: -23px;
     }

     .dot-function .desktop-count-down .time-part-wrapper {
         margin-right: 0;
     }

     @media screen and (max-width:1024px) {
         .dot-function .wrapper.count-down-sec {
             display: flex;
         }

         .dot-function .desktop-count-down .wrapper.count-down-sec {
             display: none;
         }

         .dot-function .wrapper.count-down-sec {
             position: absolute;
             top: 100px;
             left: 50%;
             z-index: 99999;
             background: rgba(255, 255, 255, 0.6);
             margin: 0;
             transform: translateX(-50%);
             max-width: 480px;
             column-gap: 40px;
             border-radius: 10px;
         }

         .dot-function .time-part-wrapper {
             margin-right: 0;
         }

         .dot-function .time-part-wrapper:not(:last-child):after {
             height: 130px;
             font-size: 150px;
             line-height: 90px;
         }
     }

     @media screen and (max-width:767px) {

         .dot-function .time-part-wrapper:not(:last-child):after {
             height: 100px;
             font-size: 120px;
             line-height: 80px;
         }

         .dot-function .wrapper.count-down-sec {
             max-width: 420px;
         }
     }

     @media screen and (max-width:480px) {
         .dot-function .wrapper.count-down-sec {
             max-width: 300px;
             top: 50%;
             transform: translate(-50%, -50%);
         }

         .dot-function .count-down-sec .time-part-wrapper {
             margin-right: 0;
         }

         .dot-function .time-part-wrapper:not(:last-child):after {
             height: 60px;
             font-size: 90px;
             line-height: 60px;
         }

         .dot-function .count-down-sec .time-part-wrapper:first-child {
             display: flex;
         }
     }

     /** page-id-9449 **/

     body.page-id-9449, body.page-id-9449 #container.boxed-layout {
        background: transparent !important;   
     }
     body.page-id-9449 #container.boxed-layout,
     body.page-id-9449 .header-wrap, 
     body.page-id-9449 #main-container, 
     body.page-id-9449 .container, 
     body.page-id-9449 #page-wrap, 
     body.page-id-9449 .inner-page-wrap,
     body.page-id-9449 .clearfix, 
     body.page-id-9449 .page-content{
        position: initial !important;
     }
     .bottom.sunset {

     }
     .bottom.sunset .popup-logowrap .popup-wrap, 
     .bottom.sunset .popup-logowrap .logo-contdown-sec {
        position: absolute;
        bottom: 1rem;
        z-index: 5;
    }
    .bottom.sunset .popup-logowrap .popup-wrap {
        left: 1rem;
    }
    .bottom.sunset .popup-logowrap .logo-contdown-sec {
        right: 1rem;
        display: flex;
        flex-direction: column-reverse;
        row-gap: 10px;
    }
    .bottom.sunset .desktop-count-down .countdown {
        background: rgba(255,255,255,.8);
        border-radius: 5px;
        padding: 4px 10px 0;
        width: 100px;
    }
    .bottom.sunset .desktop-count-down .countdown {
        display: flex;
    }
    .bottom.sunset .popup-logowrap, .bottom.sunset .popup, .bottom.sunset .popup-head, .bottom.sunset p.title-popup, .bottom.sunset .popup-body, 
    .bottom.sunset .p.popup-cont, .bottom.sunset .desktop-count-down, .bottom.sunset .desktop-count-down .countdown,
    .bottom.sunset .countdown span, .bottom.sunset .ceec-logo {
        position: initial;
    }
    @media screen and (max-width:1024px) {
        .bottom.sunset {
            overflow: visible;
        }
        .bottom.sunset .popup-logowrap img.icon-pop {
            width: 40px;
        }
        .bottom.sunset .popup-logowrap p.title-popup {
            font-size: 13px;
            padding: 4px 0 8px;
            line-height: 13px;
        }
        .bottom.sunset p.popup-cont {
            line-height: 11px;
        }
        .bottom.sunset .popup-logowrap .popup {
            width: 200px;
            height: 120px;
            border-radius: 8px;
            padding: 10px;
        }
        .bottom.sunset .popup-logowrap .ceec-logo {
            max-width: 90px;
        }
        .bottom.sunset .popup-logowrap {
            position: fixed;
            bottom: 0.5rem;
            z-index: 99;
            width: 100%;
        }
        .bottom.sunset .popup-logowrap {
            padding: 0 0.5rem;
        }
        .bottom.sunset .popup-logowrap .popup-wrap,
        .bottom.sunset .popup-logowrap .logo-contdown-sec {
            bottom: 0.3rem;
        }
        .bottom.sunset .popup-logowrap .popup-wrap {
            left: 0.8rem;
        }
        .bottom.sunset .popup-logowrap .logo-contdown-sec {
            right: 0.8rem;
        }
        .bottom.sunset .mobile-count-down .countdown span {
           font-size: 60px;
           line-height: 60px;
       }
    }
    @media screen and (max-width:767px) {
        .bottom.sunset .popup-logowrap .popup {
            width: 170px;
            height: 100px;
            padding: 5px;
        }
        .bottom.sunset .popup-logowrap img.icon-pop {
            width: 2em;
        }
        .bottom.sunset .popup-logowrap p.title-popup {
            font-size: 12px;
            padding: 2px 0 5px;
        }
    }
    @media screen and (max-width:480px) {
        .bottom.sunset .popup-logowrap .popup {
            width: 150px;
            height: 80px;
            padding: 2px;
            border-radius: 5px;
        }
        .bottom.sunset .popup-logowrap img.icon-pop {
            width: 1.5em;
        }
        .bottom.sunset .popup-logowrap p.title-popup {
            font-size: 11px;
            padding: 2px 0 4px;
        }
        .bottom.sunset p.popup-cont {
            font-size: 10px;
        }
        .bottom.sunset .popup-logowrap .ceec-logo {
            max-width: 75px;
        }
    }
    .Mobile-open-keyboard-style-1 .toggle-for-search {
        display:none;
    }