@media (max-width:450px){.news-style .col-lg-11{padding-right:0;max-width:78%!important;flex:0 0 85%}}@media (max-width:1024px){.dropdown-menu{display:none}.dropdown:hover>ul{display:block}}@media (min-width:768px) and (max-width:1024px){select{border-top-right-radius:0!important;border-bottom-right-radius:0!important}}@media (max-width:1177px){.m-tb-0{margin-top:0!important}.d-f-n{font-size:12px}.d-f-n i{font-size:14px}:root{--publicorange:#E3501C}.hidden-sm{display:none}footer.mt-5{margin-top:1.5rem!important}nav.navbar-expand-md li a{text-align: left!important;padding-left: 40px !important;border: 0;}.item .img{min-height:120px;position:relative;display:flex;align-items:center}header nav.navbar a{padding: 10px 0px 10px 5px;display:block;width:100%;text-align: left;}header nav.navbar .navbar-toggler{text-align:left;display:block;cursor:pointer;position:absolute;right: 15px;top:30px;font-size:30px;}.over-f-hide-m{overflow:hidden}.Open-Sans-Light{font-family:Open-Sans-Light}.Open-Sans-Regular{font-family:OpenSans-Regular}.Open-Sans-Bold{font-family:OpenSans-Bold}.Open-Sans-Semibold{font-family:OpenSans-Semibold}.Myriad-Pro-Regular{font-family:Myriad-Pro-Regular}body{color:#222}h1,h2,h3,h4,h5,h6{font-family:OpenSans-Bold!important}.back_to_top.show{display:flex;overflow:inherit}.white-link{color:#fff}.white-link:hover{color:#fff;text-decoration:none}.back_to_top{display:none;overflow:none;border:1px solid var(--publicorange);color:var(--publicorange);height:40px;width:40px;position:fixed;text-align:center;align-items:center;justify-content:center;bottom:30px;right:10px;z-index:10;background:#fff;border-radius:100px}.back_to_top:hover{text-decoration:none;color:var(--publicorange)}#public_day .modal-content{border-radius:25px!important;overflow:hidden;box-shadow:0 0 20px 0 #ffffff54}#public_day .modal-header{background-image:linear-gradient(90deg,#662b65,#7f3f93);border-radius:0;overflow:hidden}#public_day .modal-header .modal-title{font-family:OPTIVagRound-Bold!important;text-align:center;font-size:23px;color:#fff;margin:auto}#public_day .modal-header button{font-family:OPTIVagRound-Bold!important;position:absolute;color:#fff;right:10px;top:10px;transform:matrix(.81,0,0,1,0,0);font-size:25px;opacity:1;z-index:1}#public_day .modal-header:after{content:'';background-image:url(assets/img/modal-header-filter.png);background-position:center;width:100%;position:absolute;z-index:0;top:0;height:78px;left:0}#public_day ul{margin-top:-10px;padding:0}#public_day li{margin:10px 0;list-style-type:none}#public_day li a{font-family:OpenSans-Regular;font-size:13px;color:#000;text-decoration:none}#public_day li a:hover{color:var(--publicorange)}#public_day ul li span{font-family:OPTIVagRound-Bold!important;font-size:17.9px;width:100%;display:inline-block;line-height:40px;height:40px;background:#e0e0e0;padding-left:10px;color:#454545}#public_day ul li div{width:100%;display:inline-block;text-indent:7px;margin:5px}.count-down{background:url(../img/count-down-background-mobile.png);width:100%;text-align:center;padding:54.9px 0}.count-down #head{font-size:25px;font-family:Kalam-Bold!important;width:100%;color:#e3501c}.count-down h2{font-size: 21px!important;margin: 0 auto 0 auto;}.count-down b{font-size:55px;font-family:Kalam-Bold!important;color:#e3501c}.count-down div{width:100%;margin:0 auto}.count-down ul{padding:0;margin:0 auto;width:320px;height:40px}.count-down ul li{padding-top:15.5px;font-family:Open-Sans-Light;text-align:center;border:1px solid #028865;color:#028865;border-radius:100%;width:70px;height:70px;font-size:14px;float:left;list-style-type:none;line-height:20px;margin-right:10px;background:#fff}.count-down ul li span{display:block;font-size:25px}.publicorange{color:var(--publicorange)!important}.bs-tooltip-bottom{margin-top:5px}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#bfbcba}.tooltip-inner{max-width:388px;min-height:37px;padding:2px;font-family:Open-Sans-Light;color:#222;text-align:center;font-size:12px;background-color:#f7f7f7;border-radius:.25rem;opacity:1}.owl-stage{right:0}.campaign-products .item{text-align:center;position:relative}.campaign-products .item p{font-family:OpenSans-Bold;font-size:11px;margin:0}.campaign-products .item .before-price{position:absolute;background:url(../img/tag.PNG);font-family:OpenSans-Semibold;background-repeat:no-repeat;background-size:100%;height:25px;width:66px;bottom:20px;right:0;font-size:13px;color:#fff;line-height:25px;padding-left:8px}.campaign-products .item .before-price:after{content:url(../img/delete-item.png);position:absolute;z-index:1;top:0;width:50px;height:30px;overflow:hidden;left:10px}.campaign-products .item strong.price{color:#3ab04a;font-family:OpenSans-Bold;font-size:16px;position:relative}.insert-btn{display:none}.campaign-products .item strong.price:after{content:'';background:url(../img/tl.png);width:10.464px;height:15px;margin-left:2px;position:absolute;bottom:5px}.work-partners{background-color:#f6f6f6;height:100px;display:flex;align-items:center}.work-partners .owl-stage{right:auto!important}.work-partners .owl-dots{width:70%;left:15%;margin:0 auto;height:20px;border-radius:10px;background:#fff;bottom:-30px;position:absolute;padding:0 5px 0 0;overflow:auto;display:none}.work-partners .owl-carousel .owl-item img{width:auto!important;max-height:57px;margin:0 auto;width:90%!important}.work-partners .owl-stage-outer{min-height:55px}.work-partners .owl-stage{display:flex;align-items:center}.work-partners .owl-carousel{overflow:inherit}.work-partners .owl-dot{background-color:#dedede!important;border-radius:100%;height:13px;width:13px;margin-left:5px;position:relative}.work-partners .owl-dot:focus{outline:0}.work-partners .owl-dots .active:after{content:'';background-color:#a3a3a3!important;height:7px;width:7px;margin:3px 3px;position:absolute;top:0;left:0;border-radius:100%}.full-banner{overflow:hidden;display:none}.full-banner .swiper-container{width:100%;max-width:100%}.full-banner .swiper-pagination{right:23px;top:38px}.full-banner .swiper-pagination span{display:block;margin-bottom:3px}footer{background-position:top center;background-repeat:no-repeat;min-height:300px;overflow:hidden}footer .c-f-list{max-width:1085px}footer .c-f-list a{color:#000;font-family:Open-Sans-Light;font-size:12.5px}footer .c-f-list a:hover{color:var(--publicorange);text-decoration:none}footer .f-b-list p{font-size:12.9px;font-family:Open-Sans-Light}footer .e-bulletin{color:#fff;background:#e3531c;padding:2.8rem 10px 2.8rem 10px}footer .e-bulletin h3{font-size:30px}footer .e-bulletin p{font-size:14.8px;font-family:OpenSans-Regular}footer .e-bulletin-form{max-width:432px;margin:0 auto;position:relative}footer .e-bulletin-form input{border-radius:100px;height:33px;max-width:432px}footer .e-bulletin-form input:focus{outline:0;border-color:rgba(255,255,255,.25);box-shadow:0 0 0 .2rem rgba(255,255,255,.25)}footer .e-bulletin-form button{width:100%;height:37px;border-radius:10px;font-size:12px;background-color:#f1f1f1;box-shadow:-1px 4px 5px 0 #0000008c}footer .e-bulletin-form button:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,255,255,.25)}footer .f-row{margin-top:2rem;min-height:215px}footer .f-left{position:relative}footer .f-left ul{padding:0 5px 0 0;margin-bottom:0}footer .f-left ul li{font-family:Open-Sans-Light;list-style-type:none;font-size:13px;margin-top:5px;margin-left:31px;position:relative}footer .f-center ul li{font-family:Open-Sans-Light;font-size:13px}footer ul li.fa-phone-icon:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f095";position:absolute;color:var(--publicorange);left:-28px;top:3px}footer ul li.fa-fax-icon:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f1ac";position:absolute;color:var(--publicorange);left:-28px;top:3px}footer ul li.fa-envelope-o-icon:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f003";position:absolute;color:var(--publicorange);left:-28px;top:3px}footer ul li.fa-map-marker-icon:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f041";position:absolute;left:-25px;color:var(--publicorange);top:10px}footer h3.f-left-w{font-family:OpenSans-Bold!important;width:274px;font-size:17px;margin-left:-8px}footer .f-center{border-top:1.3px solid #c6c6c6;margin-top:10px;font-size:14px}footer .f-center ul{padding:0 15px;margin-bottom:0}footer .f-center ul li{list-style-type:none;position:relative;padding-left:15px;margin-top:5px}footer .f-center ul li:before{content:'';background:url(../img/footer-list-item-icon.PNG);height:15px;width:8px;position:absolute;left:5px;top:14px}footer .f-right{background:url(../img/f-right-border.PNG);background-size:contain;background-repeat:no-repeat;background-position:top right;font-size:12px;font-family:OpenSans-Regular;padding:65px 4px 6px 46px;margin-bottom:35px}footer .f-right:after{content:'';background:url(../img/f-right.jpg);background-repeat:no-repeat;background-size:100%;position:absolute;height:257px;width:170px;right:-170px;bottom:-26px}footer .f-bottom{background-color:#161616;height:36px;line-height:36px;color:#fff;font-size:13px}.campaign-products .owl-carousel:after,.campaign-products .owl-carousel:before{display:block;position:absolute;z-index:2;top:0;width:0;height:100%;content:''}.campaign-products .owl-carousel:before{left:100%}.campaign-products .owl-carousel:after{left:0}.owl-nav .owl-next,.owl-nav .owl-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;color:#fff;text-align:center;transition:opacity .15s ease;outline:0;opacity:0}.owl-nav .owl-next:hover,.owl-nav .owl-prev:hover{opacity:1}.owl-nav .owl-prev{left:10px}.owl-nav .owl-next{right:10px}.owl-nav .owl-next span,.owl-nav .owl-prev span{background:#c7c7c7;color:#7b7b7b;border-radius:2px;display:hidden;height:32px;width:32px;line-height:25px;font-size:25px}.header-top-toogle{background:#8b258b;transition-property:all;transition-duration:.5s;transition-timing-function:ease-in-out;height:30px;line-height:30px;color:#fff;font-size:13.9px}.navbar-nav .dropdown-menu{border-top:1.5px solid var(--publicorange);padding:0!important}.navbar-nav .dropdown-menu a.dropdown-item{font-family:Open-Sans-Light;font-size:14px;text-transform:inherit;padding-right: 10px;}.navbar-nav .dropdown-menu a.dropdown-item:hover{background:0 0;color:var(--publicorange)}.navbar-nav .dropdown-menu a.dropdown-item:active{font-size:12px;background:0 0;color:var(--publicorange)}.navbar-nav li a{font-family:Gotham;text-transform:uppercase;font-size:13px;color:#222;border-bottom:1px solid rgba(134,134,134,.18);text-align:center}.navbar-nav li a.active{color:var(--publicorange)!important}.navbar-nav li a:hover{color:var(--publicorange)!important}.container{max-width:1250px}.campaign-products,.public_day{font-family:'Open Sans',sans-serif}.campaign-products p,.public_day p{font-family:OpenSans-Regular;font-size:12px}.public-semibold{font-family:OpenSans-Semibold!important;font-size:12px!important}.campaign-products h4,.public_day h4{font-size:20px;font-weight:700}.campaign-products h4 b,.public_day b{color:var(--publicorange)}.public_day p{margin-bottom:5px}.public_day hr{width:100%;margin:0}.public_day ul{margin-top:15px;list-style:none;float:left;padding:0;margin-right:30px}.public_day ul li{font-size:12px;font-family:OpenSans-Semibold;margin-bottom:5px}.public_day ul li:before{margin-right:5px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f041";color:var(--publicorange)}.public_day{padding:20px;border:1px solid #e5e5e5;background-repeat:no-repeat;background-position:right;background-size:contain;margin-bottom:20px;position:relative}.swiper-container{margin:0}.public_day .swiper-pagination{text-align:right;padding-right:14px;bottom:3px;right:0;z-index:20}.public_day .swiper-slide{margin-right:5px}.swiper-pagination-bullet{margin-right:2px;background:0 0;background:var(--publicorange);width:12px;height:12px;opacity:1;outline:0}.swiper-pagination-bullet-active{border:1px solid var(--publicorange);background:#fff}.owl-carousel{overflow:hidden}.notice{background:#fbe5dd;height:187px;border-radius:10px;overflow:hidden}.notice:after{content:url(../img/notice_bottom.PNG);width:51px;height:23px;position:absolute;left:15px;bottom:0}.notice:before{content:url(../img/notice_top.PNG);width:51px;height:30px;position:absolute;right:21px;top:0}.notice h4{border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#fff;color:var(--publicorange);max-width:164px;margin:0 auto;text-align:center;font-family:Gotham;font-size:18px;padding:5px 0;font-weight:700;text-shadow:0 0 2px var(--publicorange)}.notice .media h5{font-size:15px}.notice .media{font-size:14px;margin-bottom:7px}.swiper-button-next,.swiper-button-prev{background-size:auto!important}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px!important}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px!important}.notice .notice-padination{position:absolute;right:-8px;top:41%;background:#fff;border-radius:100px;height:47px;width:47px}.notice .swiper-button-prev{background:0 0;outline:0;left:10px}.notice .swiper-button-prev:after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f106";top:4px;position:absolute;font-size:20px;font-weight:700;left:7px}.notice .swiper-button-next{background:0 0;outline:0;right:10px;top:auto!important;bottom:0}.notice .swiper-button-next:after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f107";bottom:4px;position:absolute;font-size:20px;font-weight:700;left:10px}.notice .swiper-container,.notice .swiper-slide{padding:6px 10px 0 10px;text-align:left}.notice .media p{padding:0;margin:0 0 0 10px}.notice .media-body{position:relative}.notice .media p:after{content:url(../img/notice-list-item-icon.png);width:8px;height:14px;position:absolute;left:0;top:23px}.container .row+.row{margin-top:1.5rem}.survey-ads{border:1px solid #e5e5e5;padding:20px}.survey-ads .col-lg-3{text-align:center;margin-bottom:20px}.survey-ads .custom-control{padding-right:0}.survey-ads form.row{padding-left:15px;max-width:102%}.survey-ads .col-lg-9 .swiper-container{max-width:100%;width:754px}.survey-ads label{font-size:12.94px;font-family:OpenSans-Regular;white-space:inherit}.custom-control-label::before{background-color:var(--publicorange);border-color:var(--publicorange)}.custom-control-input:checked~.custom-control-label::before{background-color:var(--publicorange);border-color:var(--publicorange)}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(234,85,48,.25)}.custom-control-input:not(:disabled):active~.custom-control-label::before{background:0 0;border-color:var(--publicorange)}.custom-radio .custom-control-input:checked~.custom-control-label::after{border-radius:100%;width:.5rem;height:.5rem;margin-top:.25rem;margin-left:.25rem;background-color:#fff;border-color:var(--publicorange);background-image:none!important}.application-form{border:1px solid #e5e5e5;padding:20px;background:url(../img/application-form.PNG);background-size:24%;background-position:bottom right;background-repeat:no-repeat}.form-reply-list .col-lg-6{margin-bottom:20px}.news-style{margin-top:0!important}.news-style .col-lg-3{margin-top:20px}.business{background:0 0!important;margin-top:0}.business h4{text-align:left!important}.business img{position:absolute;right:32px;bottom:17px;width:100px;z-index:-1}.application-form h4{font-size:18px;max-width:381px}.application-form b{color:var(--publicorange)}.application-form hr{max-width:381px;margin:10px 0}.application-form p{font-family:Myriad-Pro-Regular;font-size:14px;max-width:381px}.application-form .btn-orange{font-size:12px;display:block;margin:10px 0}.btn-orange:hover{color:#fff}.btn-orange:focus{outline:0;box-shadow:0 0 0 .2rem rgba(227,80,28,.23)}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{width:.5rem;height:.5rem;margin-top:.25rem;margin-left:.25rem;background-color:#fff;border-color:var(--publicorange);background-image:none!important}.survey-ads .col-lg-9 .swiper-container hr{max-width:97.5%;margin:10px 0}.survey-ads h4{font-size:25px}.survey-ads h4 b{color:var(--publicorange)}.survey-ads p{font-size:14px;margin-bottom:0;font-family:Myriad-Pro-Regular}.survey-ads .swiper-pagination{right:30px;bottom:5px}.survey-ads .btn-orange{width:110px}.btn-orange{height:37px;background:var(--publicorange);font-size:16px;font-weight:400;font-family:OpenSans-Bold;color:#fff;box-shadow:-2px 2px 0 1px #9e2300}.survey-ads .btn{margin-top:10px}.survey-ads .col-lg-9:after{content:url(../img/survey-advert-right.PNG);width:75px;height:34px;position:absolute;left:144px;bottom:14px}.btn-weekly-program{font-family:OpenSans-Bold;font-size:10px;margin-top: 10px;}.news-style .col-lg-1{display:flex;align-items:flex-end;justify-content:flex-end;margin-bottom:6px;padding-left:0;max-width:70px!important}.news-style .col-lg-1 a{font-family:OpenSans-Bold;font-size:14px;color:var(--publicorange);font-weight:700}.news-style .col-lg-1 a:hover{text-decoration:none}.news-style .card{text-align:center;position:relative;box-shadow:-1px 8px 8px 0 #00000012;min-height:290px}.news-style h4{font-size:18px}.news-style .card-link{font-size:17px;font-weight:700;color:#222;font-family:OpenSans-Bold}.news-style .card-link:hover{color:var(--publicorange)}.news-style p.card-text{font-size:14.07px;font-family:Open-Sans-Light;margin-top:8px}.news-style .card .time{padding:4px 0 0 0;background:url(../img/new-time.png);height:51px;width:45px;position:absolute;right:5px;top:-1px;color:#fff;line-height:15px;text-align:center}.news-style .card .time .moon{font-size:9.5px}.news-style .card .time .day{font-size:15px}.public-orange{color:var(--publicorange)}.carousel-caption{bottom:3rem;z-index:10}.main-mobile-slide{position:relative;width:100%;max-width:100%!important;max-height:269px;overflow:hidden}.swiper-slide{position:relative}.main-mobile-slide .swiper-slide a>img{top:0;left:0;min-width:100%;width:100%}.marketing .col-lg-4{margin-bottom:1.5rem;text-align:center}.marketing h2{font-weight:400}.marketing .col-lg-4 p{margin-right:.75rem;margin-left:.75rem}.featurette-divider{margin:5rem 0}.featurette-heading{font-weight:300;line-height:1;letter-spacing:-.05rem}.business-hire{background-color:#fef4f3;border:1px solid #e2e2e2;padding:10px}.business-hire .w-100{width:auto!important;margin-bottom:20px}.business-hire h3{font-size:20px}.business-hire .btn{height:50px;width:160px;font-size:15px;margin-top:22px}.business-hire .btn:hover{color:#fff}.business-hire .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(227,80,28,.23)}.business-hire p{font-size:17px;font-family:Myriad-Pro-Regular}@media (min-width:40em){.carousel-caption p{margin-bottom:1.25rem;font-size:1.25rem;line-height:1.4}.featurette-heading{font-size:50px}}@media (min-width:62em){.featurette-heading{margin-top:7rem}}footer .f-center .col-6{padding:10px 0 10px 15px!important;border-bottom:1px solid #dddc}.f-bottom .float-right{display:none;overflow:hidden}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:768px){.main-mobile-slide{min-height:485px!important}.bd-placeholder-img-lg{font-size:3.5rem}}}@media(max-width:760px){.form-reply-list .col-sm-6{margin-bottom:1.5rem}}img{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}

@media (max-width: 1177px){
    .page .dropdown > span{
        padding: 0 15px !important;
        font-size: 14px !important;
    }
    .page .dropdown > span:before, .page .dropdown > span:after{
        right: 15px !important;
    }
    header nav.navbar .navbar-toggler{
        top: 15px !important;
    }

    header .navbar a img{
        margin-left:15px;
    }

    body{
        -webkit-transition: -webkit-transform .5s cubic-bezier(.565,1.65,.765,.88);
        transition: -webkit-transform .5s cubic-bezier(.565,1.65,.765,.88);
        transition: transform .5s cubic-bezier(.565,1.65,.765,.88);
        transition: transform .5s cubic-bezier(.565,1.65,.765,.88),-webkit-transform .5s cubic-bezier(.565,1.65,.765,.88);
        background: #fff;
    }

    body.mobil-menu-active{
        overflow: hidden;
        -webkit-transform: translate3d(-310px,0,0) !important;
        transform: translate3d(-310px,0,0) !important;
    }
    body.mobil-menu-active:after{
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: rgb(0 0 0 / 45%);
    }

    body.mobil-menu-active .navbar-toggler{
        color: #f1f1f1 !important;
        z-index: 9999;
    }
    body.mobil-menu-active .navbar-toggler i:before{
        content: "\f057";
    }

    header .navbar-collapse{
        position: fixed;
        top: 0px;
        left:auto;
        height: calc(100vh);
        padding-top: 50px;
        right: -310px;
        width: 310px;
        overflow: auto;
    }
    .m-hide{
        display: none;
    }
    .page .dropdown{
        width: 100%;
        padding: 5px 0;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

    .search-box-area{
        opacity: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        overflow: auto;
        z-index: -1;
        padding: 70px 20px 0px 20px;
        -webkit-transform: scale(.96);
        transform: scale(.96);
        -webkit-transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);
        transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);
        transition: transform 250ms cubic-bezier(.694,0,.335,1),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end;
        transition: transform 250ms cubic-bezier(.694,0,.335,1),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);
    }

    .search-box-area input{
        width: 100%;
        outline: 0;
        margin-bottom: 0;
        padding-right: 35px;
        padding-left: 25px;
        font-weight: 300;
        height: 55px;
        font-size: 19px;
        border: 0;
        color: #222;
        background-color: #f4f6f8;
        border-radius: 4px;
    }

    .search-box-area .close-search-box{
        position: absolute;
        top: 20px;
        right: 20px;
        border: 1px solid #948f8e;
        border-radius: 100px;
        color: #948f8e;
        background: #fff;
    }

    .search-box-area.active{
        z-index: 999999;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);
        transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);
        transition: transform 250ms cubic-bezier(.8,0,.55,.94),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start;
        transition: transform 250ms cubic-bezier(.8,0,.55,.94),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);
    }

}

@media (min-width: 1178px){
    .web-hide{
        display: none !important;
    }
    .search-box-area{
        opacity: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        overflow: auto;
        z-index: -1;
        padding: 70px 20px 0px 20px;
        -webkit-transform: scale(.96);
        transform: scale(.96);
        -webkit-transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);
        transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);
        transition: transform 250ms cubic-bezier(.694,0,.335,1),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end;
        transition: transform 250ms cubic-bezier(.694,0,.335,1),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);
    }

    .search-box-area input{
        width: 100%;
        outline: 0;
        margin-bottom: 0;
        padding-right: 35px;
        padding-left: 25px;
        font-weight: 300;
        height: 55px;
        font-size: 19px;
        border: 0;
        color: #222;
        background-color: #f4f6f8;
        border-radius: 4px;
    }

    .search-box-area .close-search-box{
        position: absolute;
        top: 20px;
        right: 20px;
        border: 1px solid #948f8e;
        border-radius: 100px;
        color: #948f8e;
        background: #fff;
    }

    li .search-pop{
        line-height: 36px;
        margin-left: 5px;
    }

    .search-box-area.active{
        z-index: 999999;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);
        transition: opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);
        transition: transform 250ms cubic-bezier(.8,0,.55,.94),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start;
        transition: transform 250ms cubic-bezier(.8,0,.55,.94),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);
    }

}

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 1000;
    width: 46px;
    height: 46px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    cursor: pointer;
}
.arrow-2 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    width: 46px;
    height: 46px;
    content: "\f077";
    background-position: 50% 50%;
    background-size: 16px;
    color: #e3501c;
    background-repeat: no-repeat;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.arrow-2::before{
    content: "\f077";
    margin-bottom: 5px;
}
.progress-wrap {
    opacity: 0;
}
.progress-wrap.active-progress {
    opacity: 1;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
}
.progress-wrap:hover::after {
    opacity: 0;
}
.progress-wrap::before {
    position: absolute;
    opacity: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: black;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: #e3501c;
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}