@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
body,html{
    font-family:Roboto,sans-serif!important;
    font-weight:400;
    height:100%
}
body,html{
    height:100%;
    margin:0;
    scroll-behavior:smooth;
    font-size:100%
}
.loader{
    position:fixed;
    height:100%;
    width:100%;
    background:rgba(255,255,255,.8);
    z-index:10999
}
.HomeButton .home{
    background-image:url(../images/home.png)!important;
    background-repeat:no-repeat;
    background-color:#fff!important;
    padding:15px!important;
    width:auto!important;
    background-size:70%!important;
    border:1px solid #57585a!important;
    width:auto!important;
    height:auto!important
}
.HomeButton .home:focus{
    border:1px solid #57585a!important
}
.loader-circle{
    width:50px;
    position:absolute;
    height:50px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    clear:both;
    border-radius:50%;
    border-top:10px rgba(244,100,95,.75) solid;
    border-left:10px rgba(244,100,95,.25) solid;
    border-bottom:10px rgba(244,100,95,.25) solid;
    border-right:10px rgba(244,100,95,.25) solid;
    -webkit-animation:spSlices 1s infinite linear;
    animation:spSlices 1s infinite linear
}
@-webkit-keyframes spSlices{
    0%{
        border-top:10px rgba(244,100,95,.75) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
    25%{
        border-top:10px rgba(244,100,95,.25) solid;
        border-right:10px rgba(244,100,95,.75) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
    50%{
        border-top:10px rgba(244,100,95,.25) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.75) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
    75%{
        border-top:10px rgba(244,100,95,.25) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.75) solid
    }
    100%{
        border-top:10px rgba(244,100,95,.75) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
}
@keyframes spSlices{
    0%{
        border-top:10px rgba(244,100,95,.75) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
    25%{
        border-top:10px rgba(244,100,95,.25) solid;
        border-right:10px rgba(244,100,95,.75) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
    50%{
        border-top:10px rgba(244,100,95,.25) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.75) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
    75%{
        border-top:10px rgba(244,100,95,.25) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.75) solid
    }
    100%{
        border-top:10px rgba(244,100,95,.75) solid;
        border-right:10px rgba(244,100,95,.25) solid;
        border-bottom:10px rgba(244,100,95,.25) solid;
        border-left:10px rgba(244,100,95,.25) solid
    }
}
.p-5{
    padding:5px!important
}
.p-10{
    padding:10px!important
}
.p-15{
    padding:15px!important
}
.p-20{
    padding:20px!important
}
.p-25{
    padding:10px!important
}
.p-30{
    padding:10px!important
}
.p-35{
    padding:10px!important
}
.p-40{
    padding:10px!important
}
.p-45{
    padding:10px!important
}
.p-50{
    padding:10px!important
}
.p-30{
    padding:10px!important
}
.pt-0{
    padding-top:0!important
}
.pt-5{
    padding-top:5px!important
}
.pt-10{
    padding-top:10px!important
}
.pt-15{
    padding-top:15px!important
}
.pt-20{
    padding-top:20px!important
}
.pl-0{
    padding-left:0!important
}
.pl-5{
    padding-left:5px!important
}
.pl-10{
    padding-left:10px!important
}
.pl-15{
    padding-left:15px!important
}
.pl-20{
    padding-left:20px!important
}
.pr-0{
    padding-right:0!important
}
.pr-5{
    padding-right:5px!important
}
.pr-10{
    padding-right:10px!important
}
.pr-15{
    padding-right:15px!important
}
.pr-20{
    padding-right:20px!important
}
.pr-25{
    padding-right:25px!important
}
.pr-30{
    padding-right:30px!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-5{
    padding-bottom:5px!important
}
.pb-10{
    padding-bottom:10px!important
}
.pb-15{
    padding-bottom:15px!important
}
.pb-20{
    padding-bottom:20px!important
}
.m-5{
    margin:5px!important
}
.mt-0{
    margin-top:0!important
}
.mt-5{
    margin-top:5px!important
}
.mt-10{
    margin-top:10px!important
}
.mt-15{
    margin-top:15px!important
}
.mt-20{
    margin-top:20px!important
}
.mt-25{
    margin-top:25px!important
}
.mt-30{
    margin-top:30px!important
}
.mt-35{
    margin-top:35px!important
}
.mt-40{
    margin-top:40px!important
}
.mt-45{
    margin-top:45px!important
}
.mr-0{
    margin-right:0!important
}
.mr-5{
    margin-right:5px!important
}
.mr-10{
    margin-right:10px!important
}
.mr-15{
    margin-right:15px!important
}
.mr-20{
    margin-right:20px!important
}
.mr-25{
    margin-right:25px!important
}
.mr-30{
    margin-right:30px!important
}
.mr-35{
    margin-right:35px!important
}
.mr-40{
    margin-right:40px!important
}
.ml-0{
    margin-left:0!important
}
.ml-5{
    margin-left:5px!important
}
.ml-10{
    margin-left:10px!important
}
.ml-15{
    margin-left:15px!important
}
.ml-20{
    margin-left:20px!important
}
.ml-25{
    margin-left:25px!important
}
.ml-30{
    margin-left:30px!important
}
.ml-35{
    margin-left:35px!important
}
.ml-40{
    margin-left:40px!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-5{
    margin-bottom:5px!important
}
.mb-10{
    margin-bottom:10px!important
}
.mb-15{
    margin-bottom:15px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-35{
    margin-bottom:35px!important
}
.mb-40{
    margin-bottom:40px!important
}
.lh-0{
    line-height:0!important
}
.lh-5{
    line-height:5px!important
}
.lh-10{
    line-height:10px!important
}
.lh-15{
    line-height:15px!important
}
.lh-20{
    line-height:20px!important
}
.lh-25{
    line-height:25px!important
}
.lh-30{
    line-height:30px!important
}
.animated{
    animation-duration:1.6s
}
.relative{
    position:relative!important
}
.absolute{
    position:absolute!important
}
a,a:hover{
    text-decoration:none!important
}
*{
    font-style:normal
}
.bkg-dark-black{
    background-color:#000!important;
    color:#fff
}
.bkg-dark-gray{
    background-color:#2a2a2a!important;
    color:#fff
}
.bkg-green{
    background-color:#34a753!important;
    color:#fff
}
.bkg-sky-blue{
    background-color:#4285f4!important;
    color:#fff
}
.hidden{
    display:none!important
}
.no-padding{
    padding:0!important
}
.no-margin{
    margin:0!important
}
.theme-button,a.theme-button,button.theme-button{
    background-color:#000;
    color:#fff;
    border:none;
    outline:0;
    transition:all .3s;
    font-size:18px;
    padding:4px 15px;
    border-radius:0
}
.theme-button:hover,a.theme-button:hover,button.theme-button:hover{
    background-color:#eaeaea;
    color:#000
}
.button-row{
    float:left;
    width:100%;
    margin:10px 0;
    text-align:center
}
button.theme-btn{
    background-color:#000;
    text-decoration:none;
    color:#fff;
    font-size:1.1em;
    font-weight:400;
    transition:all .3s;
    padding:4px 15px;
    border:none;
    outline:0
}
button.theme-btn:hover{
    background-color:#252525;
    text-decoration:none;
    color:#fff;
    transition:all .3s
}
.theme-btn,.theme-btn a,a.theme-btn{
    background-color:#000;
    text-decoration:none;
    color:#fff;
    font-size:1.6em;
    font-weight:500;
    transition:all .3s;
    padding:4px 15px
}
.theme-btn a:hover,.theme-btn:hover,a.theme-btn:hover{
    background-color:#252525;
    text-decoration:none;
    color:#fff;
    transition:all .3s
}
.web-btn-danger{
    background-color:#e94335!important;
    text-decoration:none;
    color:#fff!important;
    transition:all .3s;
    padding:4px 15px
}
.web-btn-danger:hover{
    background-color:#d52819;
    text-decoration:none;
    color:#fff;
    transition:all .3s
}
.web-btn-inverse{
    background-color:#000!important;
    color:#fff!important;
    font-size:20px;
    font-weight:500;
    transition:all .3s;
    padding:4px 15px
}
.web-btn-inverse:hover{
    background-color:#252525;
    text-decoration:none;
    color:#fff;
    transition:all .3s
}
.white-button,a.white-button,button.white-button{
    background-color:#fff;
    color:#000;
    border:none;
    outline:0;
    transition:all .3s;
    font-size:18px;
    padding:4px 15px;
    border-radius:0
}
.white-button:hover,a.white-button:hover,button.white-button:hover{
    background-color:#000;
    color:#eaeaea
}
.web-btn-primary,.web-btn-primary a,a.web-btn-primary,button.web-btn-primary{
    font-family:'Open Sans' Arial;
    background-color:#000;
    text-decoration:none;
    color:#fff!important;
    font-size:20px;
    font-weight:400;
    transition:all .3s;
    padding:4px 15px;
    border-radius:0;
    cursor:pointer
}
.web-btn-primary.btn-xs,.web-btn-primary.btn-xs a,a.web-btn-primary.btn-xs,button.web-btn-primary.btn-xs{
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.web-btn-primary a:hover,.web-btn-primary:hover,a.web-btn-primary:hover{
    background-color:#2a2a2a;
    text-decoration:none;
    color:#fff;
    transition:all .3s
}
input:-webkit-autofill{
    -webkit-animation-name:autofill;
    -webkit-animation-fill-mode:both
}
@-webkit-keyframes autofill{
    to{
        color:#fff;
        background:0 0
    }
}
.dw{
    overflow:hidden
}
.dw.android-ics .dwv{
    border-bottom:2px solid #3a3a3a!important;
    color:#333
}
.dw.android-ics .dwwol{
    border-top:2px solid #151515!important;
    border-bottom:2px solid #151515!important
}
.dw.android-ics.light .dwb-s .dwb{
    background:#000;
    color:#fffF!important;
    text-decoration:none;
    transition:all .3s
}
.dw.android-ics.light .dwb-c .dwb{
    background:#000;
    color:#fffF!important;
    text-decoration:none;
    transition:all .3s
}
.dw.android-ics.light .dwb-c .dwb:hover,.dw.android-ics.light .dwb-s .dwb:hover{
    background:#fff;
    transition:all .3s;
    color:#000!important
}
.modal-dialog{
    width:950px;
    max-width:950px!important
}
.ubtn{
    display:inline-block;
    padding:4px 20px;
    font-size:28px!important;
    transition:all .3s
}
.ubtn:hover{
    transition:all .3s
}
.btn-green{
    background:#34a753;
    color:#fff!important
}
.btn-black{
    background:#000;
    color:#fff!important
}
.btn-black:hover,.btn-green:hover{
    color:#dadada
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
    cursor:not-allowed;
    opacity:.6
}
._error_message{
    background:red;
    padding:2px 5px;
    font-weight:400;
    width:100%;
    text-align:center
}
._error_message strong{
    color:#fbd7d7!important
}
.txt-red{
    color:red
}
.utzo-wrapper{
    position:fixed;
    left:0;
    top:0;
    margin:0;
    padding:0;
    width:100%;
    height:90vh
}
.main-back{
    position:fixed;
    left:0;
    top:0;
    width:100%
}
.main-back img{
    width:45px
}
.bottom-gift-icon img{
    float:left
}
.main-back .map-bg-img{
    height:100vh;
    overflow:hidden
}
.main-back .map-bg-img img{
    width:100%;
    height:100%
}
.main-back #map-image .riple-svg{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100px;
    height:100px;
    user-select:none;
    border:0;
    padding:0;
    margin:0
}
.reset-btn{
    background-color:#fff;
    border-radius:0;
    color:#333;
    font-size:1.4em;
    display:inline-block;
    padding:9px 10px;
    bottom:185px;
    right:10px;
    position:absolute;
    z-index:9;
    cursor:pointer;
    float:right;
    box-shadow:rgba(0,0,0,.3) 0 1px 4px -1px;
    width:40px;
    height:40px
}
.reset-btn i,.reset-btn svg{
    transition:all .3s ease;
    position:relative;
    top:-5px
}
.body{
    background-color:#00000030;
    width:100%;
    background-size:cover;
    position:fixed;
    padding-bottom:0;
    height:100%
}
.utzo-wrapper .center-content section{
    width:100%
}
.logo{
    display:inline-block;
    width:50px;
    margin:10px;
    z-index:1;
    position:absolute;
    top:0
}
.profile-icon{
    float:right;
    position:absolute;
    right:15px;
    margin-top:15px;
    top:0
}
.profile-icon a{
    background-color:#000;
    width:65px;
    height:65px;
    color:#fff;
    border-radius:50%;
    transition:all .3s linear;
    display:inline-block;
    overflow:hidden;
    position:relative;
    text-align:center
}
.profile-icon a:hover{
    transition:all .3s linear;
    transform:scale(.92);
    color:#fff
}
.profile-icon a svg{
    font-size:30px
}
.profile-icon a img,.profile-icon a svg{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover
}
.profile-icon a i{
    font-size:33px!important;
    margin-top:15px
}
.profile-icon ul.dropdown-menu{
    position:absolute;
    background:#fff;
    right:10px;
    transform:translate(-85px,-5px);
    transition:all .3s linear;
    padding:0
}
.profile-icon:hover .dropdown-menu{
    display:block;
    transition:all .3s linear
}
.profile-icon .dropdown-menu li{
    float:left;
    border-radius:none;
    width:100%;
    border-bottom:1px solid #ececec
}
.profile-icon .dropdown-menu li a{
    color:#000;
    padding:5px 10px;
    position:relative;
    border-radius:0;
    width:100%;
    height:auto;
    background:0 0;
    float:left;
    transform:none
}
.profile-icon .dropdown-menu li a:hover{
    background:#000;
    color:#fff
}
.cart{
    background:#ffffffe6;
    float:right;
    color:#000;
    font-size:27px;
    padding:5px 15px;
    margin:20px 20px;
    position:absolute;
    text-align:center;
    box-shadow:0 0 14px #b1b1b1;
    transition:all .3s linear;
    right:170px;
    top:0
}
.cart:hover{
    transition:all .3s linear;
    transform:scale(1.1)
}
.cart a{
    color:#000;
    display:inline-block
}
.cart i{
    font-size:40px;
    text-align:left
}
.cart .cart-items{
    position:relative;
    font-size:23px;
    top:-13px
}
.main-search{
    position:relative;
    background:#f5f5f5
}
.main-search input{
    width:calc(100% - 30px);
    padding:5px 12px 5px 60px;
    font-size:28px!important;
    border:1px solid #d0d0d069;
    outline:0;
    background:#e8e7e7;
    margin:10px 15px;
    color:#000!important
}
.main-search input::placeholder{
    color:#b0b0b0
}
.main-search i{
    position:absolute;
    top:18px;
    font-size:22px;
    color:#b0b0b0;
    left:25px;
    z-index:9
}
.main-search svg{
    position:absolute;
    top:22px;
    font-size:32px;
    color:#b0b0b0;
    left:25px
}
.search-auto-suggestion-new{
    position:absolute;
    background:#fff;
    border-left:1px solid #d0d0d069;
    border-right:1px solid #d0d0d069;
    max-height:33vh;
    overflow-x:hidden;
    overflow-y:auto;
    top:74px;
    z-index:9;
    width:100%
}
.search-auto-suggestion-new a{
    border-bottom:1px solid #d0d0d042;
    display:block;
    padding:3px 10px;
    font-size:1.3em;
    color:#000;
    transition:all .5s
}
.search-auto-suggestion-new a:hover{
    background-color:#000;
    color:#fff;
    transition:all .5s
}
.search-auto-suggestion-new a div{
    display:inline-block
}
.search-auto-suggestion-new a i{
    font-size:100%;
    margin-right:10px
}
.search-auto-suggestion-new a div:nth-child(1){
    width:30px;
    margin-right:10px;
    text-align:center;
    overflow:hidden;
    display:inline-flex
}
.search-auto-suggestion-new::-webkit-scrollbar{
    display:none
}
.service-list{
    max-height:40vh;
    overflow:auto;
    overflow-x:hidden
}
.service-list-new-flow-breadcrum{
    display:block;
    position:relative;
    z-index:9
}
.animated::-webkit-scrollbar{
    display:none!important
}
.dashboard-carousel{
    background-color:#fff;
    width:100%;
    overflow:hidden;
    padding:5px 40px
}
.carousel-heading{
    background-color:#fff;
    color:#000;
    font-size:1.1em;
    padding:5px 10px
}
.dashboard-carousel .owl-item{
    text-align:center
}
.dashboard-carousel .owl-item .item a{
    cursor:pointer;
    display:block;
    outline:0;
    color:transparent
}
.dashboard-carousel .owl-item .item a:hover{
    outline:0;
    border:none;
    color:transparent;
    cursor:pointer
}
.dashboard-carousel .owl-item .item a div:nth-child(1){
    display:flex;
    width:75px;
    height:50px;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    margin-bottom:5px
}
.dashboard-carousel .owl-item i{
    font-style:normal;
    font-size:48px;
    color:#000;
    line-height:normal
}
.dashboard-carousel .owl-item a i{
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent
}
.dashboard-carousel .owl-item a:active i,.dashboard-carousel .owl-item a:focus i,.dashboard-carousel .owl-item a:hover i{
    -webkit-animation-name:hvr-wobble-horizontal;
    animation-name:hvr-wobble-horizontal;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
@-webkit-keyframes hvr-wobble-horizontal{
    16.65%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
    33.3%{
        -webkit-transform:translateX(-6px);
        transform:translateX(-6px)
    }
    49.95%{
        -webkit-transform:translateX(4px);
        transform:translateX(4px)
    }
    66.6%{
        -webkit-transform:translateX(-2px);
        transform:translateX(-2px)
    }
    83.25%{
        -webkit-transform:translateX(1px);
        transform:translateX(1px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes hvr-wobble-horizontal{
    16.65%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
    33.3%{
        -webkit-transform:translateX(-6px);
        transform:translateX(-6px)
    }
    49.95%{
        -webkit-transform:translateX(4px);
        transform:translateX(4px)
    }
    66.6%{
        -webkit-transform:translateX(-2px);
        transform:translateX(-2px)
    }
    83.25%{
        -webkit-transform:translateX(1px);
        transform:translateX(1px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.dashboard-carousel .owl-item .cs{
    background-color:#000;
    color:#fff;
    display:block;
    text-align:center;
    width:100%;
    height:30px;
    line-height:28px
}
.dashboard-carousel .owl-carousel .owl-nav button.owl-next{
    position:absolute;
    top:5px;
    right:-30px;
    font-size:60px;
    border:none;
    outline:0
}
.dashboard-carousel .owl-carousel .owl-nav button.owl-prev{
    position:absolute;
    top:20px;
    left:-30px;
    font-size:60px;
    border:none;
    outline:0
}
.bottom-menu{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin-bottom:5px
}
.half-view{
    transition:all .3s
}
.full-view{
    transition:all .3s
}
.bottom-right{
    text-align:right;
    display:flex;
    justify-content:flex-end
}
.bottom-right img{
    width:45px!important
}
.full-view.container{
    display:flex;
    justify-content:flex-end;
    margin:0 auto
}
.full-view .bottom-right{
    display:flex;
    justify-content:flex-end
}
.bottom-right a:hover{
    transition:all .3s linear;
    border:none;
    outline:0;
    text-decoration:none
}
.bottom-right .circle-gif img,.bottom-right a.wrench img{
    border-radius:50%
}
.bottom-right a i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-55%,-65%)
}
.bottom-right a.left-arrow i:hover{
    border:none;
    outline:0;
    left:24px
}
.bottom-right a.left-arrow i:before{
    font-family:icofont
}
.bottom-gift-icon a{
    display:inline-block
}
.bottom-right a i{
    font-size:36px;
    color:#fff;
    transition:all .3s linear;
    font-style:normal
}
.bottom-gift-icon a i{
    background-color:#fff;
    width:55px;
    height:55px;
    color:#000;
    border-radius:50%;
    transition:all .3s linear;
    display:inline-block;
    font-size:30px;
    border:none;
    outline:0;
    text-align:center;
    padding-top:7px;
    float:left
}
.bottom-gift-icon a .message{
    color:#000;
    font-size:1em;
    font-weight:400;
    float:left;
    padding:3px 10px 3px 15px;
    margin-top:15px;
    margin-left:-8px
}
.registration-step1 .next-prev,.user-name-login .next-prev,.user-name-section .next-prev{
    position:relative;
    bottom:0;
    width:100%;
    margin:0
}
.user-name-section .next-prev .prev-arrow{
    float:none
}
.next-prev a{
    font-size:45px;
    color:#000;
    transition:all .3s linear;
    line-height:normal
}
.next-prev .prev-arrow{
    float:left
}
.next-prev .next-arrow{
    float:right;
    margin-top:3px
}
.user-name-login .next-prev{
    text-align:center
}
.user-name-login .next-prev .next-arrow{
    float:none
}
.user-name-login .prev-arrow+.next-arrow{
    float:right
}
a.white-btn{
    padding:2px 15px;
    background:#fff;
    color:#000!important;
    font-size:1em;
    margin-bottom:10px;
    display:inline-block;
    font-weight:600
}
.next-prev .next-arrow a{
    color:#fff;
    background:#000;
    border-radius:50%;
    width:55px;
    height:55px;
    display:inline-block;
    text-align:center;
    line-height:55px;
    -webkit-animation-name:bounce-arrow;
    animation-name:bounce-arrow;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite
}
.next-prev .next-arrow a:before{
    content:'\eb1b';
    font-family:IcoFont!important;
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%,-57%)
}
@-webkit-keyframes bounce-arrow{
    0%,100%,20%,40%,60%{
        -webkit-transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.2)
    }
    80%{
        -webkit-transform:scale(.9)
    }
}
@keyframes bounce-arrow{
    0%,100%,20%,40%,60%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.2)
    }
    80%{
        -webkit-transform:scale(.9)
    }
}
.request-step-4 ul.listing-new{
    display:none
}
.request-step-5{
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.request-step-5 .get-connected a{
    display:inline-block;
    padding:4px 20px;
    font-size:28px!important;
    line-height:1.5
}
.request-step-5 .get-connected a:nth-child(1){
    padding:4px 100px
}
.how-pay{
    padding:0
}
.how-pay h3{
    margin:20px 20px 7px!important
}
.how-pay ul{
    margin:0;
    padding:0
}
.how-pay ul li{
    list-style:none;
    cursor:pointer;
    font-family:Roboto,sans-serif!important;
    border-bottom:1px solid #ccc;
    sssscolor:#000;
    font-size:18px
}
.how-pay ul li a{
    color:#000;
    display:block;
    padding:20px;
    border-left:7px solid #fff
}
.how-pay ul li a:hover{
    background-color:#d1d1d1;
    color:#000;
    border-left:7px solid #000
}
.how-pay ul li a.selected{
    background-color:#d1d1d1;
    color:#000;
    border-left:7px solid #000
}
.how-pay ul li label{
    float:right;
    font-size:16px
}
.how-pay ul li label i{
    font-size:22px;
    margin-top:1px
}
.how-pay ul li a.read-more{
    color:#5491ed;
    background-color:transparent;
    border:0;
    width:auto
}
.forgot-step2 .top-cont,.user-name-section .top-cont{
    color:#fff;
    font-size:1.3em
}
.user-name-section .contact-top{
    text-align:center;
    margin:35px 0
}
.user-name-section .next-prev .next-arrow a:before{
    position:inherit;
    top:0;
    left:0;
    transform:inherit
}
.forgot-step1 .contact-top p,.forgot-step2 .contact-top p{
    display:block;
    width:100%;
    text-align:center;
    font-size:1.3em;
    margin:2px 0;
    color:#fff
}
.user-name-section .next-prev .next-arrow a{
    color:#000;
    background:0 0;
    animation:none
}
.user-name-section .next-prev a:hover{
    color:#fff
}
.cart-list-one{
    display:inline-block;
    max-height:33vh;
    overflow:auto;
    width:100%
}
.cart-list .heading{
    background-color:#e8e7e7;
    color:#000;
    font-size:1.5em;
    padding:5px 10px;
    line-height:1.5
}
.cart-list .heading i{
    color:#000;
    font-style:normal;
    font-size:26px;
    line-height:normal;
    margin-right:5px;
    float:left;
    margin-top:5px
}
.add-items{
    width:100%;
    max-height:14.5vh;
    margin:5px 0;
    bottom:70px;
    padding-right:0!important
}
.cart-list-one ul{
    list-style-type:none;
    margin:0;
    padding:0;
    /*display:flex;
    */
    flex-direction:column-reverse
}
.add-item-main{
    display:flex;
    width:100%
}
ul.add-items{
    list-style-type:none;
    display:flex;
    flex-direction:column-reverse;
    width:100%
}
.cart-list-one ul li{
    float:left;
    width:100%;
    overflow:hidden
}
ul.add-items li{
    float:left;
    width:100%
}
.cart-list-one ul li a{
    background-color:#fff;
    border-bottom:1px solid #acacac;
    color:#000;
    font-size:1.4em;
    padding:10px 15px;
    width:100%;
    float:left;
    transition:all .3s linear
}
ul.add-items li a{
    background-color:#000;
    border-bottom:1px solid #acacac;
    color:#fff;
    font-size:1.4em;
    padding:5px 15px;
    width:100%;
    float:left;
    transition:all .3s linear
}
.cart-list-one ul li a.active,.cart-list-one ul li a:active,.cart-list-one ul li a:hover,ul.add-items li a.active,ul.add-items li a:active,ul.add-items li a:hover{
    background-color:#000;
    color:#fff;
    transition:all .3s linear
}
ul.add-items li a span{
    float:right;
    color:#fff
}
ul.add-items li a:hover span{
    color:#fff
}
.search-location{
    width:100%;
    padding:0;
    font-size:32px
}
.search-location .address-div{
    padding:10px;
    display:inline-block;
    width:100%;
    position:relative;
    top:0;
    left:0;
    background:#f5f5f5
}
.search-location .address-div .input-group{
    display:flex
}
.address-div button.search{
    background:#000;
    color:#fff;
    font-size:.9em;
    width:auto;
    padding:5px 15px;
    margin:0;
    cursor:pointer;
    top:-2px;
    border:1px solid #fff!important
}
.address-div button{
    background:0 0;
    border:none!important;
    outline:0!important;
    padding:0;
    margin-top:3px;
    margin-left:10px
}
.address-div .input-group{
    flex-wrap:nowrap!important
}
.address-div button i{
    font-size:32px!important;
    color:#000!important
}
.address-div button i:hover{
    color:#4385f5!important
}
.address-div .input-group-btn{
    padding:0!important
}
.current-location{
    background:#fff;
    display:inline-block;
    width:100%;
    color:#000;
    max-height:210px;
    overflow:auto;
    position:relative;
    top:0;
    padding-left:10px
}
.current-location ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.current-location ul li{
    float:left;
    width:100%;
    padding:4px 0 6px 0;
    border-bottom:1px solid #eaeaea;
    cursor:pointer
}
.current-location ul li i{
    background-color:#000;
    color:#fff;
    float:left;
    margin-right:10px;
    border-radius:50%;
    width:45px;
    height:45px;
    text-align:center;
    margin-top:7px;
    padding-top:4px
}
.current-location ul li .title{
    font-size:22px;
    font-weight:600;
    line-height:normal;
    float:left;
    width:calc(100% - 55px)
}
.current-location ul li .address{
    font-size:20px;
    font-weight:400;
    line-height:normal;
    float:left;
    width:calc(100% - 55px)
}
.current-location li .address:empty{
    display:none
}
.search-location .input-group-field{
    display:flex;
    border:none;
    outline:0;
    width:100%
}
.search-location .input-group-field input{
    margin-left:0!important;
    width:calc(100% - 100px);
    background:#e8e7e7;
    border:none;
    padding:0 10px;
    border:1px solid #e4e4e4;
    outline:0;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:32px!important;
    font-weight:400;
    color:#000!important
}
.input-group-field button.search{
    background:#000;
    color:#fff;
    font-size:.9em;
    width:auto;
    padding:3px 15px;
    margin:0 0;
    cursor:pointer;
    top:0;
    position:relative
}
.search-location .input-group-field input:focus,.search-location .input-group-field input:hover{
    border:1px solid #e4e4e4!important
}
.after-login-search input{
    width:100%
}
.add-location-btn button i{
    color:#fff!important
}
.search-location .input-group-field.after-login-search+.add-location-btn{
    display:flex
}
.search-location .input-group-field input::placeholder{
    color:#000!important;
    font-style:normal
}
.pac-container{
    background-color:#fff;
    position:absolute!important;
    z-index:1000;
    border-radius:2px;
    border-top:1px solid #d9d9d9;
    font-family:Roboto,sans-serif!important;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden
}
.pac-logo:after{
    display:none
}
.hdpi.pac-logo:after{
    display:none
}
.pac-item{
    cursor:default;
    padding:0 4px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    line-height:30px;
    text-align:left;
    border-top:1px solid #e6e6e6;
    font-size:12px;
    color:#999
}
.pac-item:hover{
    background-color:#000;
    color:#fff;
    transition:all .3s
}
.pac-item:hover .pac-item-query{
    color:#fff;
    transition:all .3s
}
.pac-item-selected,.pac-item-selected:hover{
    background-color:#000;
    color:#fff
}
.pac-matched{
    font-weight:700
}
.pac-item-query{
    font-size:16px;
    padding-right:3px;
    color:#000
}
.pac-item-selected,.pac-item-selected .pac-item-query{
    color:#fff
}
.pac-icon{
    width:15px;
    height:20px;
    margin-right:7px;
    margin-top:6px;
    display:inline-block;
    vertical-align:top;
    background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size:34px
}
.hdpi .pac-icon{
    background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}
.pac-icon-search{
    background-position:-1px -1px
}
.pac-item-selected .pac-icon-search{
    background-position:-18px -1px
}
.pac-icon-marker{
    background-position:-1px -161px
}
.pac-item:hover .pac-icon-marker{
    background-position:-18px -161px
}
.pac-item-selected .pac-icon-marker{
    background-position:-18px -161px
}
.pac-placeholder{
    color:gray
}
.request-step-3 .eta-options-new{
    display:flex;
    width:100%;
    margin-bottom:10px
}
.request-step-3 .heading,.request-step-5 .heading{
    background:#000;
    color:#fff;
    padding:15px;
    font-size:18px
}
.request-step-3 .content,.request-step-5 .content{
    font-size:20px;
    line-height:25px;
    padding:15px 25px
}
.request-step-6 .get-connected a:nth-child(1){
    padding:5px 50px;
    text-align:center
}
.request-step-6 .get-connected{
    width:auto;
    margin-top:auto;
    white-space:nowrap
}
.request-step-6 p{
    font-size:22px;
    margin-bottom:0!important
}
.request-step-6 .heading{
    background:#000;
    color:#fff;
    font-size:18px;
    font-weight:400;
    padding:15px
}
.request-step-6 .content{
    padding:15px
}
.eta-msg{
    font-weight:600;
    font-size:22px
}
.text-bold{
    font-weight:700;
    font-size:22px
}
.request-step-3 .eta-options-new ul{
    width:100%
}
.request-step-5 .eta-options-new{
    width:100%;
    height:285px
}
.eta-options-new ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.eta-options-new li{
    float:left;
    text-align:center
}
.eta-circle{
    font-size:2.8rem;
    line-height:120px;
    width:120px;
    height:120px;
    border-radius:50%;
    color:#fff;
    margin:0 auto;
    margin-bottom:10px
}
.serve-fee{
    border:1px solid #ccc;
    padding:15px
}
.selected-services{
    height:27vh;
    margin-bottom:10px
}
.selected-services ul{
    padding:0
}
.selected-services li{
    list-style:none
}
.selected-services li a{
    padding:8px;
    background-color:#cecece;
    color:#000;
    display:block;
    border-bottom:1px solid #b0b1b1
}
.selected-services li a i{
    font-size:24px;
    float:left;
    margin-top:-7px;
    margin-right:10px
}
.eta-options-new li a{
    font-size:1.8em;
    color:#fff
}
.eta-options-new li a .cir-label{
    background:#000000ba;
    padding:7px;
    color:#fff
}
.get-connected{
    text-align:center;
    position:absolute;
    bottom:0;
    width:auto;
    left:48%;
    transform:translate(-50%,-5px)
}
.request-reschedule-section{
    background-color:#f7f5f5;
    margin:15px auto;
    text-align:center;
    width:60%;
    position:absolute;
    left:22%;
    bottom:15%
}
.request-reschedule-section h4{
    position:relative;
    background:#000;
    top:0;
    left:0;
    color:#fff!important;
    padding:10px;
    width:100%;
    text-align:center;
    font-weight:400
}
.request-reschedule-section .content{
    position:relative;
    padding:15px
}
.request-reschedule-section .input-icon{
    position:relative
}
.request-reschedule-section .input-icon input{
    height:inherit;
    padding:15px 15px;
    background:#fff;
    opacity:.8;
    margin-bottom:10px
}
.request-reschedule-section .input-icon label{
    float:left;
    clear:right;
    color:#000;
    font-weight:600
}
.request-reschedule-section .input-icon i,.request-reschedule-section .input-icon svg{
    position:absolute;
    right:15px;
    top:20px
}
.descriptiion-new{
    background-color:#fff
}
.descriptiion-new .heading{
    background-color:#e8e7e7;
    color:#000;
    font-size:1.5em;
    padding:5px 10px;
    font-weight:600;
    line-height:1.5
}
.descriptiion-new textarea{
    resize:none;
    width:100%;
    padding:10px;
    height:180px!important;
    border:none;
    outline:0;
    font-size:1.5em;
    border:1px solid #f5f5f5;
    color:#000;
    background:#f7f7f7
}
.descriptiion-new textarea:active,.descriptiion-new textarea:focus{
    border:none;
    outline:0;
    box-shadow:none
}
.descriptiion-new textarea:placeholder{
    color:#ccc
}
ul.listing-new{
    list-style-type:none
}
.upload-pic-new{
    background-color:#fff;
    padding-bottom:1px
}
.upload-pic-new .heading{
    background-color:#e8e7e7;
    color:#000;
    font-size:1.5em;
    padding:7px 10px;
    line-height:normal
}
.upload-pic-new .content-pic{
    padding:10px;
    display:inline-block;
    width:100%
}
.upload-pic-new .ut-add-btn{
    display:inline-block;
    width:100%;
    height:100px;
    padding:10px 10px;
    text-align:center;
    background:0 0;
    border:3px dashed #000!important;
    position:relative;
    cursor:pointer;
    color:#000
}
.upload-pic-new .ut-add-btn span{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#000;
    font-size:1.4em
}
.upload-pic-new ul{
    padding-left:0;
    list-style:none;
    display:block;
    margin-top:10px
}
.upload-pic-new ul li{
    display:inline-block;
    width:105px;
    height:105px;
    background:#e8e8e8;
    border:1px solid #ccc;
    float:left;
    padding:5px;
    position:relative;
    margin:5px 5px 5px 0;
    transition:all .3s
}
.site-up-pic ul li{
    border:3px solid #ccc!important
}
.site-up-pic ul li i.fa-plus{
    font-size:36px!important;
    color:#ccc!important
}
.upload-pic-new .dropzone.dz-clickable{
    min-height:220px!important;
    max-height:220px!important;
    background:#fff;
    border:3px dashed #acacac!important;
    margin:10px;
    cursor:pointer
}
.fake-hidden{
    overflow:hidden;
    height:103px
}
.fake-hidden img{
    width:100%;
    object-fit:cover;
    height:100%
}
.fake-hidden video{
    width:100%;
    object-fit:cover;
    height:100%
}
.delete-document span{
    position:absolute;
    bottom:3px;
    right:4px;
    background-color:red;
    display:block;
    width:25px;
    height:25px;
    color:#fff;
    border-radius:50%;
    font-size:14px
}
.delete-document span:hover{
    background-color:#fff;
    color:red
}
.image-edit{
    width:100%;
    height:100%;
    cursor:pointer;
    position:relative;
    display:inline-block;
    overflow:hidden
}
.image-edit i{
    position:absolute;
    transform:translate(-50%,-50%);
    top:49%;
    left:49%
}
.image-edit input{
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    cursor:pointer
}
.for-enlarge-img{
    width:100%;
    padding:10px
}
.for-enlarge-img a{
    text-align:center;
    font-size:1.3em;
    color:#000;
    display:block
}
.for-enlarge-img a span{
    color:red
}
.btn.top-close-btn{
    position:absolute;
    background:#fff;
    border-radius:0;
    border:none;
    color:#000;
    top:0;
    padding:7px 10px 8px 10px;
    right:0;
    font-size:16px;
    z-index:111
}
.btn.top-close-btn:hover{
    background-color:#000;
    color:#fff
}
.job-site-modal-left{
    position:relative;
    background:#000;
    color:#fff;
    overflow:hidden;
    padding:5px;
    top:0;
    width:100%
}
.job-site-modal-right{
    position:relative;
    left:100%;
    background:#fff;
    z-index:100;
    padding:20px;
    display:none
}
#job_site_detail img,.job-site-modal-left img{
    width:100%
}
.imageGalModel-desc textarea{
    background:#e8e8e8;
    border:none!important;
    outline:0!important;
    width:100%;
    padding:10px;
    color:#333!important;
    height:calc(100vh - 310px)!important;
    font-size:1.5rem!important
}
.edit-text{
    position:absolute;
    right:-5px;
    width:30px;
    height:30px;
    text-align:center;
    background:red;
    line-height:30px;
    color:#fff;
    top:-10px
}
.upload-image-comment{
    padding:15px;
    background:#f4f4f4;
    font-size:20px;
    float:left;
    width:100%
}
.edit-text{
    position:absolute;
    right:3px;
    width:30px;
    height:30px;
    text-align:center;
    background:0 0;
    line-height:30px;
    color:#000;
    top:0
}
.upload-edit-text{
    position:relative
}
.modal .modal-dialog .modal-content{
    background-color:#fff;
    box-shadow:rgba(0,0,0,.1) 0 0 30px;
    display:inline-block;
    margin-bottom:30px;
    width:100%;
    border:none;
    border-radius:0
}
.modal-content .heading-title{
    padding:10px 40px 10px 10px;
    margin:0 auto;
    display:inline-block;
    width:100%;
    background:#000;
    color:#fff;
    font-size:1.4rem;
    text-transform:capitalize;
    min-height:41px
}
#addressModel .modal-body .radio-wrap{
    border-bottom:1px solid #d3d3d3;
    background:#f6f6f6;
    padding:10px 20px;
    margin-bottom:0;
    font-size:14px;
    background:#fff;
    position:relative
}
#addressModel .radio-wrap input[type=radio]{
    opacity:0;
    position:absolute
}
#addressModel .modal-body .radio-wrap label{
    margin:0;
    color:#a1a1a1;
    padding-left:35px;
    cursor:pointer;
    display:inline-block;
    max-width:100%;
    font-size:1.4rem;
    line-height:normal
}
#addressModel .modal-body .radio-wrap label:before{
    content:'';
    left:20px;
    width:18px;
    height:18px;
    position:absolute;
    top:50%;
    display:inline-block;
    border:2px solid #a5a5a5;
    background:#fff;
    transform:translate(0,-50%);
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
#addressModel .modal-body .radio-wrap .address-title{
    font-size:1.4rem;
    font-weight:500;
    color:#000;
    margin-bottom:0
}
.login_panel{
    padding:10px
}
.cust-registration .modal-body{
    background:#0202026b
}
.cust-registration .modal-content{
    background:0 0!important
}
.cust-registration .modal-content .close{
    text-align:center;
    position:absolute;
    right:0;
    opacity:1;
    color:#fff;
    padding:0 0 5px 0;
    width:25px;
    height:30px;
    font-size:1.4rem;
    text-shadow:none;
    cursor:pointer;
    z-index:9;
    top:0;
    background:0 0;
    transition:all .3s
}
.cust-registration .modal-content .close:hover{
    background:#020202;
    transition:all .3s
}
.cust-registration .modal-dialog{
    min-width:auto;
    max-width:600px!important
}
.cust-registration .regi-heading h4.heading-title{
    font-size:36px;
    background:#fff;
    color:#000;
    text-align:center;
    padding:8px;
    line-height:1
}
.cust-registration .right-pad .group{
    position:relative;
    margin-bottom:15px
}
.cust-registration .right-pad .group .input-error-msg{
    font-size:1em;
    background:#000;
    color:#fff;
    padding:0 5px;
    border-top:1px solid red;
    position:absolute;
    right:0
}
.cust-registration .right-pad input{
    font-size:24px!important;
    padding:24px 10px 0 0;
    display:block;
    box-shadow:none;
    width:100%;
    border:none;
    border-bottom:1px solid #fff;
    color:#fff!important;
    background:0 0;
    height:auto!important
}
.cust-registration .right-pad .highlight{
    position:absolute;
    height:60%;
    width:100px;
    top:25%;
    left:0;
    pointer-events:none;
    opacity:.5
}
.cust-registration .right-pad input:focus~.right-pad .bar{
    background-color:#fff
}
.cust-registration .right-pad label{
    color:#fff;
    font-size:26px;
    font-weight:400;
    position:absolute;
    pointer-events:none;
    left:0;
    top:24px;
    transition:all .2s ease 0s
}
.cust-registration .right-pad input:focus{
    outline:0!important;
    border-left:none!important;
    border-right:none!important;
    border-top:none!important
}
.cust-registration .right-pad .user-name-login .next-prev{
    display:block
}
.view-pasword{
    position:absolute;
    z-index:9;
    right:5px;
    top:-16px
}
.view-pasword:hover{
    text-decoration:none;
    cursor:pointer
}
.view-pasword i{
    color:#999;
    font-size:30px;
    cursor:pointer
}
input:-webkit-autofill{
    -webkit-text-fill-color:rgba(255,255,255,.9)!important;
    -webkit-box-shadow:0 0 0 30px #000 inset!important;
    background-image:background-image: url(../images/input-bg.jpg)!important
}
.cust-registration .right-pad input:focus~label,.cust-registration .right-pad input:valid~label,.cust-registration .right-pad input[readonly]~label{
    top:0;
    color:#fff;
    font-size:18px;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all;
    margin-bottom:5px
}
.cust-registration .right-pad select{
    font-size:24px!important
}
.cust-registration .readonly-cal i{
    position:absolute;
    top:17px;
    font-size:22px
}
.cust-registration .readonly-cal input{
    padding-left:30px;
    font-size:22px!important;
    position:relative;
    z-index:9;
    background:0 0
}
.cust-registration .readonly-cal .col-xs-6 label{
    left:10px
}
._blank_field:before{
    content:'\f014';
    font-family:FontAwesome
}
._blank_field{
    position:absolute;
    right:20px;
    top:20px;
    z-index:999;
    font-weight:700;
    cursor:pointer;
    font-size:20px
}
input[type=text]{
    background-color:transparent!important
}
input[type=email]{
    background-color:transparent!important
}
input[type=password]{
    background-color:transparent!important
}
input[type=submit]{
    background-color:transparent!important
}
::-webkit-input-placeholder{
    background-color:transparent!important
}
.cust-registration .right-pad .bar{
    position:relative;
    display:block;
    width:100%
}
.cust-registration .right-pad .bar:after,.cust-registration .right-pad .bar:before{
    content:'';
    height:2px;
    width:0;
    bottom:0;
    position:absolute;
    background:#4285f4;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all
}
.cust-registration input:-webkit-internal-autofill-selected{
    background-color:transparent!important
}
.right-pad .input-error-msg~.bar:after,.right-pad .input-error-msg~.bar:before{
    top:-1px!important
}
.right-pad input:focus .input-error-msg~.bar:after,.right-pad input:focus .input-error-msg~.bar:before{
    top:-1px!important
}
.right-pad .bar:before{
    left:50%
}
.right-pad .bar:after{
    right:50%
}
.right-pad input:focus~.bar:after,.right-pad input:focus~.bar:before{
    width:50%
}
.registration-step2 .notes{
    color:#fff;
    font-size:1.3em
}
.cust-registration .left-top-pad span{
    color:#fff;
    margin:0 2px
}
.cust-registration .left-top-pad a{
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all;
    color:#fff;
    font-size:1.1em
}
.cust-registration .left-top-pad a:hover{
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all;
    color:#969696
}
.cust-registration .username-profile{
    position:relative
}
.cust-registration .username-profile-img{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    width:125px;
    height:125px;
    margin:10px auto;
    overflow:hidden;
    position:relative
}
.cust-registration .username-profile-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.cust-registration .username-profile .text{
    font-size:1.8em;
    color:#fff;
    text-align:center;
    margin:10px 0
}
.cust-registration .username-profile .text span{
    color:#fff;
    display:block
}
.cust-registration .user-thumbnail{
    background:#fff;
    display:flex;
    width:80px;
    height:80px;
    margin:10px auto 0;
    align-items:center;
    justify-content:center;
    color:#000;
    font-size:2.2em;
    border-radius:50%
}
.cust-registration .welcome-txt{
    margin:10px 0
}
.cust-registration .welcome-txt h2,.cust-registration .welcome-txt h3{
    color:#fff;
    text-align:center
}
.cust-registration .welcome-txt h2{
    font-size:1.8em;
    margin:0
}
.cust-registration .welcome-txt h3{
    font-size:1.4em;
    margin:0
}
.cust-registration .resend-code-btn{
    width:auto;
    background:#fff;
    color:#000;
    padding:5px 15px;
    margin:35px 0!important;
    display:inline-block;
    font-size:1.3em
}
.resend-code-btn{
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.resend-code-btn:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.resend-code-btn:active,.resend-code-btn:focus,.resend-code-btn:hover{
    color:#fff
}
.resend-code-btn:active:before,.resend-code-btn:focus:before,.resend-code-btn:hover:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.cust-registration .middle-txt{
    color:#fff;
    margin-top:10px
}
.cust-registration .middle-txt p{
    display:block;
    width:100%;
    text-align:center;
    font-size:1.3em;
    margin:2px 0
}
.terms-conditions{
    color:#fff
}
.terms-conditions .custom-check-box{
    display:block;
    position:initial!important;
    padding-left:20px;
    margin-bottom:12px;
    cursor:pointer!important;
    font-size:1.3em!important;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:auto!important
}
.terms-conditions .custom-check-box input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.terms-conditions .checkmark{
    position:absolute;
    top:5px;
    left:0;
    height:20px;
    width:20px;
    background-color:#eee
}
.terms-conditions .custom-check-box:hover input~.checkmark{
    background-color:#ccc
}
.terms-conditions .custom-check-box input:checked~.checkmark{
    background-color:#000
}
.terms-conditions .checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.terms-conditions .custom-check-box input:checked~.checkmark:after{
    display:block
}
.terms-conditions .custom-check-box .checkmark:after{
    left:9px;
    top:5px;
    width:5px;
    height:10px;
    border:solid #fff;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.custom-check-box a{
    color:#969696!important;
    transition:all .3s linear
}
.custom-check-box a:hover{
    color:#000!important;
    transition:all .3s linear
}
.finish-btn a{
    background:#000;
    text-align:center;
    font-size:1.3em;
    color:#fff;
    padding:7px;
    transition:all .3s linear
}
.finish-btn a:hover{
    color:#969696;
    transition:all .3s linear
}
.terms-and-condition-myModal .modal-content .heading-title{
    padding:4px 10px;
    font-size:1.3em;
    background:#000;
    color:#fff
}
.terms-and-condition-myModal .modal-body{
    padding:0;
    height:340px
}
.terms-and-condition-myModal .modal-dialog{
    background:#656565
}
.terms-and-condition-myModal .ckTermsAndConditionfooter{
    background:#000;
    margin-bottom:0!important;
    padding:10px 0
}
.terms-and-condition-myModal .ckTermsAndConditionfooter a{
    color:#fff
}
.request-popup-new-design .doc-details{
    margin-bottom:0
}
.request-popup-new-design .doc-details .top-box{
    padding:0;
    position:relative;
    border-bottom:none;
    background:#f4f4f4;
    margin-bottom:0!important
}
.request-pick-popup .counter-with-img{
    width:120px;
    margin:25px auto 0
}
.request-popup-new-design.request-pick-popup .eta-options-new{
    padding:0 30px 0 0;
    position:relative;
    bottom:0;
    display:flex;
    flex-flow:column;
    width:100%
}
.request-pick-popup .eta-options.bordered{
    padding:0;
    margin:0 5px
}
.request-pick-popup .eta-options.bordered ul{
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
    left:0
}
.request-pick-popup .eta-options ul li{
    width:33.33%
}
.request-pick-popup .eta-option-wrap{
    background:#fff;
    border:1px solid #e2e3df;
    padding:0 5px 10px 5px;
    margin:35px 5px 0 5px
}
.eta-options.bordered ul li .eta-circle{
    font-size:1.5rem;
    font-weight:400;
    line-height:60px;
    padding:0;
    margin-top:-25px;
    margin-bottom:10px;
    border-radius:50%;
    width:60px;
    height:60px;
    color:#fff
}
.eta-options ul li .heading{
    color:#282b2e;
    font-size:1.5rem;
    padding-top:4px
}
.eta-options ul li .heading small{
    color:#a5a5a5
}
.request-popup-new-design .doc-details .content-box{
    border-bottom:1px solid #e2e8f1;
    border-top:1px solid #e2e8f1;
    font-weight:400;
    font-size:14px;
    margin:0 0 5px 0;
    background:#f4f4f4;
    float:left;
    width:100%;
    position:relative
}
.doc-details .content-box i{
    z-index:1;
    color:#000;
    font-size:30px;
    position:absolute;
    background:#f4f4f4;
    padding:0;
    margin-right:0;
    top:50%;
    left:15px;
    transform:translate(0 ,-50%)
}
.doc-details .content-box .box-detail-wrap{
    padding-left:60px
}
.request-popup-new-design .doc-details .content-box .box-detail{
    padding:5px 10px;
    color:#0e0e0e;
    top:0;
    width:100%;
    background:#fff;
    position:relative;
    font-size:1.2rem;
    min-height:60px;
    float:left
}
.doc-details .content-box label{
    color:#000;
    display:block;
    font-size:1.5rem;
    font-weight:700
}
.request-popup-new-design.request-pick-popup img.sit-back-img{
    margin:10px;
    opacity:.4
}
.request-pick-popup #counterText h3{
    color:#e94335
}
.doc-details .content-box .service-questions-hide-show-btn{
    position:absolute;
    right:10px;
    top:10px;
    padding:5px;
    border-radius:50%;
    border:1px solid #e2e8f1;
    background:#f4f4f4;
    font-size:20px;
    color:#e94335;
    width:30px;
    height:30px;
    transition:all .3s
}
.doc-details .content-box .service-questions-hide-show-btn i{
    position:absolute;
    transform:translate(-50%,-50%);
    left:50%;
    top:50%;
    color:#0009;
    background:0 0;
    font-size:24px;
    cursor:pointer;
    transition:all .3s
}
.onclose-request-close-popup{
    position:fixed;
    top:50%;
    z-index:999;
    right:0;
    background:#4285f4;
    padding:10px 15px;
    color:#fff;
    font-size:20px;
    font-weight:600;
    text-align:center
}
.onclose-request-close-popup small{
    display:block;
    padding-top:9px;
    font-size:14px
}
.onclose-request-close-popup small a{
    color:#fff;
    display:inline-block;
    padding:2px 10px;
    background:#000;
    text-decoration:none
}
.request-popup{
    position:relative;
    background:#f4f4f4
}
.request-popup .left-section{
    overflow:hidden;
    position:absolute;
    width:50%;
    height:100%;
    border-right:1px solid #ddd;
    background:#fff
}
.left-section #map.map-left-full{
    position:inherit!important;
    min-height:calc(100vh - 173px)!important;
    width:100%;
    background:#fff;
    padding:0;
    border-right:1px solid #ddd
}
.request-profile{
    background:#f4f4f4;
    width:50%;
    position:relative;
    left:50%
}
.modal-content .heading-title{
    padding:10px 40px 10px 10px;
    margin:0 auto;
    display:inline-block;
    width:100%;
    background:#000;
    color:#fff;
    font-size:1.4rem;
    text-transform:capitalize;
    font-weight:600;
    min-height:41px
}
.request-profile .profile-box{
    width:100%;
    float:left;
    max-height:650px;
    overflow:auto;
    overflow-x:hidden
}
.request-profile .counter-with-img{
    position:relative;
    padding-left:125px!important;
    float:left;
    padding:10px 5px
}
.request-profile .counter-with-img img{
    border-radius:50%;
    position:absolute;
    left:10px;
    top:50px;
    width:90px;
    height:90px;
    object-fit:cover;
    object-position:center center
}
.request-profile .counter-with-img .countdown-timer{
    position:absolute!important;
    box-sizing:content-box;
    left:0;
    top:20%!important;
    transform:translate(-50%,-50%)
}
.request-profile .counter-with-img .countdown-timer:before{
    content:'SECONDS';
    position:absolute;
    top:75px;
    left:55px;
    transform:translate(-50%,-50%);
    font-size:11px;
    color:#477050;
    font-weight:400;
    z-index:2
}
.request-profile .counter-with-img .countdown-timer:after{
    content:'';
    background:#fff;
    width:87px;
    height:87px;
    position:absolute;
    border-radius:50%;
    top:12px;
    left:11px
}
.profile-box .cust-name{
    line-height:normal
}
.profile-box .datetime{
    color:#000;
    font-weight:400;
    font-size:1.1em
}
.profile-box .customer-name{
    font-size:1.5em;
    text-transform:capitalize;
    font-weight:600;
    text-align:left;
    color:#000;
    cursor:pointer;
    margin:0 0
}
.profile-box .customer-name a{
    color:#000
}
.profile-box .content-box{
    display:inline-block;
    position:relative;
    text-align:left;
    font-size:1.5rem
}
.profile-box .driver-address{
    color:#000;
    font-size:.7em;
    font-weight:400;
    line-height:18px;
    display:-webkit-box;
    text-overflow:ellipsis;
    width:100%;
    height:38px;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    float:left;
    cursor:pointer;
    margin:5px 0
}
.profile-box .counter-with-img .jobid{
    font-size:.7em;
    color:#4285f4;
    float:left;
    font-weight:600
}
.blinking-text{
    float:left;
    font-size:1.4rem;
    color:red;
    margin:5px 0!important;
    animation-name:flash;
    animation-duration:3s;
    animation-fill-mode:both;
    animation-iteration-count:infinite
}
.request-profile .border-top{
    margin-bottom:0;
    border-top:1px solid #dcdcdc;
    padding:10px 20px;
    background:#fff;
    border-bottom:1px solid #dcdcdc
}
.request-profile .border-top .box-title{
    font-size:1em;
    margin-top:5px;
    margin-bottom:5px;
    color:#000;
    display:inline
}
.single-line-ellipsis{
    font-size:16px;
    color:#000;
    font-weight:600;
    text-align:left
}
.single-line-ellipsis p{
    color:#2f2f2f;
    padding:7px 0;
    border-radius:3px;
    text-transform:capitalize;
    margin-bottom:0;
    border-bottom:1px solid #e8e8e8;
    font-size:1.2em
}
.single-line-ellipsis p:before{
    content:'\f04d';
    font-family:fontAwesome;
    margin-right:8px;
    font-size:.5em;
    position:relative;
    top:-3px;
    color:#e94335
}
.request-profile .request-estimate{
    width:100%;
    margin:0
}
.request-estimate-button button{
    background:#000;
    color:#fff;
    border:0;
    margin:10px auto;
    padding:10px 15px;
    cursor:pointer;
    font-size:1.4em
}
.eta-options-new .eta-options.bordered{
    padding:15px 0;
    margin:0;
    width:100%;
    display:block;
    float:left
}
.eta-options.bordered ul{
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap
}
.eta-options li{
    width:100%;
    float:left
}
.eta-options li .eta-option-wrap{
    border:1px solid #e2e3df;
    padding:0 5px 10px 5px;
    margin:35px 0;
    background:#fff
}
.eta-options li .eta-circle{
    font-size:1.5rem;
    padding:0;
    line-height:60px;
    font-weight:400;
    margin-top:-25px;
    margin-bottom:10px;
    border-radius:50%;
    width:60px;
    height:60px;
    color:#fff
}
.eta-options li .heading{
    color:#282b2e;
    font-size:1.5rem;
    padding-top:4px
}
.eta-options ul li .heading small{
    color:#a4a4a4
}
.left-section .request-reschedule{
    text-align:center;
    padding:10px
}
.left-section .request-reschedule .home-icon{
    margin:20px 0
}
.left-section .request-reschedule .home-icon span{
    background:#4285f4;
    color:#fff;
    padding:10px;
    display:inline-block;
    margin:10px;
    font-size:2.2em;
    border-radius:50%;
    width:60px;
    height:60px;
    line-height:38px
}
.left-section .reschedule-date{
    text-align:center;
    margin:10px 0;
    float:left
}
.left-section .reschedule-date span{
    width:100%;
    float:left;
    margin:5px;
    font-size:1.2em;
    color:#000
}
.left-section .request-reschedule .reschedule-comment{
    float:left;
    width:100%;
    text-align:left;
    margin-bottom:20px
}
.left-section .request-reschedule .reschedule-comment label{
    font-size:1.3em;
    color:#000;
    font-weight:500
}
.left-section .request-reschedule .comment-txt{
    line-height:initial;
    font-weight:400
}
.request-reschedule .btn{
    color:#fff;
    font-size:1.4em;
    border-radius:0!important
}
.request-popup .left-section .request-cancel h5{
    font-size:1.5em;
    color:#000;
    margin:10px 0
}
.request-popup .left-section .request-cacelled{
    padding:10px
}
.request-popup .left-section .request-cacelled h3{
    text-align:center
}
.request-popup .left-section .request-cacelled div{
    font-size:1.2em;
    line-height:normal;
    margin:10px 0
}
.container-flyout .content-wrap{
    overflow:hidden;
    width:100%;
    height:100%;
    margin-bottom:0
}
.container-flyout .content-wrap{
    -webkit-overflow-scrolling:touch
}
.container-flyout .content-flyout{
    position:relative;
    height:100%;
    float:left;
    width:100%
}
.model-fullsize .container-flyout .content-flyout::before{
    position:fixed
}
.model-fullsize .container-flyout{
    overflow:hidden!important
}
.container-flyout .menu-wrap .icon-after-picked ul li small{
    top:-4px;
    right:36px;
    background:red;
    color:#fff
}
.container-flyout .content-flyout::before{
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    content:'';
    opacity:0;
    -webkit-transition:opacity .3s,-webkit-transform 0s .3s;
    transition:opacity .3s,transform 0s .3s;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.container-flyout .menu-button{
    position:absolute;
    background:rgba(0,0,0);
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    bottom:0;
    z-index:99999;
    margin:1em;
    padding:0;
    width:3.25em;
    height:3.25em;
    border:none;
    color:#fff!important;
    line-height:3.9em;
    text-align:center
}
a.menu-button{
    text-decoration:none;
    cursor:pointer
}
.container-flyout .menu-button i{
    font-size:2em;
    padding-top:6px
}
.container-flyout .menu-button i.icofont-close,.show-menu .container-flyout .menu-button i.icofont-arrow-up{
    display:none
}
.container-flyout .menu-button i.icofont-arrow-up,.show-menu .container-flyout .menu-button i.icofont-close{
    display:block
}
.container-flyout .menu-button span{
    display:none
}
.container-flyout a.menu-button:hover{
    opacity:1;
    text-decoration:none
}
.container-flyout .menu-wrap{
    position:absolute;
    z-index:9999;
    background:0 0;
    -webkit-transition:width .3s,height .3s;
    transition:width .3s,height .3s;
    width:0;
    height:0;
    font-size:14px;
    bottom:1em;
    left:1em;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    display:none
}
.container-flyout .icon-after-picked{
    color:#fff;
    text-align:center;
    margin-bottom:55px
}
.container-flyout .icon-after-picked .circle-icon{
    width:auto;
    background:0 0;
    border:none;
    outline:0
}
.container-flyout .icon-after-picked .circle-icon i,.container-flyout .icon-after-picked .circle-icon svg{
    float:left;
    color:#000;
    width:40px;
    height:40px;
    background:#fff;
    line-height:40px;
    font-size:1.4rem;
    line-height:38px;
    padding:0;
    margin:0 5px 0 0;
    display:inline-block;
    border:none;
    position:relative;
    border-radius:50%
}
.container-flyout .icon-after-picked .text{
    float:left;
    padding:8px 0 8px 3px;
    color:#fff
}
.container-flyout .icon-after-picked li{
    padding:0 0 1px 5px;
    text-align:left
}
.gifts-list{
    padding:15px 20px;
    overflow:auto
}
.gifts-list ul{
    margin:0;
    padding:0
}
.gifts-heading{
    position:relative
}
.gifts-heading h3{
    padding:15px 0
}
.gift-head-bg{
    background:#fd9502;
    height:240px;
    width:100%;
    position:relative;
    overflow:hidden
}
.gift-head-bg .top-left{
    position:absolute;
    top:-27px;
    left:-21px;
    font-size:190px;
    color:rgba(255,255,255,.58);
    display:flex
}
.gift-head-bg .bottom-right{
    position:absolute;
    bottom:-8px;
    right:0;
    font-size:215px;
    color:rgba(255,255,255,.58)
}
.gifts-heading .btn{
    position:absolute;
    right:5px;
    color:#fff;
    top:5px;
    font-size:24px
}
.gifts-heading .btn:hover{
    color:#fff
}
.gifts-list .col-sm-2 img{
    width:50%;
    position:absolute;
    top:0;
    left:0
}
.gifts-list p{
    font-size:18px!important;
    color:#000;
    line-height:normal
}
.gift-img{
    position:absolute;
    width:50%
}
.gift-popup h3{
    text-align:center;
    margin-bottom:0;
    font-size:32px;
    background-color:#ebebeb;
    color:#000
}
.gift-popup .btn{
    color:#000
}
a.g-list .col-sm-1 svg{
    color:#000;
    font-size:40px;
    margin-top:60px
}
.g-list{
    border-bottom:1px solid #ccc;
    padding:30px 0
}
.gift-box{
    text-shadow:0 0 #000;
    width:140px;
    height:175px;
    line-height:normal
}
.gift-box p{
    text-align:center;
    font-size:18px
}
.gift-popup h5{
    font-weight:700;
    font-size:26px;
    color:#000
}
.orange-box{
    background-color:#fc9502;
    padding:10px
}
.white-border{
    border:1px solid #fff;
    height:155px;
    padding:5px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.white-border label{
    font-weight:700;
    margin-bottom:0;
    display:block;
    width:100%;
    text-align:center;
    color:#000;
    font-size:26px
}
.gift-box svg{
    font-size:18px;
    color:#000
}
span.gif-icon{
    border:1px solid #fff;
    border-radius:50%;
    background-color:#fff;
    padding:7px 9px;
    position:absolute;
    bottom:5px;
    right:20px;
    text-align:center
}
.blue-box{
    background-color:#1c97dd;
    padding:10px
}
.brown-box{
    background-color:#d64e4e;
    padding:10px
}
.gray-box{
    background-color:#929292;
    padding:10px
}
background-color .gift-contents .col-sm-6 img{
    width:auto
}
.gift-contents{
    padding:40px 20px
}
.gift-contents h4{
    font-size:30px;
    font-weight:700
}
.gift-head-bg img{
    width:100%
}
.gift-contents p{
    font-size:20px
}
.ofer-details{
    display:flex;
    padding:40px 0;
    justify-content:space-between
}
.ofer-details .gift-icon span{
    font-size:30px;
    background-color:#000;
    color:#fff;
    padding:7px 15px;
    border-radius:50%;
    display:inline-block;
    width:60px;
    height:60px;
    margin-left:18px;
    position:relative
}
.ofer-details .gift-icon span i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:34px
}
.ofer-details .offer-title-desc{
    padding:0 15px;
    width:100%;
    text-align:left
}
.how-it-works,.terms-and-condition{
    background-color:#ebebeb;
    display:inline-block;
    width:100%
}
.how-it-works h3,.terms-and-condition h3{
    text-align:left
}
.how-it-works ul,.terms-and-condition ul{
    margin-left:40px
}
.hav-question{
    text-orientation:center;
    padding:30px 0
}
.hav-question a{
    font-size:30px;
    font-weight:700;
    color:#000
}
.hav-question a:hover{
    text-decoration:underline!important;
    color:#000
}
.how-it-works ul li,.terms-and-condition ul li{
    list-style:decimal;
    line-height:35px;
    color:#000
}
.tc-click{
    display:block;
    margin-bottom:100px;
    background-color:#ebebeb;
    padding:20px;
    color:#000;
    font-size:20px
}
.tc-click svg{
    position:absolute;
    right:15px;
    font-size:35px
}
.tc-click:hover{
    color:#000
}
.claim-now{
    text-align:center;
    margin:10px 0;
    display:inline-flex;
    width:100%
}
.claim-now a{
    text-align:center;
    bottom:30px;
    font-size:24px;
    padding:15px 40px;
    background-color:#000;
    color:#fff;
    left:0;
    right:0;
    width:228px;
    margin:0 auto
}
.claim-now a:hover{
    color:#f1f1f1
}
.card-content{
    position:relative
}
.hav-question p{
    margin-bottom:0
}
.how-it-works h4,.terms-and-condition h4{
    text-align:left;
    line-height:normal
}
.container-flyout .close-button{
    width:1em;
    height:1em;
    position:absolute;
    right:1em;
    top:1em;
    overflow:hidden;
    text-indent:1em;
    border:none;
    background:0 0;
    color:transparent
}
.container-flyout .close-button::after,.container-flyout .close-button::before{
    content:'';
    position:absolute;
    width:2px;
    height:100%;
    top:0;
    left:50%;
    background:#b8b7ad
}
.container-flyout .close-button::before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.container-flyout .close-button::after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.container-flyout .menu{
    height:100%;
    opacity:0;
    font-size:.65em;
    color:#64697d;
    text-align:right
}
.container-flyout .profile{
    display:inline-block;
    line-height:42px;
    font-weight:700;
    padding:1em
}
.container-flyout .profile img{
    float:right;
    border-radius:50%;
    margin-left:10px
}
.container-flyout .link-list{
    padding:1.35em 0;
    margin:0 .75em;
    border-bottom:3px solid rgba(125,129,148,.2);
    border-top:3px solid rgba(125,129,148,.2)
}
.container-flyout .link-list a{
    display:block;
    margin:.25em 0;
    color:#7d8194;
    padding:.5em 1.5em
}
.container-flyout .link-list a:focus,.container-flyout .link-list a:hover{
    color:#64697d
}
.container-flyout .link-list a span{
    margin-left:10px;
    font-weight:700;
    vertical-align:middle
}
.container-flyout .icon-list{
    position:absolute;
    right:1em;
    bottom:.9em
}
.container-flyout .icon-list a{
    font-size:1.5em;
    margin-left:.25em;
    color:rgba(125,129,148,.5)
}
.show-menu .container-flyout .content-flyout::before{
    opacity:1;
    -webkit-transition:opacity .3s;
    transition:opacity .3s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.show-menu .container-flyout .menu-wrap{
    width:50%;
    height:auto;
    min-height:100px;
    min-width:50%;
    -webkit-animation:anim-jelly .8s linear forwards;
    animation:anim-jelly .8s linear forwards;
    display:block
}
.show-menu .container-flyout .menu{
    opacity:1;
    -webkit-transition:opacity .3s .3s;
    transition:opacity .3s .3s
}
.content-wrap-route{
    overflow:hidden;
    width:100%;
    height:100%
}
.container-flyout-route .content-wrap-route{
    -webkit-overflow-scrolling:touch
}
.container-flyout-route .content-flyout-route{
    position:relative;
    height:100%
}
.model-fullsize .container-flyout-route .content-flyout-route::before{
    position:fixed
}
.model-fullsize .container-flyout-route{
    overflow:hidden!important
}
.container-flyout-route .menu-wrap-route .icon-after-picked ul li small{
    top:-4px;
    right:36px;
    background:red;
    color:#fff
}
.container-flyout-route .content-flyout-route::before{
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    content:'';
    opacity:0;
    -webkit-transition:opacity .3s,-webkit-transform 0s .3s;
    transition:opacity .3s,transform 0s .3s;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.container-flyout-route .menu-button-route{
    position:absolute;
    background:#34aa54;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    bottom:0;
    z-index:99999;
    margin:1em;
    padding:0;
    width:3.25em;
    height:3.25em;
    border:none;
    color:#fff;
    line-height:3.9em;
    text-align:center
}
a.menu-button-route{
    text-decoration:none;
    cursor:pointer
}
.container-flyout-route .menu-button-route i{
    font-size:2em;
    padding-top:6px
}
.container-flyout-route .menu-button-route i.icofont-close,.open-menu .container-flyout-route .menu-button-route i.icofont-arrow-up{
    display:none
}
.container-flyout-route .menu-button-route i.icofont-arrow-up,.open-menu .container-flyout-route .menu-button-route i.icofont-close{
    display:block
}
.container-flyout-route .menu-button-route span{
    display:none
}
.container-flyout-route a.menu-button-route:hover{
    opacity:1;
    text-decoration:none
}
.container-flyout-route .menu-wrap-route{
    position:absolute;
    z-index:9999;
    background:0 0;
    -webkit-transition:width .3s,height .3s;
    transition:width .3s,height .3s;
    width:0;
    height:0;
    font-size:14px;
    bottom:1em;
    left:1em;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    display:none
}
.container-flyout-route .icon-after-picked{
    color:#fff;
    text-align:center;
    margin-bottom:45px
}
.container-flyout-route .icon-after-picked .circle-icon{
    width:auto;
    background:0 0;
    border:none;
    outline:0
}
.container-flyout-route .icon-after-picked .circle-icon i{
    float:left;
    color:#4285f4;
    width:40px;
    height:40px;
    background:#fff;
    line-height:40px;
    font-size:1.4rem;
    line-height:40px;
    padding:0;
    margin:0 5px 0 0;
    display:inline-block;
    border:none;
    position:relative;
    border-radius:50%
}
.container-flyout-route .icon-after-picked .text{
    float:left;
    padding:8px 0 8px 3px
}
.container-flyout-route .icon-after-picked li{
    padding:0 0 1px 5px;
    text-align:left
}
.container-flyout-route .close-button-route{
    width:1em;
    height:1em;
    position:absolute;
    right:1em;
    top:1em;
    overflow:hidden;
    text-indent:1em;
    border:none;
    background:0 0;
    color:transparent
}
.container-flyout-route .close-button-route::after,.container-flyout-route .close-button-route::before{
    content:'';
    position:absolute;
    width:2px;
    height:100%;
    top:0;
    left:50%;
    background:#b8b7ad
}
.container-flyout-route .close-button-route::before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.container-flyout-route .close-button-route::after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.container-flyout-route .menu{
    height:100%;
    opacity:0;
    font-size:.65em;
    color:#64697d;
    text-align:right
}
.container-flyout-route .profile{
    display:inline-block;
    line-height:42px;
    font-weight:700;
    padding:1em
}
.container-flyout-route .profile img{
    float:right;
    border-radius:50%;
    margin-left:10px
}
.container-flyout-route .link-list{
    padding:1.35em 0;
    margin:0 .75em;
    border-bottom:3px solid rgba(125,129,148,.2);
    border-top:3px solid rgba(125,129,148,.2)
}
.container-flyout-route .link-list a{
    display:block;
    margin:.25em 0;
    color:#7d8194;
    padding:.5em 1.5em
}
.container-flyout-route .link-list a:focus,.container-flyout-route .link-list a:hover{
    color:#64697d
}
.container-flyout-route .link-list a span{
    margin-left:10px;
    font-weight:700;
    vertical-align:middle
}
.container-flyout-route .icon-list{
    position:absolute;
    right:1em;
    bottom:.9em
}
.container-flyout-route .icon-list a{
    font-size:1.5em;
    margin-left:.25em;
    color:rgba(125,129,148,.5)
}
.open-menu .container-flyout-route .content-flyout-route::before{
    opacity:1;
    -webkit-transition:opacity .3s;
    transition:opacity .3s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.open-menu .container-flyout-route .menu-wrap-route{
    width:50%;
    height:auto;
    min-height:100px;
    min-width:50%;
    -webkit-animation:anim-jelly .8s linear forwards;
    animation:anim-jelly .8s linear forwards;
    display:block
}
.open-menu .container-flyout-route .menu{
    opacity:1;
    -webkit-transition:opacity .3s .3s;
    transition:opacity .3s .3s
}
@-webkit-keyframes anim-jelly{
    0%{
        -webkit-transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)
    }
    3.333333%{
        -webkit-transform:matrix3d(.32778,0,0,0,0,.32778,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.32778,0,0,0,0,.32778,0,0,0,0,1,0,0,0,0,1)
    }
    6.666667%{
        -webkit-transform:matrix3d(.69875,0,0,0,0,.69875,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.69875,0,0,0,0,.69875,0,0,0,0,1,0,0,0,0,1)
    }
    10%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    13.333333%{
        -webkit-transform:matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1)
    }
    16.666667%{
        -webkit-transform:matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1)
    }
    20%{
        -webkit-transform:matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1)
    }
    23.333333%{
        -webkit-transform:matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1)
    }
    26.666667%{
        -webkit-transform:matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1)
    }
    30%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    33.333333%{
        -webkit-transform:matrix3d(.9603,0,0,0,0,.9603,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.9603,0,0,0,0,.9603,0,0,0,0,1,0,0,0,0,1)
    }
    36.666667%{
        -webkit-transform:matrix3d(.94663,0,0,0,0,.94663,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.94663,0,0,0,0,.94663,0,0,0,0,1,0,0,0,0,1)
    }
    40%{
        -webkit-transform:matrix3d(.95217,0,0,0,0,.95217,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.95217,0,0,0,0,.95217,0,0,0,0,1,0,0,0,0,1)
    }
    43.333333%{
        -webkit-transform:matrix3d(.96784,0,0,0,0,.96784,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.96784,0,0,0,0,.96784,0,0,0,0,1,0,0,0,0,1)
    }
    46.666667%{
        -webkit-transform:matrix3d(.98559,0,0,0,0,.98559,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.98559,0,0,0,0,.98559,0,0,0,0,1,0,0,0,0,1)
    }
    50%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    53.333333%{
        -webkit-transform:matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1)
    }
    56.666667%{
        -webkit-transform:matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1)
    }
    60%{
        -webkit-transform:matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1)
    }
    63.333333%{
        -webkit-transform:matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1)
    }
    66.666667%{
        -webkit-transform:matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1)
    }
    70%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    73.333333%{
        -webkit-transform:matrix3d(.9981,0,0,0,0,.9981,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.9981,0,0,0,0,.9981,0,0,0,0,1,0,0,0,0,1)
    }
    76.666667%{
        -webkit-transform:matrix3d(.99745,0,0,0,0,.99745,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99745,0,0,0,0,.99745,0,0,0,0,1,0,0,0,0,1)
    }
    80%{
        -webkit-transform:matrix3d(.99771,0,0,0,0,.99771,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99771,0,0,0,0,.99771,0,0,0,0,1,0,0,0,0,1)
    }
    83.333333%{
        -webkit-transform:matrix3d(.99846,0,0,0,0,.99846,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99846,0,0,0,0,.99846,0,0,0,0,1,0,0,0,0,1)
    }
    86.666667%{
        -webkit-transform:matrix3d(.99931,0,0,0,0,.99931,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99931,0,0,0,0,.99931,0,0,0,0,1,0,0,0,0,1)
    }
    90%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    93.333333%{
        -webkit-transform:matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1)
    }
    96.666667%{
        -webkit-transform:matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1)
    }
    100%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
}
@keyframes anim-jelly{
    0%{
        -webkit-transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)
    }
    3.333333%{
        -webkit-transform:matrix3d(.32778,0,0,0,0,.32778,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.32778,0,0,0,0,.32778,0,0,0,0,1,0,0,0,0,1)
    }
    6.666667%{
        -webkit-transform:matrix3d(.69875,0,0,0,0,.69875,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.69875,0,0,0,0,.69875,0,0,0,0,1,0,0,0,0,1)
    }
    10%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    13.333333%{
        -webkit-transform:matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1)
    }
    16.666667%{
        -webkit-transform:matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1)
    }
    20%{
        -webkit-transform:matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1)
    }
    23.333333%{
        -webkit-transform:matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1)
    }
    26.666667%{
        -webkit-transform:matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1)
    }
    30%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    33.333333%{
        -webkit-transform:matrix3d(.9603,0,0,0,0,.9603,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.9603,0,0,0,0,.9603,0,0,0,0,1,0,0,0,0,1)
    }
    36.666667%{
        -webkit-transform:matrix3d(.94663,0,0,0,0,.94663,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.94663,0,0,0,0,.94663,0,0,0,0,1,0,0,0,0,1)
    }
    40%{
        -webkit-transform:matrix3d(.95217,0,0,0,0,.95217,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.95217,0,0,0,0,.95217,0,0,0,0,1,0,0,0,0,1)
    }
    43.333333%{
        -webkit-transform:matrix3d(.96784,0,0,0,0,.96784,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.96784,0,0,0,0,.96784,0,0,0,0,1,0,0,0,0,1)
    }
    46.666667%{
        -webkit-transform:matrix3d(.98559,0,0,0,0,.98559,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.98559,0,0,0,0,.98559,0,0,0,0,1,0,0,0,0,1)
    }
    50%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    53.333333%{
        -webkit-transform:matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1)
    }
    56.666667%{
        -webkit-transform:matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1)
    }
    60%{
        -webkit-transform:matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1)
    }
    63.333333%{
        -webkit-transform:matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1)
    }
    66.666667%{
        -webkit-transform:matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1)
    }
    70%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    73.333333%{
        -webkit-transform:matrix3d(.9981,0,0,0,0,.9981,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.9981,0,0,0,0,.9981,0,0,0,0,1,0,0,0,0,1)
    }
    76.666667%{
        -webkit-transform:matrix3d(.99745,0,0,0,0,.99745,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99745,0,0,0,0,.99745,0,0,0,0,1,0,0,0,0,1)
    }
    80%{
        -webkit-transform:matrix3d(.99771,0,0,0,0,.99771,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99771,0,0,0,0,.99771,0,0,0,0,1,0,0,0,0,1)
    }
    83.333333%{
        -webkit-transform:matrix3d(.99846,0,0,0,0,.99846,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99846,0,0,0,0,.99846,0,0,0,0,1,0,0,0,0,1)
    }
    86.666667%{
        -webkit-transform:matrix3d(.99931,0,0,0,0,.99931,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(.99931,0,0,0,0,.99931,0,0,0,0,1,0,0,0,0,1)
    }
    90%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
    93.333333%{
        -webkit-transform:matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1)
    }
    96.666667%{
        -webkit-transform:matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1)
    }
    100%{
        -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
        transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
    }
}
.cart-list-box{
    top:80px;
    right:100px;
    width:300px;
    padding:0;
    position:absolute;
    z-index:10;
    margin-top:5px;
    background-color:#fff;
    border:1px solid #efefef;
    border-radius:3px;
    min-height:355px;
    -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.12);
    -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.12);
    box-shadow:0 1px 3px 0 rgba(0,0,0,.12)
}
.cart-list-box .heading{
    display:table;
    width:100%;
    border-bottom:1px solid #e6ebed;
    padding:0 15px!important;
    height:36px;
    line-height:36px;
    background-color:#f7f7f7;
    color:#000;
    font-size:20px;
    font-weight:600
}
.cart-list-box .dropdown-footer{
    position:absolute;
    bottom:0;
    text-align:center;
    width:100%;
    background:#000;
    padding:5px 0;
    color:#fff
}
.cart-list-box .dropdown-footer a{
    color:#fff
}
.cart-list-box .cart-list{
    color:#000;
    padding:7px 5px;
    border-bottom:1px solid #e6ebed
}
.cart-list-box .cart-list:hover{
    background-color:#eee
}
.cancle-reasons{
    padding:0 10px;
    background:#fff;
    border-right:1px solid #ddd
}
.left-section .cancle-reasons h5{
    font-size:1.5em;
    color:#000
}
.left-section .cancle-reasons li{
    padding:5px 0;
    border-bottom:1px solid #ccc
}
.left-section .cancle-reasons li label{
    font-size:15px;
    color:#191919;
    font-weight:600;
    height:auto;
    font-size:1.2em
}
.cancle-reasons .cancle-reason-desc span{
    width:100%;
    display:block;
    color:#4285f4;
    font-weight:400;
    margin-bottom:5px;
    font-size:1.3em
}
.content-flyout .request-popup{
    position:relative;
    float:left;
    width:100%
}
.content-flyout .left-section{
    overflow:hidden;
    position:absolute;
    width:50%;
    height:100%;
    border-right:1px solid #ddd;
    background:#fff
}
@media only screen and (min-width:3840px){
    .center-content{
        left:120px
    }
    .gifts-list{
        margin-top:50px;
        height:1800px!important
    }
}
@media only screen and (min-width:1600px){
    .body{
        background-color:#00000030;
        width:100%;
        background-size:cover;
        position:fixed;
        padding-bottom:0
    }
}
@media only screen and (max-width:1450px){
    .container{
        width:100%
    }
}
@media only screen and (max-width:1024px){
    .utzo-wrapper .center-content section{
        position:relative
    }
    .request-step-1 .next-prev,.request-step-2 .next-prev,.request-step-3 .next-prev{
        position:absolute;
        bottom:5px
    }
    .half-view{
        margin-top:20px;
        width:calc(100% - 30px);
        position:absolute;
        bottom:5px;
        transition:all .3s
    }
    .dashboard-carousel .owl-item .item a div:nth-child(1){
        width:auto
    }
    .flow-step-2 .service-list{
        max-height:300px
    }
    .request-step-5 .get-connected{
        position:absolute;
        bottom:9px;
        width:auto;
        z-index:99;
        white-space:nowrap
    }
}
@media only screen and (max-width:992px){
    .search-location .input-group-field{
        width:100%
    }
}
@media only screen and (max-width:768px){
    .utzo-wrapper .center-content section{
        min-height:calc(100vh - 100px);
        width:95%;
        margin:0 auto;
        position:relative
    }
    .request-step-1 .next-prev,.request-step-2 .next-prev,.request-step-3 .next-prev,.request-step-4 .next-prev{
        position:absolute;
        bottom:6px
    }
    .flow-step-2 .service-list{
        max-height:300px
    }
    .request-step-5 .get-connected{
        position:absolute;
        bottom:-3px;
        width:auto;
        z-index:99;
        white-space:nowrap
    }
    .eta-options-new{
        padding:0!important;
        padding-right:0!important
    }
    .main-search i{
        position:absolute;
        top:15px;
        font-size:22px
    }
    .main-search svg{
        position:absolute;
        top:18px;
        font-size:22px
    }
    .main-search input{
        padding:12px 12px 12px 45px;
        font-size:22px!important
    }
    .modal:before{
        position:absolute
    }
    .modal-dialog{
        min-width:75%;
        max-width:95%!important
    }
    .request-step-5 .get-connected{
        width:auto;
        margin-top:auto;
        white-space:nowrap
    }
    .content-flyout .left-section{
        width:100%
    }
    .request-profile{
        left:0;
        width:100%
    }
    .descriptiion-new textarea{
        height:26vh!important
    }
    .upload-pic-new .dropzone .dz-default.dz-message{
        height:25.1vh!important;
        min-height:25.1vh!important
    }
    .full-view{
        margin-top:20px;
        width:calc(100% - 30px);
        transition:all .3s
    }
    .half-view{
        margin-top:20px;
        width:calc(100% - 30px);
        transition:all .3s
    }
    .full-view.with-items,.half-view.with-items{
        transition:all .3s
    }
    .gift-head-bg{
        height:auto!important
    }
}
@media only screen and (max-width:568px){
    .gift-contents h4{
        display:none
    }
    .google-btn{float: none !important;margin: 6px auto;}
    .user_name_section .pl-2, .px-2{padding-left: 1rem !important;}
}
@media only screen and (max-width:425px){
    /*body *{
        font-size:14px!important
    }*/
    .main-search input{
        padding:5px 5px 5px 30px;
        font-size:18px!important
    }
    .main-search i{
        top:9px;
        left:9px;
        font-size:16px!important
    }
    .main-category{
        margin-top:15px;
        max-height:calc(100vh - 348px)
    }
    .service-list-new-flow .carousel-main{
        margin-top:25px
    }
    .cart-list-one{
        max-height:140px
    }
    .add-items{
        top:20px
    }
    .flow-step-2 .carousel-main{
        margin-top:0;
        margin-bottom:25px!important
    }
    .dashboard-carousel{
        height:115px
    }
    .dashboard-carousel .owl-item a i{
        font-size:28px!important
    }
    .dashboard-carousel .owl-item .item a div,.dashboard-carousel .owl-item .item a div:nth-child(1){
        height:40px
    }
    .dashboard-carousel .owl-item .cs{
        height:25px!important;
        line-height:24px
    }
    .dashboard-carousel .owl-item label{
        height:35px;
        margin-top:4px;
        margin-bottom:0;
        line-height:17px;
        font-size:14px
    }
    .dashboard-carousel .owl-carousel .owl-nav button.owl-next,.dashboard-carousel .owl-carousel .owl-nav button.owl-prev{
        top:40px!important
    }
    .dashboard-carousel .owl-carousel .owl-nav button.owl-next span,.dashboard-carousel .owl-carousel .owl-nav button.owl-prev span{
        font-size:32px!important;
        font-weight:600
    }
    .add-items ul li a,.cart-list-one ul li a{
        padding:5px 10px!important;
        line-height:22px
    }
    .next-prev a i{
        font-size:32px!important
    }
    .utzo-wrapper .center-content section{
        min-height:calc(100vh - 148px);
        width:95%;
        margin:0 auto
    }
    .bottom-right{
        bottom:75px
    }
    .bottom-right a,.bottom-right a.wrench{
        padding:5px 15px;
        width:35px!important;
        height:35px!important
    }
    .bottom-right a.left-arrow i{
        padding:0;
        position:relative;
        left:-7px;
        top:0
    }
    .bottom-right a i{
        font-size:20px!important
    }
    .search-location .input-group-field{
        margin-left:10px!important;
        width:calc(100% - 82px)
    }
    .search-location .input-group-field input{
        font-size:20px!important;
        line-height:28px;
        margin-bottom:0
    }
    .search-location{
        padding:5px
    }
    .address-div button{
        margin-top:0
    }
    .address-div button i{
        font-size:22px!important
    }
    .eta-options-new ul{
        display:flex
    }
    .eta-circle{
        line-height:50px;
        width:50px;
        height:50px;
        margin-bottom:5px
    }
    .eta-option-wrapper .cir-label{
        font-size:14px!important;
        line-height:18px
    }
    .eta-options ul li .heading{
        font-weight:600
    }
    .desc-details{
        padding:0 10px 10px
    }
    .descriptiion-new textarea{
        height:18vh!important
    }
    .upload-pic-new{
        min-height:26vh
    }
    .upload-pic-new ul li.ut-add-btn{
        width:50px;
        height:50px;
        margin:5px
    }
    .for-enlarge-img{
        padding:5px
    }
    .request-step-5 .get-connected a{
        font-size:14px!important;
        width:auto;
        z-index:99
    }
    .carousel-heading{
        padding:5px 5px;
        line-height:18px;
        font-weight:600
    }
    .modal:before{
        position:absolute
    }
    .modal-dialog{
        min-width:75%;
        max-width:95%!important
    }
    .doc-details .content-box i,.modal-dialog .eta-circle{
        font-size:24px!important
    }
    .modal-dialog .doc-details .content-box div,.modal-dialog .doc-details .content-box label{
        font-size:16px!important
    }
    .modal-dialog .eta-options ul li .heading{
        font-size:18px
    }
}
.ofer-list-wraper .col-md-5ths{
    width:100%;
    margin:20px 0
}
.ofer-list-wraper a{
    text-decoration:none;
    background:#fff;
    display:flex
}
.ofer-img span{
    display:none
}
.ofer-img{
    overflow:hidden;
    width:17%;
    position:relative
}
.ofer-img img{
    width:100%
}
.ofer-list-wraper a i{
    background-color:#f7f7f7;
    color:#000;
    font-size:25px;
    border-radius:50%;
    padding:15px;
    margin-top:-49px;
    position:relative;
    top:-14px;
    margin-left:20px;
    display:none
}
.ofer-content{
    padding:0 20px 5px;
    min-height:160px;
    position:relative;
    width:100%
}
.ofer-content h4{
    margin:5px 0;
    text-transform:uppercase;
    font-size:24px;
    color:#000;
    font-weight:700
}
.ofer-content h5{
    margin:10px 0;
    font-size:18px;
    font-weight:400
}
.ofer-content .offer-warranty{
    font-size:23px;
    color:#000
}
.ofer-content p{
    color:#818181;
    font-size:16px!important;
    white-space:nowrap;
    position:absolute;
    bottom:0;
    margin-bottom:0
}
.ofer-list-wraper .g-list{
    padding:0!important;
    border:0!important
}
.rm-btn{
    background-color:#e1e1e1;
    color:#000;
    position:absolute;
    bottom:0;
    right:115px;
    font-weight:700;
    padding:8px 20px;
    border:0;
    font-size:15px
}
.rm-btn:focus{
    border:0;
    border-radius:0;
    outline:0
}
.services-title h4{
    margin-top:10px;
    margin-bottom:0;
    font-size:32px
}
.availableon{
    font-size:20px;
    margin-top:25px;
    color:#717171
}
.availableon span{
    color:#000;
    font-size:22px!important
}
.safety-baner img{
    width:100%
}
.safety-heading{
    background-color:#000;
    font-size:36px;
    color:#fff;
    text-align:center;
    padding:25px 0
}
.top-shield{
    margin-top:40px;
    color:#000;
    width:80px
}
.shield-content h2{
    font-weight:700;
    margin-top:10px;
    text-transform:uppercase
}
body.safety-pg h3{
    width:100%;
    display:inline-block;
    margin:0
}
.shield-content h3{
    width:100%;
    font-size:34px;
    text-align:center;
    display:inline-block;
    padding:20px 0 45px;
    line-height:50px;
    font-weight:700
}
.sc-wraper{
    padding:80px 0
}
.safety-content{
    padding:25px 0;
    margin-bottom:20px
}
.safety-content .col-md-2{
    position:relative
}
body.safety-pg h3{
    width:100%;
    display:inline-block;
    margin:0
}
.safety-content h3{
    font-size:30px;
    line-height:40px;
    padding:0;
    font-weight:700;
    text-align:left
}
.safety-content p{
    margin-top:10px;
    font-size:16px;
    color:#000;
    line-height:22px;
    padding-bottom:34px
}
.safety-content .col-md-10 a{
    font-size:20px;
    border-top:1px solid #000;
    position:relative;
    top:31px;
    padding-top:15px;
    color:#000
}
.safety-content .col-md-10 a{
    font-size:20px;
    border-top:1px solid #000;
    position:relative;
    top:31px;
    padding-top:15px;
    color:#000
}
.safety-content .morelink{
    color:#000;
    margin-top:-9px
}
.safety-content .col-md-2 img{
    width:100%
}
.cal-action-section{
    border-top:1px solid #ebebeb;
    padding:70px 0;
    background-repeat:no-repeat;
    background-image:url(https://www.utzo.com/images/cal-action-bg-corner.png);
    background-position:top right
}
.cal-action-wraper{
    border:2px solid #000;
    background-color:#fff;
    display:flex;
    padding:25px 20px;
    width:90%;
    position:relative;
    padding:30px 20px
}
.suport-img-wraper{
    position:relative
}
.bdr-ripple-ani-btn{
    background-color:#fff;
    line-height:48px;
    text-align:center;
    border-radius:100%;
    box-sizing:border-box;
    color:#666;
    animation:at-ripple .6s linear infinite;
    overflow:hidden
}
.suport-img{
    width:138px;
    height:140px;
    border-radius:50%;
    border:2px solid;
    overflow:hidden;
    margin-right:15px;
    background-color:#fff
}
.online-alert{
    width:20px;
    left:110px;
    top:15px;
    height:20px;
    border-radius:50%;
    position:absolute;
    background-color:#39b54a
}
.suport-img img{
    width:103%
}
.safety-map{
    padding:0;
    position:relative
}
.safety-map img{
    width:100%
}
.safety-map .regular_btn{
    background-color:#000;
    border-radius:0;
    border:1px solid #000;
    color:#fff!important;
    font-size:26px;
    padding:10px 35px;
    margin:0 auto;
    width:263px;
    display:inherit;
    position:absolute;
    left:0;
    right:0;
    bottom:30px
}
.covid-res{
    margin-top:-90px;
    display:inline-block;
    border-top:0!important
}
.faq-wraper{
    background-color:#e2e2e2;
    padding:30px 0;
    margin-top:50px
}
.faq-wraper .panel-group{
    margin-bottom:20px
}
.faq-wraper h3{
    font-weight:700;
    font-size:30px;
    line-height:40px
}
.faq-wraper .panel-heading,.panel{
    background-color:transparent!important;
    border:0!important;
    padding:0!important;
    color:#000!important
}
.faq-wraper .panel a{
    display:block;
    font-size:24px;
    color:#000;
    padding:15px 0
}
.faq-wraper .panel a i{
    float:right
}
.ofer-terms{
    margin-bottom:50px;
    color:#000
}
.ofer-terms h3{
    font-weight:700;
    font-size:30px!important;
    line-height:40px
}
.ofer-terms p{
    font-weight:400;
    font-size:17px;
    line-height:26px;
    margin-left:0!important
}
.cal-action-wraper:before{
    content:"";
    background-image:url(https://www.utzo.com/images/cal-action-left-corner.png);
    width:196px;
    height:160px;
    position:absolute;
    left:0;
    background-size:63%;
    top:0;
    background-repeat:no-repeat
}
.cal-action-wraper:after{
    content:"";
    background-image:url(https://www.utzo.com/images/cal-action-right-corner.png);
    width:86px;
    height:66px;
    position:absolute;
    right:0;
    bottom:0;
    background-repeat:no-repeat
}
.suport-content a{
    font-size:22px;
    margin-top:35px;
    display:inline-block;
    color:#000
}
.cta-box .cta-inner .box3 a .img-cirle{
    position:relative;
    top:-37px;
    left:-20px;
    width:60px;
    height:60px;
    overflow:visible;
    border-radius:50%
}
.img-cirle.bdr-ripple-ani-btn{
    border-radius:50%;
    display:inherit;
    margin-top:5px;
    overflow:hidden;
    width:130px;
    height:50px;
    border:2px solid #ccc
}
.bdr-ripple-ani-btn{
    background:#fff;
    line-height:48px;
    text-align:center;
    border-radius:100%;
    box-sizing:border-box;
    color:#666;
    animation:at-ripple .6s linear infinite;
    overflow:hidden
}
.img-cirle.bdr-ripple-ani-btn{
    border-radius:50%;
    display:inherit;
    margin-top:5px;
    overflow:hidden;
    width:130px;
    height:50px;
    border:2px solid #ccc
}
.bdr-ripple-ani-btn.pink{
    color:#fff;
    animation:at-ripple-pink .6s linear infinite
}
.bdr-ripple-ani-btn.two{
    right:300px;
    z-index:2;
    position:fixed;
    bottom:50px
}
.bdr-ripple-ani-btn i{
    transform:rotate(0);
    transition:.5s ease
}
.bdr-ripple-ani-btn:hover i{
    transform:rotate(180deg)
}
@keyframes at-ripple{
    0%{
        box-shadow:0 4px 10px rgba(72,131,249,.1),0 0 0 0 rgba(72,131,249,.1),0 0 0 5px rgba(72,131,249,.1),0 0 0 10px rgba(72,131,249,.1)
    }
    100%{
        box-shadow:0 4px 10px rgba(72,131,249,.1),0 0 0 5px rgba(72,131,249,.1),0 0 0 10px rgba(72,131,249,.1),0 0 0 20px rgba(72,131,249,0)
    }
}
.SendSmsPage__TextInvitation>div{
    font-size:14px;
    font-weight:400
}
.s-responsive-bnr{
    display:none
}
.safety-baner{
    padding:0!important
}
.safety-map{
    padding:0!important
}
.faq-wraper .panel h4.panel-title{
    border-bottom:1px solid #acacac
}
.shield-content{
    background-color:#d8f4fe;
    border-bottom:10px solid #c1c1c1
}
.cal-action-section .col-md-6:last-child img{
    width:50%;
    margin-top:19px
}
.hvq a:hover{
    border-bottom:1px solid #000
}
.ofer-terms{
    padding:0;
    margin-top:50px
}
.how-gift img{
    width:100%
}
.ofer-detail-contents .btn-regular{
    background-color:#000;
    color:#fff;
    border-radius:0
}
.ofer-detail-contents .btn-regular:hover{
    background-color:transparent;
    border:1px solid #000;
    color:#000
}
.how-gift ul::before{
    content:"";
    height:75%;
    border-left:2px solid #000;
    position:absolute;
    left:19px
}
.how-gift ul li::before{
    content:"";
    position:absolute;
    left:11px;
    border:3px solid #fff;
    height:18px;
    width:18px;
    background-color:#000
}
.how-gift ul li{
    margin:45px 0
}
.hvq a{
    border-bottom:1px solid #fff
}
.hvq h3{
    margin-top:20px!important
}
#offerModel{
    overflow-y:inherit!important
}
.how-gift h3{
    margin-bottom:25px!important
}
.faq-wraper .panel a{
    display:block;
    font-size:24px;
    color:#000;
    padding:15px 0
}
.hvq .btn-regular{
    background-color:#000;
    padding:10px 25px;
    display:inline-block;
    margin-top:20px;
    color:#fff;
    text-transform:uppercase;
    font-size:22px!important;
    border-radius:0
}
.valid-til span{
    color:#717171;
    margin-right:3px;
    font-size:22px!important
}
.valid-til p{
    color:#000;
    font-size:22px!important;
    margin-top:5px
}
.valid-til{
    display:flex
}
.hvq .btn-regular:hover{
    background-color:transparent;
    border:1px solid #000;
    color:#000!important
}
.ofer-detail-contents h3{
    text-transform:uppercase;
    font-size:52px;
    font-weight:700;
    margin-bottom:0;
    margin-top:65px
}
.how-gift ul li:first-child{
    margin-top:0
}
.service-details .offer-warranty{
    font-size:44px;
    line-height:50px;
    margin:10px 0;
    display:inline-block
}
.promo-tabs .nav-link{
    color:#000;
    border-radius:0!important;
    font-size:24px
}
.promo-tabs .nav-link:hover{
    border:1px solid #000;
    color:#fff;
    background-color:#000
}
.promo-tabs .nav-link.active{
    border:1px solid #000;
    color:#fff;
    background-color:#000
}