@font-face{
    font-family:open_sansregular;
    src:url(../fonts/opensans-regular-webfont.woff2) format('woff2'),url(../fonts/opensans-regular-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:open_sansbold;
    src:url(../fonts/opensans-bold-webfont.woff2) format('woff2'),url(../fonts/opensans-bold-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
body{
    margin:0;
    padding:0;
    font-family:open_sansregular;
    font-weight:600;
    background:#fff
}
iframe .ytp-chrome-top.ytp-show-watch-later-title{
    display:none!important
}
h1,h2,h3,h4,h5,h6{
    font-family:open_sansregular!important;
    margin:0;
    padding:0
}
.dev_mode_header{
    padding:25px!important;
    font-weight:700;
    color:#f11;
    font-size:27px
}
.dev_mode_footer{
    padding:30px!important;
    font-weight:700;
    font-size:18px;
    color:#f11
}
.font-italic{
    font-style:italic
}
#colorbox{
    position:fixed!important;
    top:18%!important
}
.ckbox input[type=checkbox]{
    opacity:0
}
[type=checkbox]+label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:inline-block;
    height:25px;
    margin:0 0 2px!important;
    line-height:25px;
    font-size:14px;
    font-weight:400;
    color:#333;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none
}
.ckbox label:before,.rdio label:before{
    width:20px;
    height:20px;
    position:absolute;
    top:0;
    left:0;
    content:'';
    display:inline-block;
    border:1px solid #bbb;
    background:#fff
}
[type=checkbox]:checked+label:before{
    top:-4px;
    left:-5px;
    width:12px;
    height:22px;
    border-top:2px solid transparent;
    border-left:2px solid transparent;
    border-right:2px solid #34aa54;
    border-bottom:2px solid #34aa54;
    -webkit-transform:rotate(40deg);
    transform:rotate(40deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
}
[type=checkbox]+label:before,[type=checkbox]:not(.filled-in)+label:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:18px;
    height:18px;
    z-index:0;
    border:1px solid #999;
    margin-top:3px;
    transition:.2s
}
.ckbox input[type=checkbox]:checked+label::after{
    font-family:FontAwesome;
    content:"\F00C";
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    font-size:10px;
    width:20px;
    height:20px;
    line-height:20px;
    color:#fff;
    text-align:center;
    font-weight:700
}
[type=checkbox]:not(.filled-in)+label:after{
    border:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
[type=checkbox]:checked,[type=checkbox]:not(:checked){
    position:absolute;
    left:-9999px;
    opacity:0
}
.form-control{
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.col-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-5ths{
    position:relative;
    min-height:1px;
    padding-right:10px;
    padding-left:10px
}
.col-xs-5ths{
    width:20%;
    float:left
}
@media (min-width:768px){
    .col-sm-5ths{
        width:20%;
        float:left
    }
    .search-text{
        width:calc(750px - 220px)
    }
}
@media (min-width:992px){
    .col-md-5ths{
        width:20%;
        float:left
    }
    .search-text{
        width:calc(970px - 220px)
    }
}
@media (min-width:1200px){
    .col-lg-5ths{
        width:20%;
        float:left
    }
    .search-text{
        width:calc(1170px - 220px)
    }
}
.dblock{
    display:block!important
}
.relative{
    position:relative!important
}
.absolute{
    position:absolute!important
}
.txt-danger{
    color:#e94335!important
}
.txt-primary{
    color:#4285f4!important
}
.txt-inverse{
    color:#252525!important
}
.txt-success{
    color:#34aa54!important
}
.txt-gray{
    color:#b3b3b3!important
}
.txt-black{
    color:#000!important
}
.navy-blue{
    color:#1b3c72!important
}
.txt-white{
    color:#fff!important
}
.bkg-orange{
    background-color:#e54234!important
}
.bkg-green{
    background-color:#34a753!important;
    color:#fff
}
.bkg-sky-blue{
    background-color:#4285f4!important
}
.bkg-yellow{
    background-color:#fbbc05!important
}
.bkg-red{
    background-color:#e40000!important;
    color:#fff
}
.bkg-gray{
    background-color:#f4f4f4!important
}
.v-bkg-gray{
    background-color:#5d5c5c!important
}
.bkg-dark-gray{
    background-color:#2a2a2a!important;
    color:#fff
}
.bkg-white{
    background-color:#fff!important
}
.bkg-dark-normal{
    background-color:#e3e3e3!important;
    color:#fff
}
.fa-8{
    font-size:8px
}
.fa-10{
    font-size:10px!important
}
.fa-12{
    font-size:12px!important
}
.fa-13{
    font-size:13px!important
}
.fa-14{
    font-size:14px!important
}
.fa-16{
    font-size:16px!important
}
.fa-18{
    font-size:18px!important
}
.fa-20{
    font-size:20px!important
}
.fa-22{
    font-size:22px!important
}
.fa-24{
    font-size:24px!important
}
.fa-26{
    font-size:26px!important
}
.fa-28{
    font-size:28px!important
}
.fa-30{
    font-size:30px!important
}
.fa-32{
    font-size:32px!important
}
.fa-34{
    font-size:34px!important
}
.fa-36{
    font-size:36px!important
}
.fa-38{
    font-size:38px!important
}
.fa-40{
    font-size:40px!important
}
.fa-42{
    font-size:42px!important
}
.fa-44{
    font-size:44px!important
}
.fa-46{
    font-size:46px!important
}
.fa-48{
    font-size:48px!important
}
.fa-50{
    font-size:50px!important
}
.fa-52{
    font-size:52px!important
}
.fa-54{
    font-size:54px!important
}
.fa-56{
    font-size:56px!important
}
.fa-58{
    font-size:58px!important
}
.fa-60{
    font-size:60px!important
}
.fa-62{
    font-size:62px!important
}
.fa-64{
    font-size:64px!important
}
.fa-66{
    font-size:66px!important
}
.fa-68{
    font-size:68px!important
}
.fa-70{
    font-size:70px!important
}
.single-line-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.no-padding{
    padding:0!important
}
.p-5{
    padding:5px!important
}
.p-10{
    padding:10px!important
}
.p-15{
    padding:15px!important
}
.p-20{
    padding:20px!important
}
.p-25{
    padding:25px!important
}
.p-30{
    padding:30px!important
}
.p-35{
    padding:35px!important
}
.p-40{
    padding:40px!important
}
.p-45{
    padding:45px!important
}
.p-50{
    padding:50px!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
}
.pt-30{
    padding-top:30px!important
}
.pt-40{
    padding-top:40px!important
}
.pt-50{
    padding-top:50px!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
}
.pl-30{
    padding-left:30px!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
}
.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
}
.pb-25{
    padding-bottom:25px!important
}
.pb-30{
    padding-bottom:30px!important
}
.pb-35{
    padding-bottom:35px!important
}
.pb-40{
    padding-bottom:40px!important
}
.no-margin{
    margin:0!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
}
.mt-50{
    margin-top:50px!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
}
.mr-45{
    margin-right:45px!important
}
.mr-50{
    margin-right:50px!important
}
.mr-55{
    margin-right:55px!important
}
.mr-60{
    margin-right:60px!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
}
.relative{
    position:relative!important
}
.loading-bg-radius{
    background-color:#e3e3e3!important;
    border-radius:30px;
    height:453px;
    border:none;
    outline:no
}
.border-radius0{
    border-radius:0!important
}
header{
    position:absolute;
    width:100%
}
header h3{
    margin:20px 0;
    text-align:center;
    color:#fff;
    font-weight:600;
    font-size:20px
}
.navbar{
    margin-bottom:0;
    position:absolute;
    top:0;
    width:100%
}
.navbar-header h3{
    float:left;
    display:inline;
    margin:0;
    position:relative;
    left:5%;
    color:#fff;
    top:24px;
    font-weight:700;
    font-size:20px
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
    margin-right:0;
    margin-left:0
}
.navbar.affix-top{
    width:100%;
    height:92px;
    box-shadow:0 0 10px rgba(0,0,0,.5);
    transition:all .3s;
    background:#fff
}
.affix{
    top:0;
    width:100%;
    z-index:9999!important
}
header{
    z-index:9999!important
}
.navbar .container-fuild{
    padding:0
}
.txt-gray{
    color:#b3b3b3!important
}
#return-to-top{
    position:fixed;
    bottom:20px;
    right:15px;
    background:rgba(0,0,0,.7);
    width:50px;
    height:50px;
    display:block;
    z-index:9999;
    text-decoration:none;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
    display:none;
    -webkit-transition:.6s ease-out;
    -moz-transition:.6s ease-out;
    transition:.6s ease-out;
    background-color:#aeaeae
}
#return-to-top i{
    color:#3f3f3f;
    margin:0;
    position:relative;
    left:6px;
    font-size:40px;
    font-weight:700
}
#return-to-top:hover{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2)
}
.navbar-fixed-top{
    top:0
}
.top-row{
    background:#404040;
    top:0
}
.top-row .icons{
    display:inline-block;
    float:right
}
.android-icon,.ios-icon{
    text-align:center;
    display:inline-block;
    margin:0 0 0 5px
}
.android-icon a,.ios-icon a{
    text-decoration:none;
    outline:0;
    border:none;
    font-size:26px;
    font-family:FontAwesome;
    font-style:normal;
    color:#fff;
    transition:.3s
}
.android-icon a i,.ios-icon a i{
    font-style:normal
}
.android-icon a:hover,.ios-icon a:hover{
    color:#ccc
}
.explorer-btn{
    text-align:center;
    position:absolute;
    top:0;
    left:45%
}
.explorer-btn a{
    background:#333;
    border-radius:0;
    margin:0 5px 5px;
    color:#fff;
    display:inline-block;
    font-size:18px;
    padding:7px 8px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    width:110px;
    white-space:nowrap;
    overflow:hidden
}
.explorer-btn a i{
    margin-right:5px;
    font-size:22px
}
.explorer-btn a:active,.explorer-btn a:focus,.explorer-btn a:hover{
    background:#000;
    outline:0;
    border:none;
    text-decoration:none;
    color:#f1f1f1;
    width:110px
}
.pros-near-btn{
    text-align:center;
    position:relative;
    z-index:9;
    margin:0 auto;
    color:#fff;
    background-color:#fff
}
.pros-near-btn a{
    color:#000;
    font-size:24px;
    font-weight:bolder;
    border-radius:0;
    color:#fff
}
.top-space-100{
    padding-top:50px;
    background:#fff
}
.pros-near-btn a:active,.pros-near-btn a:focus,.pros-near-btn a:hover{
    outline:0;
    border:none;
    text-decoration:none;
    color:rgba(256,256,256,.6)
}
.head-right{
    float:right;
    position:absolute;
    right:0;
    top:25px;
    z-index:9
}
.navbar-brand{
    position:absolute;
    top:0;
    margin-top:20px;
    padding:0;
    margin-left:20px
}
.navbar-brand img{
    width:150px
}
.login-dropdown{
    float:left;
    position:absolute;
    right:96px!important;
    width:335px
}
.login-dropdown .login{
    margin-right:20px
}
.login-dropdown .login .dropdown-menu li{
    float:none
}
li.user .user-img{
    width:45px;
    margin-top:-5px;
    height:45px;
    float:left;
    margin-right:10px;
    display:inline-block;
    overflow:hidden;
    border-radius:50%
}
li.user .user-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.not-clickable{
    margin:0 20px
}
li.user ul.dropdown-menu li{
    float:none
}
.not-clickable a:hover{
    text-decoration:none;
    color:#3091d5;
    background-color:transparent!important
}
.not-clickable a:focus{
    background-color:transparent!important;
    text-decoration:none
}
.login-dropdown li{
    float:left
}
.toogle-nav{
    margin:10px 20px 0 14px;
    float:right
}
.login-dropdown .toogle-nav li a:hover,li a:focus{
    background-color:transparent!important
}
.login-dropdown .dropdown-toggle{
    color:#fff
}
.login-dropdown .dropdown-toggle:hover{
    background-color:transparent!important
}
.login-dropdown .dropdown-toggle:focus{
    background-color:transparent!important
}
.login-dropdown .dropdown-toggle:hover{
    text-decoration:none
}
.login-dropdown .dropdown-toggle:focus{
    text-decoration:none
}
.login-dropdown .dropdown-menu>li>a{
    padding:10px 35px;
    background:#fff
}
.login-dropdown ul.dropdown-menu{
    border-radius:0;
    margin-top:10px
}
#toggle1{
    display:block;
    width:45px;
    height:30px;
    float:right
}
#toggle1 span:after,#toggle1 span:before{
    content:"";
    position:absolute;
    left:0;
    top:-9px
}
#toggle1 span:after{
    top:9px
}
#toggle1 span{
    position:relative;
    display:block
}
#toggle1 span,#toggle1 span:after,#toggle1 span:before{
    width:100%;
    height:4px;
    background-color:#fff;
    transition:all .3s;
    backface-visibility:hidden
}
#toggle1.on span{
    background-color:transparent
}
#toggle1.on span:before{
    transform:rotate(45deg) translate(5px,5px)
}
#toggle1.on span:after{
    transform:rotate(-45deg) translate(7px,-8px)
}
#toggle1+#menu{
    display:none
}
#toggle1.on+#menu{
    display:block;
    position:relative;
    z-index:9999999;
    visibility:visible;
    opacity:1
}
#menu{
    position:relative;
    color:#999;
    width:200px;
    padding:10px;
    margin:auto;
    text-align:left;
    background:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,.05);
    opacity:0;
    visibility:hidden;
    transition:opacity .4s;
    top:40px
}
.not-clickable a:focus{
    background-color:none!important
}
.not-clickable a:hover{
    background-color:none!important
}
#menu:after{
    position:absolute;
    top:-20px;
    right:8px;
    content:"";
    display:block;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:20px solid #fff
}
.toogle-nav ul,li,li a{
    list-style:none;
    display:block;
    margin:0;
    padding:0;
    color:#000;
    text-decoration:none
}
li.nav-phone a{
    color:#fff
}
.toogle-nav li a{
    padding:10px 15px;
    color:#888;
    text-decoration:none;
    transition:all .2s;
    font-size:20px!important
}
.toogle-nav li a:hover,li a:focus{
    background:#000!important;
    color:#fff
}
.pros-near-btn i{
    display:inline-block;
    animation:bounce 2.5s infinite;
    font-size:40px;
    margin-top:30px;
    color:#3091d5
}
@-webkit-keyframes bounce{
    0%,100%,20%,60%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    80%{
        -webkit-transform:translateY(-7px);
        transform:translateY(-7px)
    }
}
@keyframes bounce{
    0%,100%,20%,60%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    80%{
        -webkit-transform:translateY(-7px);
        transform:translateY(-7px)
    }
}
.navbar.affix{
    background-color:#fff;
    transition:all .3s;
    box-shadow:0 0 10px rgba(0,0,0,.5)
}
.navbar .navbar-header{
    height:91px
}
.navbar .logo{
    height:auto;
    padding:13px 0;
    margin-top:8px;
    margin-left:20px;
    position:relative;
    z-index:999
}
.navbar .logo img{
    width:150px
}
.nav .logo a{
    cursor:pointer
}
.vdo-container{
    background-color:#fff;
    margin:0;
    padding:0;
    overflow:hidden
}
ul.navbar-nav li a{
    line-height:31px
}
.navbar-nav li a{
    padding:20px 10px;
    font-size:18px;
    font-weight:600;
    color:#fff;
    transition:all .5s
}
.navbar-nav a,.navbar-nav li a:hover{
    color:#3091d5;
    background-color:transparent
}
.navbar-nav li.user a{
    padding:15px 15px!important;
    font-size:16px;
    font-weight:600;
    color:#fff;
    transition:all .5s
}
.navbar-nav li.open a.dropdown-toggle{
    line-height:50px;
    padding:15px 15px!important;
    color:#3091d5
}
.dropdown-menu{
    border:0
}
.nav>li>a:focus,.nav>li>a:hover{
    background-color:transparent
}
.navbar-nav li.user a:focus{
    color:#3091d5;
    background-color:transparent
}
.navbar-nav li.user a .user-img{
    width:45px;
    height:45px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    float:left;
    margin-right:5px;
    position:relative;
    margin-top:2px
}
.navbar-nav li.user a img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    object-position:center center;
    position:absolute
}
.user .dropdown-menu{
    padding:0
}
.dropdown-menu li a{
    color:#000!important
}
.dropdown-menu li a:hover{
    color:#3091d5!important
}
.navbar-nav .open a{
    color:#3091d5
}
.navbar-nav li.login a:hover,.navbar-nav li.user a:hover{
    color:#3091d5
}
.navbar-nav li.login ul li:first-child a{
    padding-bottom:0!important
}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{
    background:#3091d5!important
}
.navbar-nav li.login ul li a{
    padding:15px 20px!important
}
.login .dropdown-menu{
    padding:0
}
.navbar-header .navbar-toggle{
    background:red;
    color:#fff;
    margin-top:15px;
    margin-right:0
}
.navbar-toggle .icon-bar{
    background:#fff
}
.view-pasword{
    float:right;
    margin-top:-40px
}
.view-pasword:hover{
    text-decoration:none
}
.view-pasword i{
    color:#999;
    font-size:30px
}
#google_translate_element{
    position:absolute;
    top:6px;
    left:20px
}
#google_translate_element a,#google_translate_element a:hover{
    background-color:none;
    padding:0
}
.banner{
    height:335px;
    width:100%;
    position:relative;
    margin-bottom:20px;
    text-align:center
}
.index-banner{
    position:relative;
    width:57%
}
.index-banner img{
    width:100%
}
.banner-content{
    width:100%;
    z-index:9;
    padding-top:15px;
    background-color:#fff;
    padding-bottom:56px
}
.bg-transparent{
    background:rgba(0,0,0,.6);
    position:absolute;
    top:0;
    left:0;
    z-index:1!important
}
.banner .carousel-main{
    margin:0
}
.banner .owl-nav{
    top:35%!important
}
.banner .owl-prev{
    top:44%!important;
    left:25px!important;
    border:2px solid #fff;
    border-radius:50%;
    width:50px;
    height:50px
}
.banner .owl-next{
    top:44%!important;
    left:95%!important;
    border:2px solid #fff;
    border-radius:50%;
    width:50px;
    height:50px
}
.banner .owl-carousel .owl-item img{
    height:335px!important
}
.banner-aboutus{
    width:100%;
    position:relative;
    background-color:#000;
    color:#fff;
    padding-bottom:25px;
    text-align:center
}
.ripple-img{
    position:absolute;
    bottom:22px;
    left:13.6%
}
.search-zip{
    height:98vh;
    position:relative
}
.header-search{
    position:relative
}
.search-bar{
    margin-top:20px
}
.search-auto-suggestion{
    background:#fff;
    border:1px solid rgba(0,0,0,.2);
    width:-webkit-fill-available;
    position:absolute;
    z-index:9;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
    width:74%
}
.search-auto-suggestion::-webkit-scrollbar{
    width:7px
}
.search-auto-suggestion::-webkit-scrollbar-track{
    background:#f1f1f1
}
.search-auto-suggestion::-webkit-scrollbar-thumb{
    background:#404040
}
.search-auto-suggestion::-webkit-scrollbar-thumb:hover{
    background:#555
}
.search-auto-suggestion a i{
    font-size:22px;
    font-size:22px;
    background:#3091d5;
    color:#fff;
    border-radius:50%;
    padding:5px;
    margin-right:6px;
    transform:all .3s;
    display:none
}
.baner-txt{
    text-align:center;
    font-size:24px;
    opacity:.9;
    color:#000;
    width:62%;
    margin:0 auto;
    font-family:open_sansregular
}
.search-auto-suggestion a .label{
    background:0 0;
    color:#404040;
    font-size:16px
}
.search-auto-suggestion a{
    color:#404040;
    line-height:inherit;
    text-decoration:none;
    display:block;
    text-align:left;
    padding:12px 10px;
    border-bottom:1px solid #f1f1f1;
    transform:all .3s
}
.search-auto-suggestion a:hover{
    background:#fbfbfb;
    transform:all .3s
}
.search-auto-suggestion a:focus,.search-auto-suggestion a:focus .label{
    background:#3091d5;
    color:#fff!important
}
.search-auto-suggestion a:hover i{
    background:#404040;
    transform:all .3s
}
.header-search .input-group input{
    padding:25px 20px;
    font-weight:400;
    background:#fff;
    box-shadow:none;
    font-family:open_sansregular;
    font-size:20px
}
.header-search .input-group .input-group-addon{
    background:#3091d5;
    color:#fff;
    font-size:28px;
    padding:0 50px;
    border:none;
    transition:all .3s ease;
    font-family:open_sansregular
}
.cart{
    font-weight:600;
    background:red;
    height:70px;
    min-width:120px;
    max-width:150px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    float:right;
    transition:all .3s;
    width:100%;
    z-index:9999!important;
    position:fixed;
    top:190px;
    right:5px
}
.cart.affix-top{
    transition-timing-function:linear;
    right:0;
    position:relative;
    z-index:99
}
.cart.affix{
    transition-timing-function:linear;
    top:190px;
    right:5px
}
.cart a{
    padding:10px 15px;
    display:inline-block
}
.cart a i{
    text-decoration:none;
    color:#fff;
    font-size:40px;
    display:inline-block;
    margin-right:6px;
    float:left
}
.cart-items{
    text-align:center;
    font-size:20px;
    color:#fff;
    overflow:hidden;
    display:inline-block;
    line-height:21px
}
.cart-items span:empty{
    display:none;
    margin:0;
    padding:0
}
.cart-details{
    width:calc(100% - 135px)
}
.cart-details ul{
    position:relative;
    margin-left:0;
    display:inline-block;
    background:#ccc;
    padding:10px
}
.cart-details ul:after,.cart-details ul:before{
    left:100%;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}
.cart-details ul:after{
    border-left-color:#ccc;
    border-width:25px;
    position:absolute;
    top:6px
}
.cart-details li{
    background:#eaeaea;
    padding:10px 15px;
    display:inline-block;
    margin-bottom:10px;
    margin-right:10px
}
.cart-details li>i{
    margin-right:5px
}
.cart-details li .trash-btn{
    padding:0;
    color:#e94335;
    margin-left:10px
}
.cart-details .btn-success{
    border-radius:0;
    font-size:19px;
    font-weight:700;
    letter-spacing:2px;
    margin-top:10px
}
.blinker{
    animation:blinker 1s linear infinite
}
@keyframes blinker{
    50%{
        opacity:0
    }
}
.top-category{
    display:block
}
.top-category .box{
    display:inline-block;
    text-align:center;
    min-width:150px;
    width:100%;
    margin:10px 0;
    float:left
}
.top-category .box a{
    display:block;
    height:100px;
    text-decoration:none;
    padding:12px
}
.hvr-sweep-to-top{
    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
}
.hvr-sweep-to-top:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#f00000;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -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
}
.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{
    color:#fff
}
.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
.top-category .box a:hover{
    text-decoration:none;
    color:#3d98d8
}
.top-category .box .category-icon i{
    font-size:4em;
    color:#3091d5
}
.top-category .box .cat-name{
    font-size:16px;
    word-break:break-word;
    height:45px;
    text-transform:capitalize;
    overflow:hidden
}
.top-category .box .all-icon span{
    background:#3d98d8;
    display:inline-block;
    position:relative;
    left:0;
    top:15px;
    border-radius:0!important;
    width:35px;
    height:35px;
    margin:0 2px
}
.top-category .box .titles{
    margin-top:5px;
    text-overflow:ellipsis
}
.list-view{
    display:none
}
.list-view{
    margin:0
}
.list-view ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.list-view ul li{
    font-size:18px;
    color:#1850a4;
    line-height:32px;
    margin-bottom:10px;
    position:relative;
    float:left;
    width:100%;
    box-shadow:0 2px 5px #e0e0e0
}
.list-view ul li a{
    color:#1850a4;
    position:relative;
    top:8px
}
.list-view ul li a:hover{
    text-decoration:none
}
.list-view ul li a span.service-img{
    float:left;
    background:#1851a3;
    color:#fff;
    text-align:center;
    margin-right:5px;
    padding:10px 5px;
    width:50px
}
.list-view ul li a span.service-img:empty:before{
    content:"";
    display:inline-block
}
.list-view ul li i{
    font-size:1.6rem;
    line-height:normal!important;
    margin:0;
    padding:0
}
.list-view heading{
    font-size:24px;
    margin-bottom:10px;
    display:block;
    color:#fff;
    background:#565656;
    float:left;
    width:100%;
    padding:10px
}
.carousel-main{
    margin:5px 0 50px 0
}
.carousel-main heading{
    color:#000;
    font-size:24px;
    margin-bottom:15px;
    display:block
}
.owl-prev{
    position:absolute;
    top:1%;
    left:-55px;
    font-family:Icofont;
    font-size:75px;
    color:#ccc;
    font-weight:600
}
.owl-next{
    position:absolute;
    top:1%;
    right:-55px;
    font-family:Icofont;
    font-size:75px;
    color:#ccc;
    font-weight:600
}
.owl-carousel .item{
    text-align:center
}
.owl-carousel .item a{
    text-decoration:none
}
.owl-carousel .item a .comming-soon,.owl-carousel .item a .comming-soon:hover{
    color:#fff
}
.owl-carousel .item .title{
    margin-top:15px;
    font-size:16px;
    background:0 0;
    color:#000;
    text-transform:capitalize;
    text-decoration:none
}
.carousel-main .item a.select-service{
    font-size:16px;
    background:0 0;
    color:#000;
    text-transform:capitalize;
    text-decoration:none
}
.carousel-main .item a:hover{
    text-decoration:none
}
.carousel-main .item a .title{
    background:0 0;
    display:block;
    margin:0 0 1rem 0;
    text-align:center
}
.carousel-bg{
    position:relative
}
.carousel-icon{
    width:100%;
    padding:10px 25px;
    min-height:110px;
    text-align:center
}
.carousel-bg img{
    display:block;
    width:100%
}
.carousel-bg i{
    color:#3091d5;
    font-size:4em;
    min-height:72px
}
.carousel-bg .comming-soon{
    background:#2f91d5;
    color:#fff;
    font-size:16px;
    padding:2px 3px
}
.see-more{
    display:block;
    text-align:right;
    margin-top:10px
}
.see-more a{
    display:inline-block;
    background:#3091d5;
    border:3px solid #2084ca;
    box-shadow:inset 0 0 5px rgba(255,255,255,.2);
    padding:3px 12px;
    font-size:20px;
    text-transform:capitalize;
    color:#fff;
    text-decoration:none;
    transition:all .3s
}
.see-more a:active,.see-more a:focus,.see-more a:hover{
    color:#282828;
    transition:all .3s;
    box-shadow:inset 0 0 5px rgba(255,255,255,0)
}
.service-list-new{
    position:relative;
    margin-bottom:20px;
    display:inline-block;
    width:100%
}
.service-list-new.website-category-item-view .title:empty{
    display:none
}
.website-category-item-view .scrolled-item{
    float:left;
    max-height:830px;
    overflow-y:auto;
    width:100%;
    border:1px solid #ccc;
    padding-top:30px
}
.service-list-new #list-view>.row{
    column-count:3
}
.service-list-new #list-view>.row .col-md-4{
    width:100%;
    break-inside:avoid;
    margin-bottom:20px
}
.selected-item{
    display:inline-block;
    padding:10px;
    background-color:#3191d5;
    color:#fff;
    text-transform:capitalize;
    margin:0 10px;
    position:relative;
    top:25px;
    z-index:9;
    left:20px;
    font-size:28px;
    box-shadow:inset 0 0 7px rgba(19,96,150,.6)
}
.service-list-new .selected-item i{
    margin-right:5px
}
.toggle-view{
    display:block;
    text-align:right;
    position:relative;
    z-index:99
}
.toggle-view .nav-tabs{
    border-bottom:0
}
.toggle-view .nav-tabs>li{
    float:right
}
.toggle-view .list-icon,.toggle-view .table-icon{
    display:inline-block
}
.toggle-view li a{
    background:#f1f1f1;
    color:#2b2b2b;
    border:none;
    text-decoration:none;
    border-radius:0
}
.toggle-view .nav-tabs>li.active>a,.toggle-view .nav-tabs>li.active>a:focus,.toggle-view .nav-tabs>li.active>a:hover{
    border:none;
    text-decoration:none;
    background:red;
    color:#fff
}
.websites-search-result{
    display:block;
    margin-bottom:80px!important;
    position:relative
}
.websites-search-result .cat-box{
    display:inline-block;
    text-align:center;
    width:150px;
    margin:10px 6px;
    float:left
}
.websites-search-result .cat-box a{
    background:#3091d5;
    display:block;
    height:100px;
    text-decoration:none;
    margin:10px;
    padding:12px;
    position:relative
}
.websites-search-result .cat-box a label{
    color:#333!important;
    width:100%;
    cursor:pointer;
    display:block;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    position:relative;
    left:0;
    bottom:-30px
}
.websites-search-result .cat-box a i{
    font-size:4em;
    color:#fff
}
.hvr-sweep-to-top{
    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
}
.hvr-sweep-to-top:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#f00000;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -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
}
.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{
    color:#fff
}
.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
.websites-search-result .cat-box a:hover{
    text-decoration:none
}
.websites-search-result .cat-box .cat-name{
    font-size:16px;
    word-break:break-word;
    height:45px;
    text-transform:capitalize;
    overflow:hidden
}
.websites-search-result .cat-box .all-icon span{
    border-radius:5px;
    color:#fff;
    font-size:190px;
    line-height:0;
    letter-spacing:-23px;
    display:inline-block;
    position:relative;
    left:-10px;
    top:-15px;
    font-family:open_sansregular
}
.review-main{
    background:url(../images/review-bg.jpg) no-repeat;
    width:100%;
    padding-top:50px;
    background-size:cover
}
.review{
    position:relative
}
.review .heading{
    font-size:40px;
    text-align:center;
    font-weight:400;
    margin:20px 0
}
.review .pro-img{
    position:absolute;
    left:0;
    bottom:0
}
.review-carousel{
    width:50%!important;
    position:relative;
    left:44%;
    display:inline-block!important
}
.review-carousel .item{
    font-style:italic;
    line-height:27px;
    position:relative;
    position:relative;
    width:80%;
    margin:0 auto
}
.review-carousel .content{
    margin:20px;
    text-align:left
}
.review-carousel .owl-next,.review-carousel .owl-prev{
    color:#717070;
    font-size:60px
}
.review-carousel .owl-prev{
    left:0
}
.review-carousel .owl-next{
    right:0
}
.name-add{
    margin-top:40px;
    font-style:normal
}
.star img{
    width:98px!important
}
.name-add .name{
    font-weight:700!important;
    font-size:18px
}
.name-add .add,.name-add .name{
    display:block
}
.map-main .heading{
    font-size:40px;
    margin:0 auto;
    text-align:center;
    margin-bottom:20px
}
.map-area{
    position:relative;
    background-size:cover
}
.map-area .route-txt{
    font-size:48px;
    color:#000;
    position:absolute;
    right:25px;
    top:110px;
    width:45%;
    text-align:center
}
.features-main{
    background:url(../images/featured-bg.jpg) no-repeat;
    width:100%;
    margin-top:0;
    margin-bottom:0;
    background-size:cover;
    min-height:500px
}
.features-main .mt-100{
    margin-top:100px!important
}
.features .icon img{
    width:80px;
    margin-right:15px;
    float:left
}
.features .txt{
    font-size:30px;
    color:#fff;
    text-align:left;
    float:left;
    width:calc(100% - 95px)
}
.sec-1,.sec-2,.sec-3,.sec-4,.sec-5,.sec-6{
    padding:40px 10px;
    height:200px
}
.features .sec-1{
    border-right:5px solid #383737;
    border-bottom:5px solid #383737
}
.features .sec-2{
    border-left:5px solid #383737;
    border-bottom:5px solid #383737
}
.features .sec-3{
    border-right:5px solid #383737;
    border-bottom:5px solid #383737;
    border-top:5px solid #383737
}
.features .sec-4{
    border-left:5px solid #383737;
    border-bottom:5px solid #383737;
    border-top:5px solid #383737
}
.features .sec-5{
    border-right:5px solid #383737;
    border-top:5px solid #383737
}
.features .sec-6{
    border-left:5px solid #383737;
    border-top:5px solid #383737
}
.more-feature{
    display:block;
    text-align:center
}
.more-feature a{
    display:inline-block;
    background:#3091d5;
    border:3px solid #2084ca;
    box-shadow:inset 0 0 5px rgba(255,255,255,.2);
    padding:5px 20px;
    font-size:36px;
    font-weight:400;
    text-transform:capitalize;
    color:#fff;
    text-decoration:none;
    transition:all .3s;
    font-weight:700
}
.more-feature a:active,.more-feature a:focus,.more-feature a:hover{
    color:#282828;
    transition:all .3s;
    box-shadow:inset 0 0 5px rgba(255,255,255,0)
}
.how-works{
    background:#fff;
    border-bottom:1px solid #ecebeb;
    width:100%;
    min-height:300px;
    padding:20px 0
}
.how-works .heading{
    font-size:40px;
    text-align:center;
    margin:20px 0;
    color:#161616
}
.mobile-slider .carousel{
    width:280px;
    height:auto;
    position:inherit
}
.slick-dots{
    display:none
}
.slick-slider-crousel{
    background:url(../images/carousel-images/iphone-X.png) no-repeat 50% 0;
    width:100%;
    height:100%;
    position:absolute;
    background-size:100%;
    z-index:9995
}
.slick-slider-crousel{
    width:330px;
    margin:0 auto auto auto;
    height:auto;
    background-repeat:no-repeat;
    padding:52px 21px;
    background-image:url(../images/carousel-images/iphone-X.png);
    background-size:100%
}
.mobile-slider img{
    display:inline!important
}
.mobile-slider .carousel-control.right{
    background-image:none;
    position:absolute;
    right:-315px;
    top:150px
}
.mobile-slider .carousel-control.right:hover{
    opacity:1;
    transition:.5s;
    height:0
}
.mobile-slider .carousel-control.left{
    background-image:none;
    position:absolute;
    left:-315px;
    top:150px
}
.mobile-slider .carousel-control span{
    position:absolute;
    top:-85px
}
.mobile-slider .carousel-control.left:hover{
    opacity:1;
    transition:.5s;
    height:0
}
.mobile-slider .carousel-indicators li{
    border:1px solid #000;
    border-radius:0;
    background-color:#000;
    padding:0;
    width:10px;
    height:10px
}
.mobile-slider .carousel-indicators{
    bottom:-65px
}
.mobile-slider .carousel-indicators .active{
    border:1px solid #218fb2!important;
    width:12px;
    height:12px;
    padding:0;
    background-color:#38caf1
}
.customer-complaint{
    background:#fff
}
.customer-complaint .container{
    min-height:600px
}
.cc-mid .content{
    font-size:48px;
    text-align:center;
    color:#282828;
    width:50%;
    position:relative;
    top:200px
}
.cc-img{
    position:absolute;
    bottom:0;
    right:10px
}
.cc-mid .buttons{
    margin-top:50px
}
.cc-mid .buttons .complaint-btn,.cc-mid .buttons .support-btn{
    min-width:200px;
    display:inline-block;
    margin-bottom:5px
}
.complaint-btn a{
    display:inline-block;
    background:#181818;
    border:3px solid #272727;
    padding:5px 20px;
    font-size:36px;
    font-weight:700;
    text-transform:capitalize;
    color:#fff;
    text-decoration:none;
    transition:all .3s
}
.complaint-btn a:active,.complaint-btn a:focus,.complaint-btn a:hover{
    color:#d6d3d3;
    transition:all .3s
}
.support-btn a{
    display:inline-block;
    background:#3091d5;
    border:3px solid #2084ca;
    box-shadow:inset 0 0 5px rgba(255,255,255,.2);
    padding:5px 20px;
    font-size:36px;
    font-weight:700;
    text-transform:capitalize;
    color:#fff;
    text-decoration:none;
    transition:all .3s;
    width:100%;
    text-align:center
}
.support-btn a:active,.support-btn a:focus,.support-btn a:hover{
    color:#282828;
    transition:all .3s;
    box-shadow:inset 0 0 5px rgba(255,255,255,0)
}
.open-button{
    background-color:#f24749;
    color:#fff;
    padding:16px 15px;
    border:none;
    cursor:pointer;
    opacity:.8;
    position:fixed;
    bottom:23px;
    right:80px;
    z-index:999
}
.chat-popup{
    display:none;
    position:fixed;
    bottom:82px;
    right:70px;
    background-color:#f5f5f7;
    z-index:9999;
    width:360px
}
.TextInput label{
    top:0
}
.chat-date-main{
    text-align:center;
    padding:5px 0 5px;
    display:flex;
    justify-content:center;
    position:relative;
    height:40px;
    z-index:999;
    width:100%;
    background:#f5f5fd
}
.company-chat-msg{
    color:#333;
    margin-bottom:10px;
    display:inline-block;
    font-size:14px;
    line-height:20px;
    margin-top:0;
    margin-bottom:0;
    text-align:left;
    background-color:#e4e9f0;
    border-radius:24px 24px 3px 24px;
    padding:15px 40px 16px 21px;
    align-self:flex-start;
    position:relative;
    opacity:0;
    animation:innerBubbleGrow .2s ease forwards 0s;
    transform-origin:bottom left;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    margin:10px 0;
    float:right;
    margin-left:85px
}
.company-pic{
    border-radius:50%;
    float:right;
    border:1px solid #ccc;
    width:50px;
    text-align:center;
    padding:5px 0;
    overflow:hidden
}
.company-pic img{
    width:80%
}
.usr-msg{
    display:flex
}
.user-pic{
    border-radius:50%;
    float:left;
    border:1px solid #ccc;
    width:50px;
    margin-right:8px;
    text-align:center;
    padding:0;
    overflow:hidden
}
.chat-popup .form-container{
    background-color:#f5f5fd
}
.inbox_people{
    background:#f8f8f8 none repeat scroll 0 0;
    float:left;
    overflow:hidden;
    width:40%;
    border-right:1px solid #c4c4c4
}
.inbox_msg{
    clear:both;
    overflow:hidden
}
.top_spac{
    margin:20px 0 0
}
.recent_heading{
    float:left;
    width:40%
}
.srch_bar{
    display:inline-block;
    text-align:right;
    width:60%
}
.headind_srch{
    padding:10px 29px 10px 20px;
    overflow:hidden;
    border-bottom:1px solid #c4c4c4
}
.recent_heading h4{
    color:#05728f;
    font-size:21px;
    margin:auto
}
.srch_bar input{
    border:1px solid #cdcdcd;
    border-width:0 0 1px 0;
    width:80%;
    padding:2px 0 4px 6px;
    background:0 0
}
.srch_bar .input-group-addon button{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    padding:0;
    color:#707070;
    font-size:18px
}
.srch_bar .input-group-addon{
    margin:0 0 0 -27px
}
.chat_ib h5{
    font-size:15px;
    color:#464646;
    margin:0 0 8px 0
}
.chat_ib h5 span{
    font-size:13px;
    float:right
}
.chat_ib p{
    font-size:14px;
    color:#989898;
    margin:auto
}
.chat_img{
    float:left;
    width:11%
}
.chat_ib{
    float:left;
    padding:0 0 0 15px;
    width:88%
}
.chat_people{
    overflow:hidden;
    clear:both
}
.chat_list{
    border-bottom:1px solid #c4c4c4;
    margin:0;
    padding:18px 16px 10px
}
.inbox_chat{
    height:550px;
    overflow-y:scroll
}
.active_chat{
    background:#ebebeb
}
.incoming_msg_img{
    display:inline-block;
    width:50PX
}
.received_msg{
    display:inline-block;
    padding:0 0 0 10px;
    vertical-align:top;
    width:92%
}
.received_withd_msg p{
    background:#e4e9f0 none repeat scroll 0 0;
    border-radius:3px;
    color:#646464;
    font-size:14px;
    margin:0;
    padding:8px 10px 10px 12px;
    width:100%;
    border-radius:0 24px 24px 24px;
    line-height:20px
}
.time_date{
    color:#747474;
    display:block;
    font-size:12px
}
.received_withd_msg{
    width:90%
}
.mesgs{
    float:left;
    width:100%;
    max-height:400px;
    min-height:400px;
    overflow:auto;
    overflow-x:hidden;
    padding:25px 10px
}
.mesgs::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
.mesgs::-webkit-scrollbar{
    width:10px;
    background-color:#f5f5f5
}
.mesgs::-webkit-scrollbar-thumb{
    background-color:#4c76e0;
    background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,#4c76e0),color-stop(.5,transparent),to(transparent))
}
.incoming_msg{
    display:flex
}
.sent_msg p{
    background:rgba(76,118,224,.12);
    font-size:14px;
    margin:0;
    color:#000;
    padding:12px 10px 12px 15px;
    width:100%;
    border-radius:24px 0 24px 24px;
    line-height:20px
}
.outgoing_msg{
    overflow:hidden;
    margin:26px 0 26px;
    display:flex
}
.outgoing_msg .sent_msg .time_date{
    float:right
}
.outgoing_msg .img-cirle{
    width:50px;
    margin-left:10px;
    margin-top:0
}
.sent_msg{
    float:right;
    width:85%;
    margin-top:0
}
.input_msg_write input{
    background:#fff;
    color:#4c4c4c;
    font-size:15px;
    min-height:48px;
    width:100%;
    padding-left:15px
}
.type_msg{
    border:1px solid #c4c4c4;
    position:relative;
    z-index:9;
    display:inline-block;
    width:100%
}
.msg_send_btn{
    background:#4c76e0;
    border:medium none;
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    font-size:17px;
    height:33px;
    position:absolute;
    right:8px;
    top:8px;
    width:33px
}
.SendSmsPage__TextInvitation{
    margin-top:5px;
    margin-bottom:5px;
    margin-left:9px;
    padding:13px
}
.SubmittedMessage__SendStatus{
    display:flex;
    align-self:flex-end;
    width:96px
}
.chat-popup .form-container textarea{
    width:100%;
    border:none;
    resize:none
}
.chat-popup .form-container textarea:focus{
    outline:0
}
.chat-popup .form-container .btn{
    background-color:#000;
    color:#fff;
    padding:13px 17px;
    border:none;
    cursor:pointer;
    margin-bottom:10px;
    position:absolute;
    right:10px;
    bottom:-77px;
    border-radius:50%
}
.chat-popup .form-container .cancel i{
    font-size:30px
}
.end-chat-btn{
    background:#dd6b55;
    border:1px solid #dd6b55;
    float:right;
    margin-right:10px;
    color:#fff;
    padding:0 10px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px
}
.chat-date-main button{
    position:absolute;
    right:-3px;
    top:5px
}
.end-chat-btn:hover{
    background:#ac2925;
    border:1px solid #ac2925
}
.typing-status{
    position:absolute;
    bottom:50px;
    padding:5px 0
}
.closeCircle{
    cursor:pointer
}
.join-us-main{
    background:url(../images/join-us.jpg) no-repeat 50% 0;
    width:100%;
    margin-top:0;
    margin-bottom:0;
    background-size:cover;
    min-height:650px;
    text-align:center
}
.join-us-main .container{
    padding-top:80px;
    padding-bottom:40px
}
.join-us-icons{
    display:block;
    margin-bottom:40px;
    float:left;
    width:100%
}
.join-us-icons .cc-shape{
    margin-bottom:10px;
    position:relative;
    display:inline-block
}
.join-us-icons .overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    opacity:0;
    transition:.7s ease;
    background-color:#3091d5;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    margin:0 auto
}
.join-us-icons .cc-shape:hover .overlay{
    opacity:1
}
.join-us-icons .text{
    color:#fff;
    font-size:20px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    text-align:center;
    border-radius:50%;
    margin:0 auto
}
.lg-txt{
    font-size:48px
}
.sm-txt{
    font-size:24px;
    margin-top:15px
}
.joinus-btn a{
    display:inline-block;
    background:#3091d5;
    border:3px solid #2084ca;
    box-shadow:inset 0 0 4px rgba(255,255,255,.2);
    padding:5px 40px;
    font-size:40px;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    transition:all .3s
}
.joinus-btn a:active,.joinus-btn a:focus,.joinus-btn a:hover{
    color:#282828;
    transition:all .3s;
    box-shadow:inset 0 0 5px rgba(255,255,255,0)
}
.states-main{
    background:#f7fafb;
    border-top:1px solid #edeeee;
    border-bottom:1px solid #edeeee;
    padding:40px
}
.states-main .states .heading{
    text-align:center;
    font-size:55px;
    font-weight:500;
    margin-bottom:25px
}
.states ul{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-bottom:20px
}
.states ul li{
    display:block
}
.states ul li a{
    color:#333;
    text-decoration:none;
    transition:all .3s ease;
    font-size:16px;
    font-weight:600;
    line-height:26px
}
.states ul li a:hover{
    color:red;
    text-decoration:none;
    transition:all .3s ease;
    padding-left:10px
}
h2.thanks-msg{
    background:#fff;
    margin:0;
    text-align:center;
    padding:2rem 0;
    color:#000;
    font-weight:700;
    display:inline-block;
    width:100%
}
.content-areaa{
    background-color:#f3f3f5;
    line-height:normal!important;
    letter-spacing:initial
}
.content-areaa .container{
    padding-bottom:75px;
    margin-top:30px
}
.future-banner input{
    width:100%;
    font-family:open_sansregular!important
}
.future-banner{
    padding:30px 0;
    color:#fff
}
.bg-sky-blue{
    background-color:#9be5f3
}
.bg-navy-blue{
    background-color:#1850a5
}
.color-white{
    color:#fff!important
}
.text-italic{
    font-style:italic
}
.future-banner p{
    font-size:70px;
    font-family:open_sansregular;
    color:#1850a5;
    font-weight:700;
    line-height:1.4
}
.future-banner h5{
    font-size:20px;
    font-weight:600;
    color:#000;
    margin:10px 0;
    letter-spacing:normal;
    font-family:open_sansregular
}
.future-banner .form-control{
    width:100%;
    height:57px;
    font-size:18px;
    border-radius:0;
    font-weight:400
}
.btn-2g{
    border-radius:0
}
.btn-2{
    background:#1850a5;
    color:#fff!important;
    border:0;
    font-family:open_sansregular;
    -webkit-transition:none;
    -moz-transition:none;
    transition:none;
    font-size:28px;
    padding:8px 26px
}
.drive-from button.btn-2{
    padding:10px 26px;
    box-shadow:none!important;
    border:0
}
.link-send{
    margin-top:30px;
    font-size:20px
}
.link-send p{
    font-size:18px;
    font-weight:400
}
.how-does input{
    margin-top:20px;
    font-size:37px
}
.link-send .col-md-10{
    padding-top:10px;
    color:#1850a5;
    font-size:20px
}
.btn-2:hover{
    background-color:#000
}
.border-white{
    border:1px solid #fff
}
.app-download-baner{
    background-color:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.android-ios{
    padding-top:50px;
    background:url(https://crucial-05/pickedin.com/images/tag_pages_images/android-ios-bg.png) no-repeat 50% 0;
    background-size:100%;
    height:500px
}
.android-ios input{
    background-color:#ccc!important
}
.android-ios img{
    width:40%
}
.app-download-baner p{
    font-size:40px;
    color:#000
}
.app-download-baner span{
    color:#15a83d
}
.blog-wraper{
    margin-bottom:30px;
    font-family:open_sansregular!important;
    font-weight:400;
    font-size:14px
}
h2.t-header-big{
    line-height:32px;
    font-size:20px;
    font-weight:600;
    margin-top:20px;
    margin-bottom:10px
}
.xmd-flat-list{
    padding-left:15px
}
.blog-wraper ul{
    margin:0
}
.xmd-flat-list li{
    font-size:14px
}
.tloc-gallery{
    display:block;
    margin-bottom:15px;
    width:100%;
    float:left
}
.tloc-gallery .blog-pic{
    float:left;
    width:80px;
    height:60px;
    overflow:hidden;
    object-fit:cover;
    object-position:center;
    margin-right:15px
}
.tloc-gallery .blog-pic img{
    width:100%
}
.tloc-gallery .read-more{
    padding-left:95px
}
.tloc-gallery .tloc-gallery-thumbnail{
    display:block;
    float:left;
    margin:0 10px 10px 0;
    width:100px
}
.tloc-gallery .desc{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    height:53px;
    width:calc(100% - 110px)
}
.tloc-gallery h6{
    margin:0;
    font-weight:600;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    position:relative;
    top:-3px
}
.tloc-gallery a.view-project{
    color:#337ab7
}
.tloc-gallery a.view-project:focus,.tloc-gallery a.view-project:hover{
    color:#23527c;
    text-decoration:none
}
.p0{
    padding:0!important
}
.mt10{
    margin-top:10px!important
}
.social-footer{
    color:#fff;
    padding:15px 0;
    background-color:#000;
    font-weight:400;
    font-size:14px
}
.social-footer a{
    color:#fff;
    font-weight:400;
    font-size:14px
}
.social-footer a:hover{
    color:#fff;
    text-decoration:underline
}
.footer-links{
    padding:30px 0 0;
    background-color:#000
}
.footer-navigation{
    background:#000;
    font-family:open_sansregular!important;
    z-index:-1;
    margin-top:2px
}
.footer-navigation .f-menus{
    letter-spacing:normal
}
.f-menus form{
    display:flex;
    width:100%
}
.footer-logo a{
    display:block
}
.footer-logo img{
    width:95%;
    border:1px solid #fff
}
.footer-navigation .f-menus .heading{
    font-size:16px;
    margin-bottom:15px;
    text-transform:uppercase;
    font-weight:600;
    color:#fff!important
}
.footer-navigation p{
    color:#fff;
    font-size:20px
}
.footer{
    background:#fff!important;
    padding:0 0 20px 0;
    margin-top:0!important;
    display:none
}
.footer-navigation .f-menus ul{
    margin:0;
    margin-bottom:0;
    padding:0;
    list-style-type:none;
    margin-bottom:20px
}
.footer-navigation .f-menus ul li{
    display:block;
    padding:0
}
.footer-navigation .f-menus ul li a{
    color:#fff!important;
    font-size:16px;
    line-height:30px;
    text-transform:capitalize;
    transition:all .3s ease;
    font-weight:400!important;
    display:inline-block;
    border-bottom:1px solid transparent
}
.footer-navigation .f-menus ul li a:hover{
    text-decoration:none;
    border-bottom:1px solid red
}
.footer-navigation .f-menus li a:hover,li a:focus{
    background-color:transparent!important;
    text-decoration:none
}
.social-menus{
    display:inline-block;
    margin-top:15px
}
.footer-navigation .social-menus a{
    display:inline-block;
    color:#fff!important;
    background-color:transparent;
    border:1px solid #fff;
    text-decoration:none;
    transition:transform .3s;
    float:left
}
.footer-navigation .social-menus a i{
    font-size:20px!important
}
.footer-navigation .social-menus a:hover{
    transform:scale(1.5);
    background-color:#fff;
    color:#000!important
}
.footer-navigation .social-menus a.fb:hover{
    color:#3b5998
}
.footer-navigation .social-menus a.twit:hover{
    color:#0084b4
}
.footer-navigation .social-menus a.pinterest:hover{
    color:#c8232c
}
.footer-navigation .social-menus a.reddit:hover{
    color:#fd4401
}
.footer-navigation .social-menus a.linkedin:hover{
    color:#0077b7
}
.footer-navigation .social-menus a.g-plus:hover{
    color:#d34836
}
.navbar-toggle{
    background-color:#3091d5
}
.footer-navigation .social-menus a.skype:hover{
    color:#12a5f4
}
.app-icon{
    text-align:right
}
.app-icon a{
    text-decoration:none;
    margin:5px 5px 5px 0;
    display:inline-block;
    transition:all .3s
}
.app-icon a:hover{
    text-decoration:none;
    transform:scale(1.1)
}
.app-icon .fa-apple{
    color:#000
}
.app-icon .fa-android{
    color:#95c11f
}
.app-icon i{
    font-size:65px
}
.srchbar{
    display:flex
}
.social-menus a{
    color:#000
}
.social-menus a i{
    font-size:22px;
    margin:0 6px
}
.srchbar a{
    margin-right:10px;
    padding:7px 17px;
    background-color:transparent;
    border:1px solid #fff
}
.f-menus .form-control{
    height:56px;
    font-size:18px;
    font-weight:400;
    width:100%;
    padding-left:15px;
    margin:0;
    background-color:transparent;
    color:#fff
}
.footer-grphic{
    padding-top:10px
}
.footer-grphic img{
    width:100%
}
.srchbar a:hover{
    background-color:#fff;
    color:#000!important
}
.app-download .btn-2{
    background:#1850a5;
    color:#fff!important;
    border:0;
    font-size:18px;
    padding:10px 13px;
    box-shadow:none
}
.footer-navigation .social-menus a{
    display:inline-block;
    color:#2d2d2d;
    text-decoration:none;
    font-size:20px;
    padding:6px 5px;
    transition:transform .3s;
    margin:0 15px 0 0;
    border-radius:50%
}
.home-services{
    margin-top:20px;
    padding:0;
    height:560px;
    overflow-x:hidden;
    overflow-y:scroll
}
.foter-baner{
    background-color:#282828;
    padding:80px 0;
    margin-top:80px;
    display:none
}
.foter-baner span{
    color:#fff;
    font-size:75px;
    margin:15px 30px
}
.footer-background{
    background-color:#000
}
.footer-background .heading{
    color:#fff
}
.footer-background ul li a{
    color:#fff
}
.foter-baner h4{
    font-size:38px;
    color:#fff;
    font-weight:600;
    margin-top:10px;
    margin-bottom:10px
}
.foter-baner p{
    color:#fff
}
.foter-baner .col-md-12{
    margin-bottom:20px
}
.foter-baner button{
    margin-top:10px;
    font-size:20px;
    background-color:transparent
}
.foter-baner button:hover{
    background-color:#fff;
    color:#000!important
}
.foter-baner img{
    margin:0 20px
}
.copyrights,.copyrights a{
    color:#000;
    font-size:12px;
    font-weight:400
}
.form-control.border-radious0{
    height:45px;
    font-size:18px;
    font-family:open_sansregular!important;
    font-weight:400
}
.border-radious0{
    border-radius:0
}
.app-download .btn-2{
    font-size:18px;
    padding:10px 13px;
    box-shadow:none
}
.switch{
    position:relative;
    display:inline-block;
    width:27px;
    height:15px;
    margin-left:28px;
    top:2px
}
.switch input{
    display:none
}
.switch .toggle{
    position:absolute;
    top:4px;
    bottom:0;
    right:2px;
    margin:auto;
    width:51px;
    height:31px
}
.switch .toggle label{
    transition:all .25s ease-out
}
.switch input[type=checkbox]:active+.toggle label,.switch input[type=checkbox]:checked+.toggle label{
    border:13px solid #4cd964
}
.switch .toggle label{
    width:51px;
    height:26px;
    border-radius:32px;
    border:2px solid #e5e5e5;
    transition:all .3s ease
}
.switch label:after{
    background:0 0!important
}
.switch .toggle i,.switch .toggle label{
    box-sizing:border-box;
    display:block;
    background:#fff
}
.switch input[type=checkbox]:checked+.toggle i{
    left:27px
}
.switch .toggle i{
    position:absolute;
    top:2px;
    left:3px;
    width:22px;
    height:22px;
    border-radius:28px;
    box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 3px 0 rgba(0,0,0,.15);
    background:#fff;
    transition:all .3s cubic-bezier(.275,-.45,.725,1.45)
}
ul.listing-action li{
    float:left;
    width:100%;
    margin-bottom:30px;
    background:#fff;
    padding:10px 40px;
    font-size:20px;
    color:#2a2a2a;
    box-shadow:0 2px 15px rgba(0,0,0,.2);
    overflow:hidden;
    position:relative
}
ul.listing-action li i{
    top:0;
    color:red;
    font-size:36px;
    position:relative;
    padding-right:7px;
    margin-left:-35px
}
ul.listing-action li .trash-btn{
    float:right;
    border:none;
    padding:5px 0;
    position:absolute;
    right:0;
    top:10px
}
ul.listing-action li .trash-btn i{
    font-size:20px;
    color:#e94335;
    padding-right:0
}
.cart_block ul .check-out{
    clear:both;
    text-align:center
}
.cart_block ul .check-out a{
    min-width:200px;
    cursor:pointer!important;
    text-align:center;
    color:#fff;
    display:inline-block!important;
    text-decoration:none;
    float:none!important;
    font-size:34px;
    line-height:58px;
    font-weight:400;
    text-transform:capitalize;
    padding:0 10px;
    margin-bottom:10px;
    background:#3091d5;
    border:3px solid #2084ca;
    border-radius:0;
    transition:all .3s
}
.cart_block ul .check-out a:active,.cart_block ul .check-out a:focus,.cart_block ul .check-out a:hover{
    color:#282828;
    transition:all .3s;
    box-shadow:inset 0 0 5px rgba(255,255,255,0);
    background-color:#3091d5;
    border:3px solid #2084ca
}
.service-breadcrum .main-bread a,.service-list-new-breadcrum a{
    color:#313131;
    font-size:24px;
    margin-bottom:15px;
    font-weight:700;
    text-decoration:none
}
.service-breadcrum .main-bread a:hover,.service-list-new-breadcrum a:hover{
    color:#3091d5
}
.service-breadcrum .icofont.icofont-long-arrow-right:before{
    content:""
}
.service-breadcrum .icofont.icofont-long-arrow-right{
    width:20px;
    position:relative;
    background:#333;
    height:4px;
    display:inline-block;
    top:-4px;
    margin:0 3px
}
.service-breadcrum .title{
    background:0 0
}
.left-right-colored-btn{
    text-align:center
}
.left-right-colored-btn .left,.left-right-colored-btn .right{
    min-width:200px;
    cursor:pointer!important;
    text-align:center;
    color:#fff;
    display:inline-block!important;
    text-decoration:none;
    float:none!important;
    font-size:34px;
    line-height:58px;
    font-weight:700;
    text-transform:capitalize;
    padding:0 10px;
    margin-bottom:10px
}
.left-right-colored-btn .left{
    background:#181818;
    border:3px solid #272727;
    transition:all .3s
}
.left-right-colored-btn .right{
    background:#3091d5;
    border:3px solid #2084ca;
    transition:all .3s
}
.left-right-colored-btn .left:active,.left-right-colored-btn .left:focus,.left-right-colored-btn .left:hover{
    color:#d6d3d3;
    transition:all .3s
}
.left-right-colored-btn .right:active,.left-right-colored-btn .right:focus,.left-right-colored-btn .right:hover{
    color:#282828;
    transition:all .3s;
    box-shadow:inset 0 0 5px rgba(255,255,255,0)
}
.one-line-category{
    box-shadow:0 2px 15px rgba(0,0,0,.2);
    padding:0;
    background-color:#fff;
    overflow:hidden;
    margin:10px;
    width:calc(50% - 25px);
    display:inline-block
}
.one-line-category a{
    text-decoration:none;
    padding:10px;
    display:block
}
.one-line-category .service-image{
    float:left;
    font-size:30px
}
.one-line-category .service-image,.one-line-category .service-image:hover{
    color:red
}
.one-line-category .label{
    color:#2a2a2a;
    font-size:18px;
    font-weight:500;
    text-align:left;
    display:block;
    float:left;
    background:0 0;
    text-transform:capitalize;
    line-height:30px
}
.one-line-category .arrow-down{
    float:right;
    font-size:18px;
    padding-top:0;
    padding-right:5px;
    position:absolute;
    top:30px;
    right:7px;
    width:40px;
    cursor:pointer
}
.one-line-category .arrow-down i{
    position:absolute;
    top:50%;
    left:50%;
    font-size:20px;
    transform:translate(-50%,-50%);
    width:30px;
    height:30px;
    border:2px solid #ccc;
    text-align:center;
    line-height:27px;
    color:#ccc;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.one-line-category .description-textarea{
    padding:10px 15px 5px 15px;
    background:#fff
}
.one-line-category textarea{
    letter-spacing:1.2px
}
.one-line-category textarea:focus{
    box-shadow:none;
    border:1px solid #e6e6e6
}
.fourth-cat-item-active.one-line-category{
    background:#3091d5;
    color:#fff
}
.fourth-cat-item-active.one-line-category .item .label,.fourth-cat-item-active.one-line-category .service-image,.fourth-cat-item-active.one-line-category .service-image:hover{
    color:#fff
}
.alphabet-list{
    display:inline-block;
    margin:65px auto;
    padding:5px 6px;
    background:#e2e2e2
}
.alphabet-list span{
    background:#3091d5;
    text-align:center;
    font-size:22px;
    font-family:open_sansregular;
    color:#fff;
    margin:2px 0;
    width:30px!important;
    display:inline-block;
    cursor:pointer;
    transition:transform .3s
}
.alphabet-list span:nth-child(1){
    width:50px!important
}
.alphabet-list span.active,.alphabet-list span:hover{
    background:#404040;
    transform:scale(1.1)
}
.iphone-x-heading h1{
    color:#1b3c72;
    font-weight:700;
    font-size:66px
}
.iphone-x-heading p{
    font-size:20px;
    color:#000
}
.iphone-x h3{
    margin:0;
    font-size:42px;
    line-height:68px
}
.iphone-x p{
    font-size:20px
}
.bkg-white .font-italic{
    font-size:22px;
    color:#1b3c72;
    font-weight:700
}
.bkg-white h2{
    margin:10px 0;
    padding:0;
    text-align:center;
    font-size:31px;
    margin-bottom:50px;
    font-weight:700
}
.iphone-x img{
    width:42%;
    display:inline;
    position:relative;
    overflow:hidden
}
.screen-professional img{
    width:67%;
    display:inline!important
}
.screen-professional h3{
    margin-bottom:0;
    font-size:42px;
    margin-top:8px
}
.screen-professional{
    margin-top:50px!important
}
.lead-quality .fa-52{
    color:#1b3c72;
    margin-bottom:5px;
    margin-top:30px
}
.lead-quality .fa-18{
    background-color:#1b3c72;
    padding-left:27px;
    font-weight:700;
    padding:15px 45px;
    border-left:20px solid #072351;
    color:#fff
}
img.lazy:before{
    content:'';
    width:100%;
    height:100%;
    background-image:linear-gradient(to right,rgba(255,0,0,0),rgba(160,160,160,.15),rgba(255,0,0,0));
    position:absolute;
    z-index:9;
    overflow:hidden;
    animation-duration:7s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
    animation-name:placeHolderShimmer;
    animation-timing-function:linear;
    margin:0 auto;
    border-radius:0;
    left:0
}
.info-home:before{
    content:'';
    width:calc(100% - 30px);
    height:100%;
    background-image:linear-gradient(to right,rgba(255,0,0,0),rgba(160,160,160,.15),rgba(255,0,0,0));
    position:absolute;
    z-index:9;
    overflow:hidden;
    animation-duration:7s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
    animation-name:placeHolderShimmer;
    animation-timing-function:linear;
    margin:0 auto;
    border-radius:0;
    left:15px
}
@keyframes placeHolderShimmer{
    0%{
        background-position:-30vw 0
    }
    100%{
        background-position:30vw 0
    }
}
.iphone-x{
    margin-top:75px!important
}
.join-pro-form .alert-danger{
    background-color:transparent
}
.join-pro-form .fd-submit i{
    float:right;
    display:block;
    margin:0 0 0 10px;
    font-size:43px
}
.thirty-day-baner{
    padding:60px 0;
    background-color:#e5e5e5
}
.wasting-option li{
    font-size:21px;
    line-height:48px;
    list-style:none;
    color:#000;
    list-style-position:inside
}
.wasting-option img{
    width:93%;
    border:7px solid #fff
}
.wasting-option{
    background-color:#ebebeb;
    padding:50px 0
}
.vdo-box h2{
    margin-top:50px
}
.credit-text{
    margin-top:38px
}
.badge-section img{
    width:60%
}
.save-operation-casts img{
    width:70%
}
.save-operation-casts{
    margin-top:50px!important
}
.save-operation-casts h3{
    margin-bottom:0;
    font-size:42px
}
.header-badge{
    float:left;
    width:14%;
    margin-top:70px;
    position:absolute;
    left:-25px
}
.header-toaster{
    box-shadow:1px 1px 6px 6px rgba(0,0,0,.2);
    min-height:230px
}
.header-toaster .popup-content{
    width:100%
}
.iphone-x-heading{
    padding-top:100px
}
.pro-recive-box{
    background-color:#286090
}
.pro-ongoing{
    background-color:#444
}
.wasting-option i{
    color:#0077b7;
    font-size:23px;
    margin-right:10px
}
.head-top-line h3{
    float:left;
    width:100%;
    margin-top:30px
}
.blue-top-line{
    height:12px;
    width:100px;
    background-color:#1850a5;
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-8px;
    margin:0 auto
}
.download-brochure{
    margin-top:80px;
    padding-bottom:20px;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc
}
.head-top-line .btn{
    margin-top:18px
}
.contact-us-section{
    background-color:#e6e3e3;
    padding:30px 0
}
.contact-us-section .col-md-4{
    font-size:40px
}
.proximity h3{
    margin:0
}
.join-pro-form .group{
    position:relative;
    margin:15px 0
}
.join-pro-form textarea{
    resize:none;
    box-shadow:none;
    border:0;
    background-color:transparent
}
.join-pro-form input,textarea{
    background:0 0;
    color:#c6c6c6;
    font-size:18px;
    padding:10px 10px 10px 5px;
    display:block;
    width:320px;
    border:none;
    border-radius:0;
    border-bottom:1px solid #c6c6c6;
    box-sizing:border-box
}
.join-pro-form input:focus,textarea:focus{
    outline:0
}
.join-pro-form input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{
    top:-14px;
    font-size:12px;
    color:#2196f3
}
.join-pro-form input:focus~.bar:before,textarea:focus~.bar:before{
    width:100%
}
.join-pro-form input[type=password]{
    letter-spacing:.3em
}
.join-pro-form label{
    color:#c6c6c6;
    font-size:20px;
    font-weight:400;
    position:absolute;
    pointer-events:none;
    left:5px;
    top:0;
    transition:.3s ease all
}
.join-pro-form .bar{
    position:relative;
    display:block;
    border:1px solid #ccc;
    top:-10px
}
.join-pro-form .bar:before{
    content:'';
    height:2px;
    width:0;
    bottom:0;
    position:absolute;
    background:#2196f3;
    transition:.3s ease all;
    left:0
}
.join-pro-form .btn-box{
    text-align:center;
    margin:50px 0
}
.recive-lead h2{
    font-size:20px;
    font-weight:700
}
.recive-lead p{
    font-size:16px
}
.center-content-bg{
    background-color:#fff;
    width:100%;
    font-family:open_sansregular;
    padding-top:80px!important
}
.near-technician-search-wrap .tag-page-item-load-on-pros-near-by .popup-content-right .scroll-300{
    min-height:500px!important
}
.gm-style .gm-style-iw-c{
    border-radius:0!important;
    box-shadow:0 1px 4px 0 rgba(0,0,0,.2)!important;
    color:#000!important
}
.gm-style .gm-style-iw-t{
    top:-90px!important
}
.gm-ui-hover-effect{
    opacity:1;
    width:auto!important;
    height:auto!important;
    border-bottom-left-radius:12px;
    background:#afafaf!important;
    top:0!important;
    right:0!important
}
button.gm-ui-hover-effect img{
    margin:0 0 2px 2px!important
}
.gm-style .gm-style-iw-d{
    font-weight:700
}
.near-technician-search-wrap .map-left-full .gm-ui-hover-effect{
    display:none!important
}
.near-technician-search-wrap .map-left-full .gm-style-iw-c{
    font-weight:700;
    overflow:hidden!important;
    padding:6px 6px!important;
    letter-spacing:inherit!important
}
.near-technician-search-wrap .map-left-full .gm-style-iw-d{
    overflow:hidden!important;
    letter-spacing:normal
}
.job-10-min-carousel-body-fix .near-technician-search-wrap .putting-right{
    height:calc(100vh - 430px)
}
.near-technician-search-wrap .putting-right{
    position:relative
}
.near-technician-search-wrap #map.map-left-full{
    position:absolute!important;
    height:100%!important;
    width:50%;
    background:#fff;
    color:#fff;
    padding:0;
    border-right:1px solid #ddd;
    right:0
}
.putting-right #map.map-left-full{
    border-right:transparent;
    border-left:2px solid #ddd;
    color:#333
}
.near-technician-search-wrap #map-canvas-connect-instantly.map-left-full{
    position:absolute!important;
    height:100%!important;
    width:50%;
    background:#fff;
    color:#fff;
    padding:0;
    border-right:1px solid #ddd;
    right:0
}
.putting-right #map-canvas-connect-instantly.map-left-full{
    border-right:transparent;
    border-left:2px solid #ddd;
    color:#333
}
.near-technician-search-wrap .putting-right .popup-content-right{
    right:0;
    left:0;
    overflow-y:none;
    height:auto;
    width:50%;
    background:#fff
}
.putting-right .most-populer-cat.active,.putting-right .most-populer-cat:hover{
    background:#e94335
}
.putting-right .most-populer-cat{
    margin-bottom:2px;
    background:#fbfbfb;
    border-bottom:1px solid #e4e4e4;
    position:relative;
    cursor:pointer;
    transition:all .3s;
    display:block
}
.putting-right .most-populer-cat.active h4,.putting-right .most-populer-cat.active:after,.putting-right .most-populer-cat:hover h4,.putting-right .most-populer-cat:hover:after{
    color:#fff;
    transition:all .3s
}
.putting-right .most-populer-cat h4{
    color:#666;
    font-weight:600;
    padding:10px 10px 5px 10px;
    margin:0;
    transition:all .3s;
    font-size:24px
}
.ss-heading span{
    background-color:#000;
    padding:12px 25px;
    border-radius:50%;
    font-size:36px;
    font-weight:700;
    color:#fff
}
.section-arrow{
    padding:80px 0
}
.putting-right .scroll-300{
    border-bottom:1px solid #ddd
}
._section_under_div{
    border-bottom:1px solid #e4e4e4;
    padding-bottom:20px;
    overflow-y:auto;
    overflow-x:hidden;
    background:#efefef;
    max-height:535px
}
.most-populer-cat h4 .label{
    position:relative;
    top:-1px;
    background:0 0;
    color:#333;
    font-weight:600;
    font-size:16px;
    margin-right:3px;
    padding:2px 3px
}
.putting-right .most-populer-cat h4:hover .label,.putting-right .most-populer-cat.active h4 .label{
    color:#fff
}
.scroll-300{
    min-height:50px;
    max-height:300px;
    overflow:auto
}
.scroll-300::-webkit-scrollbar{
    width:5px;
    height:5px
}
.scroll-300::-webkit-scrollbar-button{
    width:0;
    height:0
}
.scroll-300::-webkit-scrollbar-thumb{
    background:#e94335;
    border:0 none #fff;
    border-radius:50px
}
.scroll-300::-webkit-scrollbar-thumb:hover{
    background:#e94335
}
.scroll-300::-webkit-scrollbar-thumb:active{
    background:#000
}
.scroll-300::-webkit-scrollbar-track{
    background:#666;
    border:0 none #fff;
    border-radius:50px
}
.scroll-300::-webkit-scrollbar-track:hover{
    background:#666
}
.scroll-300::-webkit-scrollbar-track:active{
    background:#333
}
.scroll-300::-webkit-scrollbar-corner{
    background:0 0
}
.nb-service-box{
    padding-left:0
}
.near-services{
    min-height:280px;
    cursor:pointer;
    text-align:center;
    margin-bottom:10px;
    padding:10px;
    transition:all .3s;
    border:1px solid #e0dfdf;
    position:relative
}
.near-services:hover{
    box-shadow:none;
    background:0 0
}
.near-services .fav-heart-left{
    position:absolute;
    font-size:1.6rem;
    left:7px;
    cursor:pointer;
    top:60px
}
.near-services .radio-wrap{
    right:-5px;
    max-width:18px;
    top:30px;
    position:absolute;
    display:inline-block
}
.radio-wrap{
    position:relative
}
.radio-wrap input[type=radio]{
    opacity:0;
    position:absolute
}
.radio-wrap label{
    cursor:pointer;
    display:inline-block;
    max-width:100%;
    padding-left:10px;
    padding-left:35px
}
.radio-wrap input[type=radio]+label::after,.radio-wrap input[type=radio]+label::before{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.radio-wrap input[type=radio]:checked+label::after,.radio-wrap input[type=radio]:checked+label::before{
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    border:2px solid #f4645f
}
.radio-wrap input[type=radio]:checked+label::after{
    content:"";
    position:absolute;
    top:50px;
    right:19px;
    display:inline-block;
    font-size:11px;
    width:10px;
    height:10px;
    border:1px solid #f4645f;
    transform:translate(0,-50%)
}
.radio-wrap input[type=radio]:checked+label::after{
    border:1px solid #f4645f;
    background-color:#f4645f
}
.radio-wrap label:before{
    width:18px;
    height:18px;
    position:absolute;
    top:50px;
    right:15px;
    content:'';
    display:inline-block;
    border:2px solid #bbb;
    background:#fff;
    transform:translate(0,-50%)
}
.near-services .a.web-btn-primary,.near-services .web-btn-primary,.near-services .web-btn-primary a{
    font-size:22px;
    padding:7px 15px;
    display:block;
    width:auto;
    font-weight:400
}
.web-btn-primary,.web-btn-primary a,a.web-btn-primary{
    font-family:open_sansregular;
    text-decoration:none;
    color:#fff;
    font-size:20px;
    font-weight:400;
    transition:all .3s;
    padding:2px 15px;
    border-radius:0;
    letter-spacing:normal;
    overflow:hidden;
    background-color:#4285f4
}
.web-btn-primary.prev-step,.web-btn-primary.prev-step a,a.web-btn-primary.prev-step{
    background-color:#33a951;
    width:49%;
    float:left
}
.web-btn-primary.next-step,.web-btn-primary.next-step a,a.web-btn-primary.next-step{
    background-color:#002768;
    width:49%;
    float:right
}
.web-btn-primary:hover,.web-btn-primary:hover a,a.web-btn-primary:hover{
    color:#fff
}
.btn-block{
    width:100%!important;
    margin:0!important
}
.near-cat-icon{
    font-size:90px;
    color:#e94335;
    text-align:center;
    margin-bottom:10px;
    min-height:60px;
    line-height:21px
}
.near-cat-icon:empty{
    display:none
}
.near-cat-icon:empty+.near-service-title{
    margin-top:20px
}
.near-cat-icon:empty~.chk_whos_near>.chk-whos-near-btn{
    position:absolute;
    bottom:10px;
    left:10px;
    width:calc(100% - 20px)
}
.near-cat-icon:empty~.chk_whos_near{
    margin-top:25px
}
.near-service-title{
    color:#373737;
    font-size:22px;
    font-weight:600;
    text-align:center;
    display:block;
    cursor:pointer!important;
    line-height:28px;
    text-transform:capitalize;
    min-height:55px
}
.near-service-title+span{
    width:100%;
    float:left;
    margin:5px 0 0 0;
    color:#e94335;
    padding:4px 0 5px 0;
    font-size:20px
}
.near-services .chk_whos_near{
    display:inline-block;
    width:calc(100% - 20px);
    position:absolute;
    bottom:10px;
    left:10px
}
.circle-container{
    float:none;
    min-width:52px;
    margin:2px 4px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-weight:600
}
.circle-container span{
    font-size:16px;
    font-weight:400;
    color:#e94335;
    border-bottom:1px solid #e94335;
    padding:0 5px
}
.circle-container.blur-circle .circle-amit,.circle-container.blur-circle span{
    color:#c5c3c3!important;
    border-color:#c5c3c3;
    opacity:.4
}
.circle-amit{
    width:30px;
    margin:0 auto;
    text-align:center;
    height:30px;
    line-height:29px;
    font-size:22px;
    font-weight:600;
    transition:all .3s;
    color:#3a7fee
}
.populer-cat-buttons{
    position:relative;
    float:right;
    margin-top:-43px
}
.populer-cat-popout,.populer-cat-view{
    border-bottom:1px solid #ddd;
    display:inline-block;
    float:right;
    margin-top:-8px
}
.populer-cat-popout a{
    background:#4285f3;
    color:#fff!important;
    font-size:21px;
    font-weight:700;
    padding:10px 10px 8px 10px;
    cursor:pointer;
    display:block
}
.populer-cat-view a{
    background:#34a753;
    color:#fff;
    font-size:21px;
    font-weight:700;
    padding:10px 10px 8px 10px;
    cursor:pointer;
    display:block
}
.populer-cat-popout a:focus,.populer-cat-popout a:hover,.populer-cat-view a:focus,.populer-cat-view a:hover{
    text-decoration:none;
    color:#fff
}
.chk-whos-near-btn{
    width:100%;
    float:left;
    margin-top:10px
}
.chk-whos-near-btn .btn.focus,.chk-whos-near-btn .btn:focus,.chk-whos-near-btn .btn:hover{
    color:#fff
}
.fake-loader-near-tech-search{
    top:0;
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    left:0;
    z-index:9999999
}
.holder-wrap{
    position:absolute;
    bottom:0;
    width:100%;
    padding:0 0 30px 0;
    background:#fff
}
.loader-progress-bar{
    width:100%;
    height:4em;
    border:5px solid #fff;
    color:#0e5f76;
    position:relative
}
.loader-progress-bar:after,.loader-progress-bar:before{
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    position:absolute;
    overflow:hidden
}
.loader-progress-bar:after{
    right:100%;
    -webkit-animation:loaderBarInfinite 17s infinite linear,loaderBarScroll 17s infinite linear;
    animation:loaderBarInfinite 17s infinite linear,loaderBarScroll 17s infinite linear;
    background:#4285f4
}
@-webkit-keyframes loaderBarInfinite{
    from{
        background-position:100% 0
    }
    to{
        background-position:-100% 0
    }
}
@keyframes loaderBarInfinite{
    from{
        background-position:100% 0
    }
    to{
        background-position:-100% 0
    }
}
@-webkit-keyframes loaderBarScroll{
    to{
        right:0
    }
}
@keyframes loaderBarScroll{
    to{
        right:0
    }
}
.fake-loader-near-tech-search-text{
    font-size:3em;
    font-weight:600;
    line-height:initial;
    padding:30px 25px 0 25px
}
.input-icon.right{
    position:relative
}
.input-group .form-control{
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    color:#000
}
.btn-lg span{
    font-family:open_sansregular;
    font-size:34px;
    color:#3091d5
}
.near-technician-search-big .pos-relative{
    position:relative
}
.vdo-wraper{
    display:inline-block;
    padding:30px 0;
    width:100%;
    background-color:#fff
}
.search-text{
    text-align:center;
    color:#000;
    width:100%;
    font-family:open_sansregular;
    background-color:#fff;
    z-index:9;
    padding:90px 0;
    display:none
}
.search-text .box i{
    margin-right:2px;
    display:block;
    font-size:30px
}
.dark-bg{
    background-color:#000;
    opacity:.6;
    height:114vh;
    position:absolute;
    top:0;
    width:100%
}
.near-technician-search-big input,.near-technician-search-big input:focus{
    border-width:0 0 1px 0!important;
    height:50px!important;
    font-size:20px!important;
    padding:10px 35px 10px 15px!important;
    color:#a2a2a2!important;
    border-color:#ddd!important;
    box-shadow:none!important;
    font-weight:400
}
.form-control{
    display:block;
    width:100%;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:0
}
.near-technician-search-big .input-icon.right>i{
    padding-top:10px;
    right:8px;
    float:right
}
.fake-bg{
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    height:100%;
    width:100%
}
.dapp{
    background-color:#000;
    border-radius:0;
    font-weight:700;
    margin-top:-140px
}
.utzo-guarante{
    background-color:#fff;
    margin-top:15px;
    min-height:253px;
    border-bottom:1px solid #ccc;
    width:100%;
    display:inline-block
}
.utzo-guarante h1{
    color:#e0b604;
    margin:0;
    font-family:open_sansbold;
    margin-top:50px;
    line-height:35px;
    font-weight:700!important;
    font-size:67px
}
.utzo-guarante p{
    font-size:67px;
    color:#000
}
.foter-baner button:hover{
    background-color:#fff!important
}
.home-care-search button:hover{
    background-color:#fff!important
}
.seal-img img{
    margin-top:30px
}
.guarante-list ul{
    margin-top:30px
}
.guarante-list ul li{
    font-size:19px;
    color:#000;
    line-height:35px;
    position:relative
}
.guarante-list ul li i{
    position:absolute;
    left:-40px;
    top:8px;
    color:#e0b604;
    position:absolute
}
.pro-custom{
    background:url(../images/pro-custom-bg.png) repeat 50% 0;
    padding:150px 0
}
.pro-custom a{
    font-size:30px;
    font-weight:700;
    color:#000
}
.pro-custom a:hover{
    color:#000
}
.pro-custom h1{
    text-align:center;
    margin:0;
    text-transform:uppercase;
    font-weight:700
}
.app-store-link{
    background:url(../images/app-download-bg.png) no-repeat 50% 0;
    padding-bottom:125px;
    border-bottom:1px solid #ccc;
    background-size:100%
}
.app-store-link h4{
    text-align:center;
    margin-top:0
}
.utzo-shield{
    display:inline-block;
    width:100%;
    border-top:1px solid #e1e1e1
}
.gray-bg{
    background-color:#ddddde
}
.featured-four img{
    position:absolute;
    bottom:0;
    left:27%
}
.featured-second .col-md-6{
    height:795px
}
.featured-box-size{
    width:50%;
    margin:0 auto;
    text-align:center;
    padding:70px 0 70px
}
.featured-box-size h2{
    font-weight:700;
    margin:5px 0
}
.utzo-shield img{
    margin-top:30px
}
.utzo-shield .guarante-list ul{
    margin-top:24px
}
.utzo-shield .guarante-list ul li{
    font-size:27px;
    line-height:45px
}
.utzo-shield .col-md-4:first-child{
    background-color:#000
}
.card-right .regular_btn{
    margin-left:30px
}
.card-section .regular_btn{
    font-size:18px;
    background-color:#fff;
    border-color:#000
}
.card-section .col-md-6{
    background-color:#f2f2f2
}
.area-section{
    background:url(../images/cities-bg.png) no-repeat;
    border-bottom:1px solid #ccc
}
.area-section .collapse.in{
    height:400px
}
.area-section .container{
    width:86%;
    margin:0 auto
}
.area-section ul li{
    line-height:32px
}
.area-section .regular_btn{
    margin-bottom:15px;
    font-size:20px;
    margin-top:15px
}
.area-section ul li a{
    color:#000;
    text-decoration:none;
    font-weight:400
}
.area-section ul li a:hover{
    text-decoration:underline
}
.hw-bg{
    background-color:#000;
    color:#fff;
    padding:20px 0;
    margin-bottom:50px
}
.hw-bg h3{
    color:#fff;
    text-align:center;
    margin:0;
    font-weight:700;
    font-size:40px
}
.hw-bg p{
    color:#fff;
    text-align:center
}
.screen-section p{
    color:#000;
    margin-top:25px
}
.ss-section{
    margin:0 0 20px
}
.ss-heading h4{
    margin:5px;
    font-weight:700;
    font-size:36px
}
.ss-heading{
    text-align:center;
    margin-top:155px
}
.ss-heading p{
    margin-top:0;
    font-size:22px
}
.ss-header{
    background-color:#000
}
.card-section h3{
    font-weight:700;
    padding:10px 25px 0;
    margin:30px 0;
    min-height:100px;
    font-size:36px
}
.fade-section{
    background-color:rgba(255,255,255,.8);
    width:100%;
    position:fixed;
    bottom:0;
    height:150px
}
.load-content{
    border:16px solid #f3f3f3;
    border-top:16px solid #000;
    border-bottom:16px solid #000;
    border-radius:50%;
    width:80px;
    height:80px;
    margin:55px auto auto;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    position:relative
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.card-section{
    padding:60px 0;
    background-color:#f4f4f4
}
.card-left img{
    margin-top:5px;
    width:100%
}
.card-right h3{
    margin-left:30px
}
.card-right p{
    margin-left:30px
}
.utzo-shield .col-md-4 h1{
    color:#fff;
    margin:60px 25px;
    font-size:32px;
    font-weight:700;
    line-height:50px
}
.iphone-video-wrapper{
    position:relative;
    display:block;
    width:100%
}
.app-store{
    margin-top:30px
}
.app-store-link .iphone-screen{
    background:url(../images/iphone-X.png) no-repeat 50% 0;
    min-height:600px;
    width:350px;
    width:100%;
    display:inline-block;
    background-size:100% 100%;
    overflow:hidden;
    position:relative
}
.app-store-link .iphone-video{
    position:absolute;
    left:0;
    overflow:hidden;
    padding-right:20px
}
.app-store-link h1{
    text-align:center;
    font-weight:700;
    font-size:30px
}
.app-store-link video{
    width:83%
}
.app-store-link .fc-box{
    border:1px solid #959595;
    padding:45px 40px;
    background-color:#fff;
    border-top:20px solid #959595
}
.app-store-link .fc-box .app-store{
    margin-top:44px
}
.fc-heading p{
    font-size:36px;
    font-weight:700;
    line-height:50px
}
.app-store-link .app-store{
    margin-top:10px
}
.app-store-link .fc-box h5{
    font-size:22px;
    margin:15px 0;
    font-weight:700
}
.app-store-link .fc-box .link-send{
    padding-left:15px
}
.app-store-link .enter-phone .col-md-12{
    display:flex
}
.app-store-link .fc-box .form-control{
    width:100%;
    height:57px;
    font-size:18px;
    border-radius:0;
    padding-left:18px
}
.app-store-link .link-send p{
    margin-bottom:10px;
    color:#000
}
.link-send span{
    font-size:16px!important
}
.featured-section{
    padding:90px 0
}
.featured-section .col-md-6{
    position:relative
}
.estimate-screen img{
    float:left
}
.estimate-screen .featured-content{
    top:10px;
    right:85px
}
.gift-screen img{
    float:right
}
.gift-screen .featured-content{
    margin-top:10px;
    left:75px
}
.dasboard-screen .featured-content{
    right:0
}
.dasboard-screen img{
    float:right
}
.featured-content{
    position:absolute;
    top:0;
    width:40%;
    margin:0 30px
}
.featured-section h2{
    margin:0;
    text-align:center;
    font-weight:700;
    margin-bottom:50px
}
.featured-section h3{
    margin:0;
    font-weight:700
}
.featured-section p{
    color:#000
}
.app-store-link .fc-box .btn-2{
    width:150px;
    color:#000!important;
    background-color:transparent;
    height:57px;
    line-height:28px;
    border:1px solid #000
}
.app-store-link .fc-box .btn-2:hover{
    background-color:#000;
    color:#fff!important
}
.service-tab{
    background-image:url(../images/service-tab-bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:bottom center;
    width:100%;
    color:#fff;
    padding:60px 0;
    color:#fff
}
.service-tab .tab-content .active{
    display:block;
    width:50%;
    background-color:#fff;
    padding:3px 35px 80px;
    height:350px
}
.service-tab .tab-content p{
    color:#000;
    font-size:18px
}
.service-tab .tab-content .btn{
    border:1px solid #000;
    color:#000;
    background-color:transparent;
    font-size:22px;
    border-radius:0
}
.service-tab .tab-content .btn:hover{
    background-color:#000;
    color:#fff
}
.nav-phone{
    font-size:20px;
    font-weight:700;
    margin-right:20px;
    margin-top:-3px
}
.nav-phone i{
    font-size:24px;
    margin-right:5px
}
.nav-phone a:hover{
    color:#54aef8;
    text-decoration:none
}
.nav-phone a:focus{
    color:#54aef8;
    text-decoration:none
}
.service-tab h3{
    color:#000;
    font-size:24px;
    line-height:50px;
    margin-bottom:0;
    font-weight:700
}
.service-tab ul.nav-tabs{
    background-color:#fff;
    color:#000;
    display:flex;
    margin-left:0
}
.service-tab ul.nav-tabs li.active{
    border-bottom:3px solid #000
}
.tab-counters{
    position:absolute;
    top:10px;
    color:#fff;
    min-height:340px;
    width:49%;
    right:0;
    background:rgba(0,0,0,.5);
    padding-top:45px
}
.tab-counters h3{
    text-align:center;
    margin:25px 0;
    color:#fff;
    background-image:url(../images/heading-square.png);
    padding:25px 0;
    background-repeat:no-repeat;
    background-position:center center
}
.tab-counters .col-md-4{
    font-size:22px;
    margin-bottom:25px;
    text-transform:uppercase;
    text-align:center;
    font-weight:400
}
.tab-counters h3 span{
    color:#54aef8
}
.covid-top-header{
    background-color:#000;
    color:#fff;
    padding:20px 0
}
.covid-top-header i{
    color:#fff;
    font-size:27px
}
.covid-top-header p{
    color:#fff;
    margin-bottom:0;
    padding-bottom:0;
    margin-top:12px;
    margin-right:5px;
    font-size:15px
}
.covid-top-header a{
    text-decoration:underline;
    color:#54aef8;
    font-weight:700
}
.covid-top-header a:hover{
    text-decoration:none;
    color:#54aef8
}
.covid-top-header a:focus{
    color:#54aef8
}
.covid-top-header .close-covid{
    margin-right:0;
    margin-top:-11px;
    opacity:10;
    color:#fff
}
.covid-top-header .container{
    display:flex
}
.covid-banner img{
    width:100%
}
.covid-top-header img{
    width:70px;
    margin-right:9px
}
.utzo-covid{
    padding-top:50px
}
.utzo-covid .modal-title{
    font-weight:700;
    font-size:36px
}
.utzo-covid ul li{
    color:#000;
    font-size:20px;
    display:list-item;
    list-style:disc!important;
    font-weight:400
}
.utzo-covid ul{
    list-style-type:disc
}
.utzo-covid a{
    color:#54aef8;
    text-decoration:underline
}
.utzo-covid a:hover{
    color:#54aef8;
    text-decoration:none
}
.utzo-covid a:focus{
    color:#54aef8;
    text-decoration:none
}
.utzo-covid p{
    color:#000;
    font-size:20px
}
.utzo-covid h3{
    margin:10px 0;
    font-size:24px;
    font-weight:600
}
.tab-counters b{
    font-size:28px;
    font-family:open_sansregular;
    display:block
}
.tab-content{
    position:relative
}
.service-tab ul.nav-tabs li.active{
    border-bottom:3px solid #000
}
.service-tab ul.nav-tabs li a{
    color:#000;
    border:1px solid #fff;
    text-align:center;
    padding:20px 0;
    font-size:14px;
    font-weight:400
}
.service-tab ul.nav-tabs li{
    width:-webkit-fill-available
}
.service-tab ul.nav-tabs li i{
    font-size:30px;
    width:100%;
    margin-bottom:5px
}
.section-line{
    width:81%;
    position:relative;
    top:90px
}
.emergency-service h3{
    margin:15px 0;
    font-weight:700
}
.emergency-service p{
    font-size:20px;
    color:#000
}
.emergency-service button{
    background-color:transparent;
    border-radius:0;
    border:1px solid #000;
    color:#000!important;
    padding-bottom:15px
}
.trending-projects{
    background-color:#ebebeb
}
.tp-size{
    padding:60px 0!important
}
.trending-projects h1{
    text-align:center;
    margin:0 0 30px
}
.more-btn{
    width:200px
}
.emergency-service button i{
    margin:0 0 0 20px
}
.emergency-service button:hover{
    color:#fff!important
}
.trending-projects{
    padding:40px 0;
    clear:both;
    margin-top:-6px
}
.emergency-service{
    padding:20px 0
}
.cta-box{
    border:1px solid #d7d7d5
}
.cta-box .header{
    background:#000;
    padding:30px;
    font-size:2em;
    line-height:normal;
    text-align:center;
    color:#fff
}
.cta-box .cta-inner{
    padding:30px;
    display:inline-block;
    width:100%;
    text-align:center
}
.cta-box .cta-inner .box1,.cta-box .cta-inner .box2,.cta-box .cta-inner .box3{
    color:#fff;
    border:1px solid #dedede;
    padding:10px;
    height:100px
}
.cta-box .cta-inner .box3 a{
    display:flex;
    justify-content:center
}
.cta-box .cta-inner .box3 a .img-cirle{
    position:relative;
    top:-37px;
    left:-20px;
    width:60px;
    height:60px;
    overflow:visible;
    border-radius:50%
}
.cta-box .cta-inner .box3 a .img-cirle:before{
    content:'';
    background-color:green;
    position:absolute;
    top:8px;
    right:-2px;
    z-index:9;
    width:12px;
    height:12px;
    border-radius:50%
}
.cta-box .cta-inner h3{
    margin-bottom:5px
}
.cta-box .cta-inner span{
    margin-bottom:5px
}
.cta-box .cta-inner .box1 a,.cta-box .cta-inner .box1 h3{
    color:#000!important;
    font-size:24px
}
.cta-box .cta-inner .box2 a,.cta-box .cta-inner .box2 h3{
    color:#000!important;
    font-size:24px
}
.cta-box .cta-inner .box3 a,.cta-box .cta-inner .box3 h3{
    color:#000!important;
    font-size:24px
}
.img-cirle img{
    width:100%;
    border-radius:50%
}
.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
}
.open-button{
    background-color:#000;
    color:#fff;
    padding:16px 15px;
    border:none;
    cursor:pointer;
    opacity:.8;
    position:fixed;
    bottom:-5px;
    right:80px;
    border-radius:50%
}
.promt-popout{
    position:fixed;
    bottom:100px;
    right:90px;
    width:auto;
    height:auto;
    z-index:9999
}
.Prompt{
    bottom:77px!important;
    right:63px!important;
    transition:all .3s;
    animation:fadeIn .25s ease;
    align-items:flex-end;
    display:flex;
    flex-direction:column;
    margin:16px;
    padding-top:20px;
    position:fixed
}
.Prompt__CloseButton{
    background-color:rgba(255,255,255,.9);
    border-radius:99999px;
    border:none;
    color:#878787;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
    padding:5px 15px;
    margin-right:3px;
    margin-bottom:4px;
    opacity:0
}
.Prompt__MessageBubble{
    border:1px solid #e8e9eb;
    box-shadow:0 8px 20px 0 rgba(0,0,0,.24);
    position:relative;
    background:#fff;
    border-radius:13px;
    box-sizing:border-box;
    cursor:pointer;
    display:flex;
    flex-direction:row;
    max-width:290px;
    padding:24px;
    width:100%;
    z-index:99999
}
.img-cirle.bdr-ripple-ani-btn{
    border-radius:50%;
    display:inherit;
    margin-top:5px;
    overflow:hidden;
    width:130px;
    height:50px;
    border:2px solid #ccc
}
.Prompt__PromptText{
    padding-left:12px;
    font-size:16px;
    line-height:1.4;
    max-width:190px
}
.localizedContent{
    white-space:normal!important;
    font-size:14px
}
.SendSmsPage__FormContainer{
    padding:0;
    position:relative;
    display:flex;
    justify-content:flex-start;
    height:auto
}
.welcome-text{
    display:flex;
    margin:15px
}
.custome-header{
    background-color:#000;
    color:#fff;
    text-align:center;
    padding:15px
}
.SendButton.SendButton--incomplete{
    background-color:#000;
    color:#fff;
    font-weight:700
}
.custome-header h4{
    color:#fff
}
.TextInput{
    position:relative;
    margin:12px 0;
    opacity:0;
    animation:textFade .3s linear forwards .3s
}
.TextInput input,.TextInput textarea{
    resize:none;
    font-family:Graphik,avenir next,avenir,Helvetica,sans-serif;
    background:0 0;
    border:0;
    color:#333;
    font-size:14px;
    height:30px;
    outline:0;
    position:relative;
    width:100%;
    z-index:1;
    line-height:20px;
    padding:8px 0
}
.custom-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background-color:rgba(0,0,0,.5);
    z-index:99999;
    display:flex!important;
    justify-content:center;
    flex-direction:column;
    align-items:center
}
.custom-overlay .end-chat-btn{
    float:none
}
.custom-overlay .no{
    background-color:#868686;
    border:0;
    padding:5px 15px
}
.custom-overlay .no:hover{
    background-color:#868686!important
}
.custom-overlay .yes{
    background-color:#000;
    padding:5px 15px
}
.custom-overlay .yes:hover{
    background-color:#868686
}
.custom-overlay .popup{
    width:80%;
    min-height:250px;
    background-color:#fff;
    padding:10px;
    border-radius:5px;
    position:relative;
    z-index:99;
    font-weight:400!important;
    color:#272727;
    font-size:17px;
    line-height:normal;
    opacity:0;
    animation:innerBubbleGrow .2s ease forwards 0s;
    transform-origin:bottom center;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.custom-overlay .popup .icon{
    display:flex;
    border-radius:50%;
    width:85px;
    height:85px;
    margin:10px;
    justify-content:center;
    flex-direction:column;
    margin:10px auto;
    border:1px solid #000
}
.custom-overlay .popup h3{
    margin:15px 0;
    font-weight:700!important;
    line-height:normal
}
.custom-overlay .popup .end-chat-btn.yes{
    background-color:#000;
    border:0
}
.custom-overlay .popup .icon i{
    font-size:60px;
    margin:10px
}
.SendSmsPage__FormContent{
    margin-right:10px!important
}
.TextInput input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{
    background-color:transparent!important
}
.TextInput .TextInput__Input{
    box-shadow:none!important;
    margin-bottom:0;
    background-color:transparent
}
.TextInput textarea{
    box-shadow:none!important;
    margin-bottom:0;
    background-color:transparent
}
.TextInput input:valid~label{
    top:0
}
.Legal--isActive p{
    padding:0 10px
}
.TextInput--message label{
    top:15px!important
}
.input_msg_write .msg_send_btn{
    height:auto;
    width:auto;
    padding:7px 10px
}
.TextInput label{
    color:rgba(0,0,0,.5);
    font-size:13px;
    font-weight:400;
    left:0;
    line-height:16px;
    pointer-events:none;
    position:absolute;
    top:.5em;
    transition:.2s ease;
    white-space:nowrap;
    z-index:2
}
.TextInput__Bar{
    background-color:#e5ecfd;
    bottom:0;
    height:1px;
    left:0;
    position:absolute;
    width:100%;
    z-index:10
}
.TextInput__Bar::after,.TextInput__Bar::before{
    content:'';
    height:2px;
    position:absolute;
    transition:.2s ease;
    width:0
}
.TextInput__Bar::after,.TextInput__Bar::before{
    background-color:#4c76e0
}
.TextInput__Bar::after{
    right:50%
}
.SendSmsPage__TextInvitation{
    margin-top:5px;
    margin-bottom:5px;
    margin-left:9px;
    padding:13px
}
.SendSmsPage__TextInvitation>div{
    font-size:14px;
    font-weight:400
}
.localizedContent{
    white-space:normal!important;
    font-size:14px
}
.SendSmsPage__TextInvitation::after{
    content:'';
    z-index:-1;
    left:0;
    bottom:0;
    background-color:#e4e9f0;
    border-radius:24px 24px 24px 3px;
    position:absolute;
    width:100%;
    height:100%;
    animation:outerBubbleGrow .4s ease forwards;
    transform-origin:bottom left;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.SendSmsPage__FormContent{
    width:84%;
    opacity:0;
    position:relative;
    display:flex;
    flex-direction:column;
    align-self:flex-end;
    background-color:#fff;
    border-radius:24px 24px 3px 24px;
    margin:0 16px 0 0;
    animation:innerBubbleGrow .2s ease forwards .2s;
    transform-origin:bottom right;
    z-index:2
}
.TextInput{
    position:relative;
    margin:12px 0;
    opacity:0;
    animation:textFade .3s linear forwards .3s
}
.TextInput--tel{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    z-index:10
}
.TextInput{
    position:relative;
    margin:12px 0;
    opacity:0;
    animation:textFade .3s linear forwards .3s
}
.TextInput input,.TextInput textarea{
    resize:none;
    font-family:Graphik,avenir next,avenir,Helvetica,sans-serif;
    background:0 0;
    border:0;
    color:#333;
    font-size:14px;
    height:30px;
    outline:0;
    position:relative;
    width:100%;
    z-index:1;
    line-height:20px;
    padding:8px 0
}
.TextInput label{
    color:rgba(0,0,0,.5);
    font-size:13px;
    font-weight:400;
    left:0;
    line-height:16px;
    pointer-events:none;
    position:absolute;
    top:.5em;
    transition:.2s ease;
    white-space:nowrap;
    z-index:2
}
.TextInput__Bar{
    background-color:#e5ecfd;
    bottom:0;
    height:1px;
    left:0;
    position:absolute;
    width:100%;
    z-index:10
}
.TextInput__Bar::after,.TextInput__Bar::before{
    background-color:#4c76e0
}
.TextInput__Bar::after,.TextInput__Bar::before{
    content:'';
    height:2px;
    position:absolute;
    transition:.2s ease;
    width:0
}
.TextInput__Bar::before{
    left:50%
}
.open-button:hover{
    background-color:000
}
.button:focus,.button:hover,button:focus,button:hover{
    background-color:#000!important
}
.app-bg{
    background-image:url(../images/app-bg.jpg);
    background-repeat:no-repeat;
    background-size:100% 60%;
    height:100vh;
    background-position:center;
    background-size:cover
}
.footer-navigation .social-menus a i{
    left:37%!important
}
.app-content h1{
    text-align:center;
    margin-bottom:60px;
    font-size:75px;
    color:#fff;
    font-weight:700
}
.app-content p{
    text-align:left;
    color:#fff;
    margin-bottom:0;
    width:75%;
    margin:0 auto;
    font-size:18px
}
.app-points p{
    width:100%
}
.app-content .col-md-6 a{
    color:#fff;
    font-size:34px;
    height:60px;
    display:inline-block;
    border-bottom:3px solid #fff;
    width:75%;
    text-align:left
}
.app-content .col-md-6 a i{
    float:right;
    margin-top:5px
}
.app-content .col-md-6 a:hover{
    text-decoration:none;
    border-bottom:0
}
.app-content .container{
    padding-top:160px
}
.app-content h3{
    color:#fff;
    font-weight:700
}
.get-app-wraper{
    width:50%;
    margin:0 auto
}
.app-srach{
    display:flex
}
.get-app-wraper .form-control{
    background-color:transparent;
    border:2px solid #fff;
    height:50px;
    color:#fff;
    font-size:20px
}
.get-app-wraper a{
    white-space:nowrap;
    background-color:#000;
    padding:13px;
    color:#fff;
    display:inline-block;
    height:50px
}
.get-app-wraper a:hover{
    text-decoration:none;
    color:#fff
}
.get-app-wraper a:focus{
    text-decoration:none;
    color:#fff
}
.app-content{
    width:100%;
    text-align:center
}
.chat-poppups .form-container{
    padding:10px;
    background-color:#f5f5fd
}
.chat-poppups .form-container textarea{
    width:100%;
    padding:15px;
    margin:5px 0 22px 0;
    border:none;
    background:#f1f1f1;
    resize:none;
    min-height:200px
}
.chat-poppups .form-container textarea:focus{
    background-color:#ddd;
    outline:0
}
.chat-poppups .form-container .btn{
    background-color:#fff;
    color:#000;
    padding:8px 20px;
    border:none;
    cursor:pointer;
    width:100%;
    border:1px solid #000;
    font-size:20px
}
.chat-poppups .form-container .btn:hover{
    color:#fff
}
.chat-poppups .form-container .cancel{
    background-color:#fff;
    color:#000;
    width:auto;
    border-radius:50%;
    opacity:10;
    padding:11px 22px;
    font-size:30px;
    right:72px;
    border:1px solid #000
}
.chat-poppups .cancel:hover{
    background-color:#fff!important;
    color:#000!important
}
.chat-poppups .cancel:focus{
    background-color:#fff!important;
    color:#000!important
}
.chat-poppups .form-container .btn:hover,.open-button:hover{
    opacity:1
}
.cta-inner h3{
    margin:0
}
.trending-projects .col-sm-2{
    text-align:center;
    margin:20px 0;
    cursor:pointer;
    min-height:150px
}
.trending-projects .col-sm-2 span{
    display:block;
    width:100%;
    margin-top:10px
}
._redirect_to_service_page{
    margin-bottom:10px;
    text-align:center
}
.tp-box{
    min-height:70px
}
.tp-box i{
    font-size:60px
}
.tp .carousel-inner .col-sm-2{
    cursor:pointer;
    height:150px
}
.f-menus .heading a{
    color:#fff
}
.screen-process .container{
    margin-bottom:30px
}
.screen-process p{
    color:#000
}
.screen-process h1{
    font-weight:700;
    margin:5px 0
}
.screen-process{
    border-top:1px solid #d7d7d7;
    margin-top:30px;
    padding:50px 0
}
.screen-process h2{
    font-size:28px;
    font-weight:700;
    margin-top:15px;
    padding:0
}
.regular_btn{
    background-color:transparent;
    border-radius:0;
    border:1px solid #000;
    color:#000!important;
    font-size:26px;
    padding:10px 35px
}
.regular_btn:focus{
    background-color:#000;
    color:#fff!important
}
.mobile-carousel .carousel-indicators{
    display:block
}
.mobile-carousel .carousel-caption h1{
    text-shadow:none;
    margin-bottom:0;
    font-weight:700;
    font-size:24px
}
.mobile-carousel .carousel-caption p{
    text-shadow:none;
    font-weight:700
}
.mobile-carousel .carousel-caption{
    top:330px;
    left:450px;
    width:358px;
    text-align:left
}
.mobile-carousel .carousel-indicators li.active{
    background-color:#000
}
.mobile-carousel .carousel-indicators li{
    border-color:#000;
    background-color:#fff
}
.regular_btn:hover{
    background-color:#000;
    color:#fff!important;
    border-radius:0
}
.regular_btn:focus{
    border-radius:0!important
}
.owl-stage-outer i{
    color:#000
}
.most-populer-cat i{
    color:#000
}
.chat-heading{
    background-color:#ebebeb;
    border-top:3px solid #000
}
.chat-heading h1{
    font-weight:700;
    margin-top:0;
    font-size:36px;
    padding:10px 0
}
.chat-heading img{
    margin-top:-80px
}
.cta-action .col-md-4{
    margin:5px 0;
    text-align:center
}
.cta-action .col-md-4 h2{
    font-size:45px;
    font-weight:700;
    margin:15px 0 5px
}
.cta-action .col-md-4 a{
    text-decoration:underline;
    font-size:28px;
    color:#000
}
.cta-action .col-md-4 a:hover{
    text-decoration:none
}
.cta-action .col-md-4 h2 i{
    margin-right:10px
}
.cta-action .col-md-4 h2 a{
    font-size:45px;
    text-decoration:none
}
.see-pros .sp-img-box img{
    width:100%
}
.sp-content{
    background-color:#ebebeb;
    margin:0 auto;
    width:65%;
    text-align:center;
    padding:30px 0
}
.sp-content h3{
    margin:0
}
.sp-content span{
    margin-top:-75px;
    display:block
}
.sp-img-box{
    border:1px solid #dedfde;
    padding:15px;
    min-height:385px;
    width:65%;
    margin:0 auto
}
.sp-content h3{
    margin-top:15px;
    font-weight:700
}
.u-services .col-md-4 span{
    width:100%;
    font-weight:400;
    display:block;
    font-size:20px;
    text-align:center
}
.u-services .col-md-4 i{
    font-size:30px
}
.u-services h1{
    margin-top:80px
}
.u-services .col-md-4{
    text-align:center;
    margin:20px 0
}
.map-services{
    border:1px solid #dedfde;
    margin-top:20px;
    padding:30px;
    min-height:380px;
    width:100%;
    margin:126px auto auto;
    display:inline-block
}
.utzo-reviews h1{
    margin:23px 0 0
}
.utzo-reviews{
    padding-bottom:50px
}
#quote-carousel{
    padding:0 10px 30px 10px;
    margin-top:30px;
    text-align:center
}
#quote-carousel .carousel-indicators{
    right:50%;
    top:auto;
    bottom:-10px;
    margin-right:-19px
}
#quote-carousel .carousel-indicators li{
    background:silver
}
#quote-carousel .carousel-indicators .active{
    background:#333;
    height:10px;
    width:10px;
    margin-bottom:1px
}
.utzo-reviews .carousel-indicators{
    display:block
}
.utzo-reviews .carousel-indicators li{
    border:0
}
.utzo-reviews strong{
    font-size:22px
}
.utzo-reviews .carousel-inner p{
    font-size:22px;
    font-weight:400;
    color:#000
}
.utzo-stars i{
    font-size:30px;
    color:#2f93f9;
    margin:10px;
    position:relative;
    top:7px
}
.utzo-reviews .item{
    margin-top:0!important;
    margin-bottom:20px!important
}
.tag-carousel{
    background-image:url(../images/tag-carousel-bg.jpg);
    background-repeat:no-repeat;
    background-size:100% 60%;
    padding-top:60px
}
.tag-carousel h3{
    color:#fff;
    text-align:center;
    margin-bottom:30px;
    font-size:36px;
    font-weight:700
}
.mobile-carousel{
    background-image:url(../images/mobile-slider-frame.png);
    background-size:100%;
    height:735px!important;
    background-repeat:no-repeat;
    background-position:top center
}
.foter-icons img{
    margin:0 30px
}
.mobile-carousel .item{
    margin-top:37px!important
}
.revenue-join{
    background-color:#282828;
    padding:50px 0
}
.revenue-join h1{
    color:#fff;
    margin:15px 0
}
.tag-carousel .carousel-inner{
    width:300px;
    margin:0 auto;
    height:675px;
    border-radius:0 0 35px 30px
}
.revenue-join .regular_btn{
    border:1px solid #fff;
    color:#fff!important
}
.tag-carousel span{
    color:#fff!important
}
.tag-carousel{
    margin-top:50px
}
.tag-carousel .carousel-inner>.item .tag-carousel .carousel-inner .item{
    border-radius:0 0 20px 20px;
    overflow:hidden
}
.tag-carousel #myCarousel{
    width:337px
}
.tag-carousel .carousel-control{
    background-image:none;
    top:25%
}
#myCarousel a.left.carousel-control{
    color:#fff;
    font-size:4em;
    top:12%;
    left:0;
    right:auto;
    bottom:auto;
    position:absolute;
    width:auto
}
#myCarousel a.right.carousel-control{
    color:#fff;
    font-size:4em;
    top:12%;
    left:auto;
    right:0;
    bottom:auto;
    position:absolute;
    width:auto
}
.ws-content{
    background:url(../images/workmanship-left.png) no-repeat top left!important;
    padding:175px 30px 175px
}
.ws-content h2{
    margin:5px 0;
    font-size:24px;
    font-weight:700
}
.ws-content a{
    color:#000;
    font-size:26px
}
.ws-content .fa-phone{
    background-color:#000;
    border-radius:50%;
    font-size:20px;
    margin-right:10px;
    color:#fff;
    padding:8px 9px
}
.ws-content .row{
    margin-top:20px
}
.ws-content .row a{
    font-size:22px
}
.ws-content .row a{
    font-size:26px;
    margin-right:30px;
    background-color:transparent!important;
    padding:0!important;
    color:#000!important
}
.ws-content a:hover{
    color:#000
}
.ws-content .row a i{
    margin-right:5px
}
.ws-img img{
    width:80%;
    margin-top:190px
}
.ws-section{
    border-top:1px solid #e5e5e5;
    margin-top:50px
}
.ws-content p{
    color:#000;
    font-size:22px
}
.home-care{
    background:url(../images/home-care-bg.jpg) no-repeat 100%;
    padding:120px 30px;
    margin-top:80px
}
.home-care h1{
    font-size:30px;
    margin:10px 0;
    color:#fff;
    font-weight:700
}
.home-care p{
    color:#fff
}
.home-care-search{
    display:flex;
    width:40%;
    margin:0 auto
}
.home-care-search .form-control{
    margin:0;
    height:60px;
    padding-left:20px;
    font-size:20px
}
.home-care-search button{
    background-color:#000;
    color:#fff
}
.home-care-search button:hover{
    background-color:#fff;
    color:#000!important
}
.card-section .col-md-6{
    text-align:center
}
.card-bg3{
    background-image:url(../images/card-bg.jpg);
    padding:50px;
    background-size:100%
}
.credit-section{
    background-image:url(../images/card-bg1.jpg);
    border-bottom:3px solid #000;
    height:280px;
    background-size:100%
}
.card-bg1{
    background-image:url(../images/card-bg2.jpg);
    background-size:100%
}
.card-toward{
    background:rgba(0,0,0,.5);
    text-align:center;
    padding-bottom:15px;
    border-radius:15px;
    display:none;
    display:none
}
.card-cont{
    background-color:#fff;
    padding-bottom:35px
}
.card-section .col-md-6 i{
    color:#000;
    font-size:40px;
    border-radius:50%;
    padding:15px 17px;
    margin-top:-69px;
    background-color:#fff;
    border:2px solid #000;
    position:absolute;
    left:30px;
    float:left
}
.card-section .col-md-4 .regular_btn{
    background-color:#000;
    color:#fff!important
}
.card-toward h2{
    color:#fff;
    font-size:85px;
    font-weight:700
}
.card-toward p{
    font-size:36px;
    font-weight:700;
    color:#fff;
    line-height:42px
}
#cboxLoadedContent{
    font-family:open_sansregular!important
}
.questions-answers{
    padding:0
}
.questions-answers [type=checkbox]+label{
    font-size:18px
}
#cboxLoadedContent .questions-answers .question{
    font-size:38px;
    padding-bottom:0;
    position:relative;
    line-height:29px;
    margin-bottom:30px;
    text-align:left;
    padding-left:105px
}
#cboxLoadedContent .position-sticky-div{
    bottom:0;
    padding:10px!important;
    background:#fff
}
.position-sticky-div a.web-btn-primary{
    background-color:#4285f4;
    text-decoration:none;
    color:#fff;
    font-size:20px;
    font-weight:600;
    transition:all .3s;
    display:inline-block;
    border-radius:0;
    position:relative;
    z-index:1;
    width:auto
}
.questions-answers .question{
    background:#f4f4f4;
    padding:35px 0;
    position:relative;
    text-align:center;
    font-size:30px;
    color:#000
}
.questions-answers .question strong{
    display:none
}
.question-help-icon{
    padding:10px 20px 0;
    text-align:right;
    cursor:pointer;
    font-weight:600;
    font-size:18px;
    color:#f1362f
}
.question-tooltip{
    margin:20px;
    padding:20px;
    font-size:16px;
    position:relative;
    border:1px solid #ddd
}
.question-tooltip .top-close-btn{
    position:absolute;
    border-radius:0;
    border:none;
    color:#e94335;
    top:0;
    padding:7px;
    right:0;
    font-size:16px;
    z-index:111
}
.questions-answers .ckbox,.questions-answers .radio-wrap{
    padding:5px 30px 4px;
    border-bottom:1px solid #e2e8f1
}
#cboxWrapper .questions-answers .ckbox,#cboxWrapper .questions-answers .radio-wrap{
    border-bottom:none!important
}
#cboxWrapper .questions-answers .ckbox{
    padding:10px 20px 4px
}
.questions-answers .radio-wrap input{
    margin-right:10px
}
.questions-answers .radio-wrap label{
    color:#181818;
    font-size:16px;
    padding-left:20px;
    font-weight:600;
    letter-spacing:normal
}
.questions-answers .radio-wrap label:before{
    top:47%;
    left:20px
}
.questions-answers .radio-wrap input[type=radio]:checked+label::after{
    top:47%;
    left:24px
}
.new-location-icon{
    position:absolute;
    text-align:center;
    width:70px;
    height:70px;
    background:#333;
    line-height:70px;
    color:#fff;
    left:20px;
    border-radius:50%;
    bottom:-18px;
    font-size:36px
}
.new-location-address{
    padding-left:30px;
    background:#efefef;
    position:relative;
    height:140px;
    overflow-y:auto
}
.new-location-address .radio-wrap:after{
    position:absolute;
    content:"";
    left:-40px;
    width:70px;
    height:1px;
    background:#fff;
    bottom:-1px
}
.questions-answers .new-location-address .radio-wrap{
    background:#efefef;
    border-bottom:1px solid #fff
}
.questions-answers .new-location-address .radio-wrap .address-title{
    font-size:15px;
    margin:0
}
.questions-answers .new-location-address .radio-wrap input{
    position:absolute
}
.questions-answers .new-location-address .radio-wrap label{
    padding-left:28px
}
#getNearestSearch_input_section input.form-control{
    box-shadow:none;
    font-weight:400
}
#cboxContent .chosen-container{
    padding:0 5px
}
#cboxContent .chosen-container a.chosen-single{
    border:none!important;
    outline:0!important;
    height:auto!important;
    position:relative;
    margin:5px 0;
    padding:0;
    background:0 0!important
}
#cboxContent .chosen-container a.chosen-single span{
    display:block;
    width:100%;
    height:40px;
    padding:6px 9px;
    font-size:13px;
    line-height:1.42857143;
    color:#8c8c8c;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    letter-spacing:normal;
    font-weight:400;
    border-radius:2px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
#cboxContent .chosen-container-active a.chosen-single span{
    padding:6px 12px;
    margin:0;
    font-weight:400
}
#cboxContent .chosen-container a.chosen-single div{
    background:url(../images/select-dropdown.png) no-repeat center right!important;
    width:30px;
    right:10px;
    position:absolute;
    top:0;
    right:10px
}
#cboxContent .chosen-container.chosen-with-drop .chosen-drop{
    left:1px;
    border:none!important;
    position:absolute
}
#cboxContent .chosen-container ul.chosen-results{
    max-height:150px!important
}
#cboxContent .chosen-container ul.chosen-results li{
    font-weight:400;
    letter-spacing:normal;
    font-size:13px
}
#cboxContent .chosen-container ul.chosen-results li.highlighted{
    background:#888!important
}
#cboxContent .chosen-container-single .chosen-search input[type=text]{
    padding:8px 20px 8px 5px
}
.demo{
    height:300px;
    width:100%
}
#myCarousel{
    max-width:350px;
    margin:0 auto;
    height:auto;
    padding:0
}
.content-slider li{
    background-color:#000;
    text-align:center;
    color:#fff
}
.content-slider h3{
    margin:0;
    padding:70px 0
}
.content-slider img{
    width:100%!important
}
.gal-img{
    width:100%!important
}
.carousel-control.left{
    background-image:none
}
.carousel-control.right{
    background-image:none
}
.carousel-control span{
    color:#fff!important;
    font-size:46px!important
}
.carousel-inner{
    height:-webkit-fill-available
}
.carousel-inner .carousel-bg{
    background:url(../images/carousel-images/iphone-X.png) no-repeat 50% 0;
    width:100%;
    height:100%;
    position:absolute;
    background-size:100%;
    overflow:hidden;
    z-index:99
}
.mobile-carousel .carousel-inner img{
    display:inline!important;
    max-width:300px!important;
    position:relative;
    left:1px;
    top:37px
}
#myCarousel .carousel-control.left{
    left:-275px!important
}
#myCarousel .carousel-control.right{
    right:-275px!important
}
.glyphicon-chevron-left:before{
    content:"\f053";
    font-family:FontAwesome;
    font-size:36px
}
.glyphicon-chevron-right:before{
    content:"\f054";
    font-family:FontAwesome;
    font-size:36px
}
.carousel-indicators li{
    border-color:#4c95fd
}
.carousel-indicators li.active{
    background-color:#4c95fd
}
.carousel-inner h3{
    margin:0;
    padding:0!important;
    color:#4c95fd;
    text-shadow:none
}
.carousel-inner p{
    font-size:18px;
    text-shadow:none;
    font-weight:700
}
.carousel-indicators{
    bottom:15px
}
.carousel-inner>.item{
    margin-top:58px;
    margin-bottom:65px
}
.carousel-caption{
    top:-85px
}
.carousel-indicators{
    display:none
}
.huw{
    margin:0 auto
}
.carousel-control{
    background-image:none!important
}
.carousel-caption h3{
    margin:0;
    padding:0
}
.about-top{
    text-align:center
}
.about-top h2{
    font-size:2.7rem;
    text-align:center;
    font-family:open_sansregular;
    margin:3rem 10px
}
.about-features{
    margin-top:80px!important;
    margin-bottom:25px!important
}
h2.heading{
    padding:20px;
    color:#404040;
    text-transform:capitalize;
    margin:15px 0;
    background-color:#ececec;
    font-size:1.5rem;
    min-height:340px;
    text-align:center;
    box-shadow:0 -4px 10px #d6d6d6
}
h2.heading .image{
    width:150px;
    height:150px;
    overflow:hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    margin:0 auto;
    margin-bottom:15px;
    box-shadow:0 -4px 6px #e8e8e8
}
h2.heading .image img{
    width:100%
}
.about-page p{
    font-size:18px;
    font-family:open_sansregular;
    color:#000
}
.about-page li{
    color:#555;
    font-family:open_sansregular;
    font-weight:400
}
h2.heading.four .image,h2.heading.three .image,h2.heading.two .image{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    box-shadow:none
}
.about-gredient{
    background:#3091d5;
    background:-moz-linear-gradient(left,#3091d5 50%,#3091d5 50%,#f9f9f9 50%);
    background:-webkit-linear-gradient(left,#3091d5 50%,#3091d5 50%,#f9f9f9 50%);
    background:linear-gradient(to right,#3091d5 50%,#3091d5 50%,#f9f9f9 50%)
}
.SendSmsPage__FormContent{
    width:84%;
    opacity:0;
    position:relative;
    display:flex;
    flex-direction:column;
    align-self:flex-end;
    background-color:#fff;
    border-radius:24px 24px 3px 24px;
    margin:0 16px 0 0;
    animation:innerBubbleGrow .2s ease forwards .2s;
    transform-origin:bottom right;
    z-index:2
}
.chat-bubble{
    position:absolute;
    bottom:35px;
    background:#3091d5;
    width:60px;
    height:60px;
    text-align:center;
    border-radius:50%;
    color:#fff;
    font-size:28px;
    padding-top:7px;
    cursor:pointer;
    border:3px solid #e0dfdf;
    box-shadow:inset 0 0 3px #777;
    right:-63px;
    -webkit-transition:.6s ease-out;
    -moz-transition:.6s ease-out;
    transition:.6s ease-out
}
.chat-bubble:hover{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2)
}
.footer-chat-box{
    position:fixed;
    bottom:0;
    left:auto;
    right:80px;
    height:auto;
    transition:all .5s;
    z-index:999999;
    letter-spacing:normal
}
.footer-chat-box header{
    position:relative;
    background:#3091d5;
    color:#1b1b1b!important
}
.form-control{
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.support-chat .support-operator{
    background:#ececec;
    padding:10px 10px;
    position:relative;
    margin-bottom:5px
}
.support-chat .support-operator i{
    font-size:60px;
    position:relative;
    top:-21px;
    background:#ececec;
    border-radius:50%;
    padding:3px 7px;
    color:red;
    display:none
}
.support-chat .support-operator .name span{
    display:block
}
.support-chat .support-operator .name small{
    font-size:13px
}
.support-chat .content{
    padding:10px
}
.support-chat .content .chat-btn button{
    display:block;
    padding:10px 25px;
    background:#3091d5;
    color:#fff;
    font-size:16px;
    cursor:pointer;
    transition:all .3s;
    border:none;
    outline:0;
    width:100%
}
.support-chat .content .chat-btn button:focus,.support-chat .content .chat-btn button:hover{
    transition:all .3s;
    opacity:.8;
    outline:0
}
.support-chat .content .input-group{
    display:block
}
.support-chat .content input[readonly=readonly]{
    font-weight:700;
    text-transform:capitalize;
    color:#3c3c3c!important;
    background:0 0;
    box-shadow:none
}
.support-chat .content input,.support-chat .content textarea{
    margin-bottom:10px
}
.footer-chat-box .user{
    border:1px solid #d1d1d1;
    background:#fff;
    position:relative;
    top:100%;
    bottom:0;
    width:300px;
    height:100%;
    margin-right:10px;
    float:right;
    margin-left:10px;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.1);
    -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.1);
    box-shadow:0 0 30px 0 rgba(0,0,0,.1)
}
.footer-chat-box .user header .header-text{
    color:#fff;
    font-weight:700;
    padding:8px 8px 8px 8px;
    margin:0;
    font-size:14px;
    text-shadow:0 -1px rgba(0,0,0,.25);
    text-transform:capitalize
}
.footer-chat-box .user .head-icons{
    position:absolute;
    top:7px;
    right:3px;
    z-index:1
}
.footer-chat-box .user .head-icons ul{
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:right
}
.footer-chat-box .user .head-icons ul li{
    display:block;
    margin-right:3px;
    cursor:pointer;
    transition:all .3s;
    height:20px;
    text-align:center;
    width:20px;
    line-height:20px;
    float:left
}
.footer-chat-box .user .head-icons ul li *{
    font-size:14px
}
.footer-chat-box .user .head-icons ul li i{
    color:#fff
}
.footer-chat-box .user .head-icons ul li:hover i{
    opacity:.5;
    color:#fff
}
.footer-chat-box .user .head-icons .close{
    text-shadow:none;
    opacity:1!important;
    float:none
}
#support_chat .user{
    border:1px solid #d1d1d1;
    background:#fff;
    position:relative;
    bottom:-30px;
    top:100%;
    width:300px;
    height:100%;
    float:right;
    margin-left:10px;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.1);
    -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.1);
    box-shadow:0 0 30px 0 rgba(0,0,0,.1)
}
#support_chat .user header{
    position:relative;
    background:#4385f5;
    color:#fff
}
#support_chat .user header .status{
    position:absolute;
    top:7px;
    left:10px;
    font-size:14px;
    color:#fff
}
#support_chat .user header .header-text{
    color:#fff;
    font-weight:700;
    padding:8px 8px 0 8px;
    margin:0 0 0 23px;
    font-size:14px;
    text-shadow:0 -1px rgba(0,0,0,.25)
}
#support_chat .user header .div-member{
    position:absolute;
    z-index:1000;
    background:#2a2a2a;
    width:100%;
    color:#fff;
    padding:10px
}
#support_chat .user header .header-text small{
    font-weight:400;
    font-size:12px
}
#support_chat .user .head-icons{
    position:absolute;
    top:7px;
    right:3px;
    z-index:1
}
#support_chat .user .head-icons ul{
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:right
}
#support_chat .user .head-icons ul li{
    display:block;
    margin-right:3px;
    cursor:pointer;
    transition:all .3s;
    height:20px;
    text-align:center;
    width:20px;
    line-height:20px;
    float:left
}
#support_chat .user .head-icons ul li *{
    font-size:14px
}
#support_chat .user .head-icons ul li i{
    color:#fff
}
#support_chat .user .head-icons ul li:hover i{
    opacity:.5;
    color:#fff
}
#support_chat .user .head-icons .close{
    text-shadow:none;
    opacity:1!important;
    float:none
}
#support_chat .user .div-member{
    width:98%;
    position:absolute;
    top:0;
    padding:5px 5px;
    background-color:#f6f6f6;
    border-bottom:1px solid #ddd;
    z-index:999
}
#support_chat .user .div-member input.form-control{
    margin-bottom:2px;
    border-radius:0
}
#support_chat .user .div-member ul.holder{
    min-height:60px!important;
    padding:10px;
    background-color:#fff
}
#support_chat .user .div-member div.pull-right{
    margin-top:5px
}
#support_chat .user .div-member div.pull-right .btn-xs{
    margin-bottom:5px;
    padding:5px 5px;
    margin-left:1px;
    background:#2a2a2a;
    border:1px solid #2a2a2a
}
#support_chat .user .div-member div.pull-right .btn-xs:hover{
    background:#ea4335;
    border:1px solid #ea4335
}
#support_chat .user .div-member ul.holder li.bit-input{
    width:100%!important;
    min-height:40px
}
#support_chat .user .div-member ul.holder li.bit-input input{
    width:100%!important
}
#support_chat .user .div-member ul.holder li.bit-input input:focus,#support_chat .user .div-member ul.holder li.bit-input input:hover{
    outline:0!important;
    border:none!important
}
#support_chat .user .participants-list{
    position:absolute;
    top:50px;
    padding:0;
    background-color:#f6f6f6;
    border-bottom:1px solid #d3d3d3;
    z-index:999;
    width:100%;
    max-height:225px;
    overflow-y:auto;
    overflow-x:hidden
}
#support_chat .user .participants-list ul{
    margin:0;
    padding:0;
    list-style-type:none
}
#support_chat .user .participants-list ul li{
    padding:9px 7px;
    border-bottom:1px solid #ddd;
    color:#666;
    text-transform:capitalize;
    position:relative
}
#support_chat .user .participants-list ul li .switch{
    top:6px;
    right:-7px
}
.message-area{
    background:#fff;
    height:270px;
    position:relative;
    padding:0;
    color:#333;
    margin-bottom:67px
}
.chatbox-wrap{
    width:100%;
    height:270px;
    background:#fff;
    z-index:1;
    overflow:auto
}
.chatbox-wrap ul.chating{
    list-style:none;
    margin:0;
    padding:10px;
    width:100%;
    overflow:auto;
    margin-bottom:0;
    font-size:14px;
    position:sticky;
    top:100%;
    height:100%
}
.chatbox-wrap ul.chating .resive-msg .member-pic,.chatbox-wrap ul.chating .send-msg .member-pic{
    width:40px;
    height:40px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%
}
.chatbox-wrap ul.chating .send-msg .member-pic{
    float:right;
    margin-left:10px
}
.chatbox-wrap ul.chating .resive-msg .member-pic{
    float:left;
    margin-right:10px
}
.chatbox-wrap ul.chating .resive-msg .member-pic img,.chatbox-wrap ul.chating .send-msg .member-pic img{
    width:100%;
    height:100%;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%
}
.chatbox-wrap ul.chating .resive-msg .message-wrap{
    overflow:hidden;
    text-align:left
}
.chatbox-wrap ul.chating .send-msg .message-wrap{
    overflow:hidden;
    text-align:right
}
.chatbox-wrap ul.chating .resive-msg .message-wrap .messege,.chatbox-wrap ul.chating .send-msg .message-wrap .messege{
    padding:7px 10px;
    border-radius:5px;
    width:100%;
    word-break:break-all;
    position:relative;
    display:inline-block;
    margin-bottom:5px;
    font-size:15px;
    font-weight:400
}
.chatbox-wrap ul.chating .resive-msg.remove_background .message-wrap .messege,.chatbox-wrap ul.chating .send-msg.remove_background .message-wrap .messege{
    background:0 0
}
.chatbox-wrap ul.chating .resive-msg.remove_background .message-wrap .messege ._download_document,.chatbox-wrap ul.chating .send-msg.remove_background .message-wrap .messege ._download_document{
    border-radius:4px;
    overflow:hidden
}
.chatbox-wrap ul.chating .resive-msg .message-wrap .messege{
    background-color:#ea4335;
    color:#fff;
    width:auto
}
.chatbox-wrap ul.chating .send-msg .message-wrap .messege{
    background-color:#dfdfdf;
    width:auto;
    color:#666
}
.download._download_document{
    position:absolute;
    top:0;
    left:-30px;
    padding:0;
    color:#fff;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    top:50%;
    left:-25px;
    transform:translate(-50%,-50%)
}
.chatbox-wrap ul.chating .send-msg .message-wrap .messege .download._download_document a i{
    color:#cacaca
}
.chatbox-wrap ul.chating .send-msg .message-wrap .messege .download._download_document a:hover i{
    color:#ea4335
}
.check-download-mark{
    position:absolute;
    top:5px;
    right:5px;
    width:15px;
    height:15px;
    line-height:15px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    background:#8cc152
}
.check-download-mark i{
    color:#fff!important
}
.chatbox-wrap ul.chating .resive-msg .message-wrap .messege i{
    color:#fff
}
.chatbox-wrap ul.chating .send-msg .message-wrap .messege i{
    color:#525252
}
.chatbox-wrap ul.chating .resive-msg .time_stamp{
    font-size:.86em;
    color:#636e7b;
    margin-bottom:5px;
    font-weight:600;
    text-transform:capitalize;
    text-align:left
}
.chatbox-wrap ul.chating .send-msg .time_stamp{
    font-size:.86em;
    color:#636e7b;
    margin-bottom:5px;
    font-weight:600;
    text-transform:capitalize;
    text-align:right
}
.chatbox-wrap ul.chating::-webkit-scrollbar-track,.chatbox-wrap::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.7);
    background-color:#f5f5f5
}
.chatbox-wrap ul.chating::-webkit-scrollbar,.chatbox-wrap::-webkit-scrollbar{
    width:6px;
    background-color:#2a2a2a
}
.chatbox-wrap ul.chating::-webkit-scrollbar-thumb,.chatbox-wrap::-webkit-scrollbar-thumb{
    background-color:#2a2a2a
}
.pick-voice-chat .chat-right-main .pick-voice-footer{
    width:100%;
    height:5rem;
    background:#fff;
    box-shadow:0 -1px 15px rgba(0,0,0,.1);
    position:relative;
    bottom:3px;
    padding-right:10px;
    padding-left:10px;
    z-index:2
}
.chatbox-wrap .chat-icon-panel{
    background:#f6f6f6;
    padding:1px 10px 2px 10px;
    color:#fff
}
.chatbox-wrap .chat-icon-panel .btn.btn-file{
    padding:0
}
.chatbox-wrap .write-msg .fileinput-new .btn-file{
    color:#777;
    cursor:pointer!important;
    width:auto
}
.chatbox-wrap .chat-icon-panel ul li a{
    color:#777;
    font-size:15px;
    z-index:1000;
    position:relative;
    top:-2px;
    margin-left:3px
}
.chatbox-wrap .chat-icon-panel ul li a:hover,.chatbox-wrap .write-msg .chat-icon-panel ul li:hover .fileinput-new .btn-file{
    color:#000
}
.emojionearea.emojionearea-inline{
    height:35px!important
}
.chatbox-wrap .write-msg{
    position:absolute;
    bottom:-67px;
    background-color:#fff;
    width:100%
}
.user .input-area{
    border-top:1px solid #d1d1d1;
    padding:3px
}
.user .input-area input{
    padding:5px;
    width:100%;
    font-size:12px;
    border:none;
    outline:0
}
.toggle-chat-btn{
    position:absolute;
    left:-40px;
    z-index:1;
    width:40px;
    height:40px;
    background:#ea4335;
    bottom:38px;
    text-align:center;
    line-height:40px;
    font-size:20px;
    color:#fff;
    text-decoration:none
}
.toggle-chat-btn:active,.toggle-chat-btn:focus,.toggle-chat-btn:hover{
    background:#333;
    color:#fff;
    text-decoration:none
}
.toggle-chat-btn .badge{
    position:absolute;
    top:-10px;
    left:-15px;
    padding:7px;
    border-radius:50%;
    width:28px
}
.toggle-chat-btn .badge:empty{
    display:none
}
.write-msg .send-btn{
    text-align:center;
    display:inline-block;
    margin-top:0;
    color:#dedede;
    cursor:pointer;
    border-style:none;
    width:38px;
    height:35px;
    line-height:47px;
    transition:.1s ease-in-out;
    padding-right:10px;
    background:#2a2a2a;
    padding-left:10px
}
.write-msg .send-btn:hover{
    background:#ea4335
}
.write-msg .send-btn .fa-paper-plane{
    transform:rotate(20deg);
    transition:.1s ease-in-out;
    font-size:18px;
    position:relative;
    left:-2px
}
.write-msg .form-control{
    outline:0;
    width:calc(100% - 50px);
    border-radius:0;
    float:left;
    background:0 0;
    border:none;
    border-bottom:1px solid;
    outline:0;
    color:#333;
    box-shadow:none!important;
    border:none!important
}
.emojionearea.form-control.message_emoji.emojionearea-inline:focus{
    box-shadow:none;
    border:none;
    outline:0
}
.upload-visibility{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:.5;
    background:#000;
    z-index:1
}
.upload-visibility input[type=file]{
    position:fixed;
    width:298px;
    height:270px;
    margin:-27px -12px;
    border:none!important;
    opacity:0
}
.upload-visibility .fileinput{
    position:fixed;
    width:298px;
    height:270px
}
.chat-discussion .upload-visibility .fileinput{
    position:inherit;
    width:100%;
    height:100%
}
.chat-discussion .fileinput-new .btn-file{
    width:100%;
    height:100%
}
.chat-discussion .upload-visibility input[type=file]{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    border:none!important;
    opacity:0;
    left:0;
    top:0
}
.upload-visibility .message{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff
}
.upload-holder{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    z-index:2;
    padding:5px;
    text-align:center
}
.chatbox-wrap .write-msg .close.fileinput-exists{
    color:#e9573f
}
.chatbox-wrap .write-msg .fileinput-exists .fileinput-new,.chatbox-wrap .write-msg .fileinput-new .fileinput-exists,.upload-visibility .fileinput-new .fileinput-exists{
    display:none
}
.chatbox-wrap .write-msg .btn-file>input{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    opacity:0;
    font-size:23px;
    height:100%;
    width:100%;
    direction:ltr;
    cursor:pointer
}
.chatbox-wrap .write-msg input[type=file]{
    border:none!important
}
.chatbox-wrap .write-msg .fileinput{
    width:15px;
    overflow:hidden;
    position:relative;
    top:3px
}
.chatbox-wrap .write-msg .fileinput-new .btn-file{
    color:#7b8185;
    cursor:pointer!important;
    width:auto
}
.chatbox-wrap .write-msg .chat-icon-panel ul li:hover .fileinput-new .btn-file{
    color:#ea4335
}
.btn:active,.chatbox-wrap .write-msg .btn.active{
    box-shadow:none
}
.message_typing_status{
    position:absolute;
    width:100%;
    text-align:left;
    bottom:0;
    transition:linear 1s;
    background:#fff;
    color:#232323;
    padding:0 50px
}
#support_chat .message_typing_status{
    bottom:3px;
    position:absolute;
    transition:linear 1s;
    padding:3px 50px;
    left:0;
    font-size:12px
}
.typing-status{
    font-style:italic;
    text-transform:capitalize;
    transition:linear 1s;
    font-weight:600;
    padding:4px 0
}
.typing-status img{
    position:relative;
    width:50px;
    height:15px;
    top:5px
}
.wave span{
    display:inline-block;
    width:3px;
    height:3px;
    border-radius:50%;
    margin-right:2px;
    background:#303131;
    animation:wave 1.3s linear infinite
}
.wave span:nth-child(1){
    margin-left:3px
}
.wave span:nth-child(2){
    animation-delay:-1.1s
}
.wave span:nth-child(3){
    animation-delay:-.9s
}
@keyframes wave{
    0%,100%,60%{
        transform:initial
    }
    30%{
        transform:translateY(-2.5px)
    }
}
.app-demo{
    margin-bottom:50px
}
.app-demo .heading{
    color:#3091d5;
    font-family:inherit;
    font-weight:700
}
.device-bg{
    background:url(../images/device-bg.png) no-repeat 50% 0;
    width:480px;
    height:850px;
    background-size:100%;
    position:relative;
    margin:0 auto
}
.device-bg input{
    background:0 0
}
.device-bg .content{
    position:absolute;
    top:152px;
    left:80px;
    right:auto;
    width:322px;
    height:551px;
    overflow:hidden
}
.device-bg .content .bottom-btn{
    position:absolute;
    bottom:40px;
    display:inline-block;
    width:100%;
    left:0
}
.device-bg #customer_section .login-bg{
    background:url(../images/demo/login-bg.jpg) no-repeat;
    width:100%;
    height:100%;
    background-size:100%;
    background-position:center;
    background-size:cover
}
.view-pasword{
    float:right
}
.view-pasword i{
    color:#6d6d6d
}
.device-bg #pro_section .login-bg{
    background:url(../images/demo/pro-login-bg.jpg) no-repeat;
    width:100%;
    height:100%;
    background-size:100%;
    background-position:center;
    background-size:cover
}
.device-bg #customer_section .password-bg{
    background:url(../images/demo/password-bg.jpg) no-repeat;
    width:100%;
    height:100%;
    background-size:100%;
    background-position:center;
    background-size:cover
}
.device-bg #pro_section .password-bg{
    background:url(../images/demo/pro-password-bg.jpg) no-repeat;
    width:100%;
    height:100%;
    background-size:100%;
    background-position:center;
    background-size:cover
}
.device-bg .login-bg .user-name,.device-bg .password-bg .user-name{
    position:absolute;
    bottom:80px;
    left:25px;
    width:255px;
    overflow:hidden
}
.device-bg .login-bg .user-name input,.device-bg .password-bg .user-name input{
    padding:5px;
    border:none;
    outline:0;
    background:0 0;
    box-shadow:none;
    height:30px;
    color:#000;
    font-family:open_sansregular;
    font-weight:400
}
.device-bg #pro_section .bottom-btn{
    bottom:2px
}
.device-bg .login-next-btn{
    position:absolute;
    bottom:55px;
    left:0;
    width:100%;
    text-align:center
}
.device-bg .login-next-btn a img{
    width:75px;
    border:none;
    outline:0
}
.device-bg .customer-name{
    color:#000;
    font-size:12px;
    font-weight:600;
    position:absolute;
    left:90px;
    bottom:225px;
    letter-spacing:normal;
    font-family:open_sansregular
}
.device-bg .customer-email{
    color:#000;
    font-size:12.5px;
    font-weight:500;
    position:absolute;
    left:85px;
    bottom:210px;
    letter-spacing:normal;
    display:none
}
.device-bg .header{
    background:#002869;
    width:100%;
    height:60px;
    text-align:left
}
.device-bg .header .fa-bars{
    color:#34aa54;
    margin:20px 5px 10px 10px;
    font-size:22px;
    cursor:pointer
}
.device-bg .header .logo{
    background:url(../images/logo-white.png) no-repeat;
    width:90px;
    display:inline-block;
    position:relative;
    top:10px;
    height:30px;
    background-size:85px
}
.device-bg .top-right-icons{
    float:right;
    font-size:22px;
    margin-right:0;
    right:0;
    width:160px
}
.device-bg .top-right-icons a{
    border:none;
    text-decoration:none;
    outline:0;
    padding:0 3px;
    position:relative
}
.device-bg .top-right-icons i{
    color:#4a93fa;
    font-size:17px;
    position:relative;
    margin:0 2px
}
.device-bg .top-right-icons a .counter{
    position:absolute;
    top:-12px;
    left:16px;
    color:#fff;
    background:red;
    width:18px;
    height:18px;
    border-radius:50%;
    text-align:center;
    font-size:12px
}
.device-bg .top-right-icons .dropdown-menu{
    right:0!important;
    left:auto;
    top:38px;
    padding:5px
}
.device-bg .top-right-icons .dropdown-menu ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.device-bg .top-right-icons .dropdown-menu ul li{
    padding-left:5px
}
.top-right-icons .navbar{
    margin-bottom:0;
    min-height:auto;
    margin-top:12px;
    float:right;
    margin-right:15px
}
.device-bg .top-right-icons .navbar-collapse.collapse{
    padding:0;
    margin-top:10px
}
.top-right-icons .navbar-nav li a:hover,.top-right-icons .navbar-nav li.active a{
    background:0 0
}
.left-menu{
    width:50%;
    background:#ff0
}
.left-menu ul{
    margin:0;
    padding:0;
    list-style-type:none
}
#mySidenavContainer,#mySidenavContainerPro{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    height:100%
}
.sidenav{
    height:100%;
    width:0;
    background-color:#fff;
    transition:.5s;
    position:relative
}
.sidenav ul{
    position:absolute;
    top:123px;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    width:100%;
    height:calc(548px - 120px);
    background-color:#fff
}
.sidenav a{
    text-decoration:none;
    display:block;
    transition:.3s;
    margin:0;
    padding:7px 5px;
    width:100%;
    font-size:14px;
    color:#232323;
    font-family:open_sansregular;
    text-align:left;
    letter-spacing:normal
}
.sidenav a i{
    font-size:20px;
    margin-right:7px;
    width:25px;
    text-align:center;
    color:#595959
}
.sidenav a:hover{
    color:#000
}
.sidenav .closebtn{
    position:absolute;
    top:0;
    font-size:36px
}
.sidenav ul::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.7);
    background-color:#f5f5f5
}
.sidenav ul::-webkit-scrollbar{
    width:6px;
    background-color:#012869
}
.sidenav ul::-webkit-scrollbar-thumb{
    background-color:#2a2a2a
}
.left-menu-top{
    position:absolute;
    left:0;
    top:0
}
.logout{
    position:absolute;
    z-index:999999;
    right:30px;
    top:36px
}
.logout a{
    font-size:12px!important;
    margin:0;
    padding:0;
    color:#b3c2dc
}
.logout a:hover{
    color:#b3c2dc
}
.device-bg .alert-box{
    background-color:#fff!important;
    width:250px;
    height:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border:none;
    padding:0;
    box-shadow:0 0 12px rgba(175,175,175,.7)
}
.alert-box button{
    background-color:transparent;
    border-radius:0;
    margin-bottom:0;
    transition:all .3s;
    width:100%;
    font-size:16px;
    text-transform:uppercase;
    color:#418ffc;
    border-top:1px solid #e8e8e8;
    padding:10px
}
.alert-box button:active,.alert-box button:focus,.alert-box button:hover{
    background-color:transparent;
    color:#418ffc
}
.alert-box p{
    margin-bottom:0;
    overflow:hidden;
    letter-spacing:normal;
    font-weight:400;
    width:100%;
    padding:10px
}
.device-bg .address-box{
    position:absolute;
    background-color:#f2f3f5!important;
    width:235px;
    top:24%;
    left:21%;
    border:none;
    padding:10px;
    box-shadow:0 0 12px rgba(175,175,175,.7);
    max-height:75%;
    overflow-x:hidden;
    overflow-y:auto
}
.device-bg .address-box ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.device-bg .address-box ul li{
    display:block;
    text-align:left;
    position:relative;
    float:left;
    clear:both;
    margin-bottom:10px
}
.device-bg .address-box ul li input[type=radio]{
    position:absolute;
    top:50%;
    left:5%;
    transform:translate(-50%,-50%);
    float:left;
    width:16px;
    height:16px
}
.device-bg .address-box ul li .address{
    overflow:hidden;
    font-size:13px;
    font-weight:400;
    letter-spacing:normal;
    float:left;
    padding-left:25px;
    clear:both
}
.device-bg .address-box ul li .address span{
    display:block;
    color:#e13221
}
.address-box button{
    background-color:#418ffc;
    border-radius:0;
    margin-bottom:0;
    transition:all .3s
}
.address-box button:active,.address-box button:focus,.address-box button:hover{
    background-color:#418ffc;
    transition:all .2s;
    transform:scale(1.1)
}
#main{
    transition:margin-left .5s;
    padding:16px
}
.inner_content .get-started{
    position:relative;
    height:491px;
    overflow:hidden;
    width:100%
}
.inner_content img{
    width:100%;
    height:100%
}
.inner_content .get-started a img{
    position:absolute;
    top:57%;
    left:25%;
    width:auto!important;
    display:inline-block;
    text-align:center;
    height:auto!important
}
.map-pin{
    position:absolute;
    top:79%;
    left:42%
}
.map-pin img{
    width:35px;
    height:55px;
    display:inline-block
}
.map-pin .bounce{
    animation-iteration-count:infinite;
    -webkit-animation-name:bounce;
    animation-name:bounce
}
.map-pin .animated{
    -webkit-animation-duration:2.5s;
    animation-duration:2.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite
}
@-webkit-keyframes bounce{
    0%,100%,20%,40%,60%,80%{
        -webkit-transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(-5px)
    }
}
@keyframes bounce{
    0%,100%,20%,40%,60%,80%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-5px)
    }
}
.see-whos-nearby img{
    top:89%!important;
    left:18%!important
}
.request_now_btn{
    position:relative;
    bottom:150px;
    left:22%;
    cursor:pointer
}
.fav_request_now_btn{
    position:relative;
    bottom:34px;
    left:22%;
    cursor:pointer
}
.fav_request_now_btn img,.request_now_btn img{
    width:105px;
    height:28px
}
.inner_content input.select-address{
    position:absolute;
    left:63px;
    top:24px;
    width:236px;
    border:none;
    background:0 0;
    outline:0;
    margin-bottom:0;
    font-family:open_sansregular;
    font-weight:400;
    box-shadow:none
}
.inner_content .select-address:focus,.inner_content .select-address:hover{
    outline:0;
    border:none
}
.overlay-bg,.pro-overlay-bg{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    position:absolute;
    z-index:99
}
.overlay-txt,.overlay-txt1,.overlay-txt2,.pro-overlay-txt,.pro-overlay-txt1,.pro-overlay-txt2{
    display:inline-block;
    position:absolute;
    top:55%;
    color:#fff;
    font-size:22px;
    left:50%;
    font-family:open_sansregular;
    font-weight:400
}
.overlay-txt1:after,.overlay-txt2:after,.overlay-txt:after,.pro-overlay-txt1:after,.pro-overlay-txt2:after,.pro-overlay-txt:after{
    background-image:url(../images/demo/overlay-bg-arrow.png);
    background-repeat:no-repeat;
    background-size:30px 60px;
    background-position:center;
    display:inline-block;
    width:100%;
    height:65px;
    content:""
}
.cust-chat-bg{
    background-image:url(../images/demo/steps/cust_chat_bg.jpg);
    width:100%;
    height:457px;
    background-size:100% 455px;
    padding:33px 0 43px;
    position:relative
}
.pro-chat-bg{
    background-image:url(../images/demo/steps/pro_chat_bg.jpg);
    width:100%;
    height:457px;
    background-size:100% 455px;
    padding:38px 5px 48px
}
a.back-chat-list{
    width:25px;
    height:25px;
    position:absolute;
    float:left;
    top:5px;
    left:7px
}
a.pro-back-chat-list{
    width:25px;
    height:25px;
    position:absolute;
    float:left;
    top:65px;
    left:7px
}
a.cust-send-btn img,a.pro-send-btn img{
    width:27px;
    height:25px;
    bottom:8px;
    right:6px;
    left:auto;
    position:absolute
}
.cust_send_msg,.pro_send_msg{
    position:absolute;
    bottom:-15px;
    left:40px;
    width:150px;
    overflow:hidden
}
.cust_send_msg input,.cust_send_msg input:focus,.cust_send_msg input:hover,.pro_send_msg input,.pro_send_msg input:focus,.pro_send_msg input:hover{
    background:0 0!important;
    outline:0!important;
    border:none!important;
    color:#fff!important;
    font-family:open_sansregular;
    box-shadow:none!important
}
.cust_send_msg input::-webkit-input-placeholder,.pro_send_msg input::-webkit-input-placeholder{
    color:#fff!important;
    font-family:open_sansregular
}
.cust_send_msg input::-moz-placeholder,.pro_send_msg input::-moz-placeholder{
    color:#fff!important;
    font-family:open_sansregular
}
.cust_send_msg input:-ms-input-placeholder,.pro_send_msg input:-ms-input-placeholder{
    color:#fff!important;
    font-family:open_sansregular
}
.cust_send_msg input:-moz-placeholder,.pro_send_msg input:-moz-placeholder{
    color:#fff!important;
    font-family:open_sansregular
}
.cust_chat-area,.pro_chat-area{
    width:100%;
    height:100%;
    background:0 0;
    overflow-y:auto;
    overflow-x:hidden
}
.cust_chat-area::-webkit-scrollbar,.pro_chat-area::-webkit-scrollbar{
    width:7px
}
.cust_chat-area::-webkit-scrollbar-track,.pro_chat-area::-webkit-scrollbar-track{
    background:#f1f1f1
}
.cust_chat-area::-webkit-scrollbar-thumb,.pro_chat-area::-webkit-scrollbar-thumb{
    background:#404040
}
.cust_chat-area::-webkit-scrollbar-thumb:hover,.pro_chat-area::-webkit-scrollbar-thumb:hover{
    background:#555
}
.chatbox-wrap ul.chating{
    position:sticky;
    top:100%;
    list-style:none;
    margin:0;
    padding:0;
    font-size:14px
}
.chatbox-wrap ul.chating li{
    padding:5px;
    clear:both;
    display:flow-root
}
.send-messege .member-pic{
    width:40px;
    height:40px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    float:left;
    margin-right:10px
}
.send-messege .member-pic img{
    width:40px!important;
    height:40px!important
}
.chatbox-wrap ul.chating .send-messege .message-wrap{
    overflow:hidden;
    text-align:left
}
.chatbox-wrap ul.chating .resive-msg .message-wrap .messege,.chatbox-wrap ul.chating .send-messege .message-wrap .messege{
    padding:7px 10px;
    border-radius:5px;
    width:100%;
    word-break:break-all;
    position:relative;
    display:inline-block;
    margin-bottom:5px;
    font-size:15px;
    font-weight:500
}
.chatbox-wrap ul.chating .send-messege .message-wrap .messege{
    background-color:#ea4335;
    color:#fff;
    width:auto
}
.chatbox-wrap ul.chating .resive-msg .message-wrap .messege{
    background-color:#dfdfdf;
    width:auto;
    color:#666;
    text-align:left
}
@media screen and (max-height:450px){
    .sidenav{
        padding-top:15px
    }
    .sidenav a{
        font-size:18px
    }
}
@media screen and (min-width:1023px) and (max-width:1600px){
    .foter-baner img{
        margin:0 20px
    }
    .foter-popup{
        width:30%
    }
}
@media only screen and (min-width:992px) and (max-width:1300px){
    .banner-content{
        top:30px;
        z-index:2
    }
    .baner-txt{
        font-size:30px
    }
    .header-search .input-group input{
        padding:30px 15px
    }
}
@media only screen and (min-width:992px) and (max-width:1150px){
    .navbar-collapse.collapse{
        width:calc(100% - 160px);
        float:right
    }
    .change-location{
        margin-right:10px!important;
        padding:20px 5px!important
    }
    .change-location .right-text{
        margin:0 10px 0 5px;
        width:auto
    }
    .navbar-nav li a{
        padding:30px 10px;
        font-size:14px
    }
    .banner{
        padding-top:0
    }
    .baner-txt{
        font-size:24px
    }
    .search-bar{
        margin-top:10px
    }
    .header-search .input-group input{
        font-size:20px;
        padding:25px 20px
    }
    .header-search .input-group .input-group-addon{
        font-size:24px
    }
}
@media only screen and (max-width:3840px){
    .safety-baner img{
        margin-top:0
    }
}
@media only screen and (max-width:1250px){
    .pros-near-btn{
        margin-top:10px
    }
    .pros-near-btn i{
        margin-top:10px
    }
    .pros-near-btn a{
        padding:0 10px
    }
}
@media only screen and (max-width:1024px){
    .safety-content .col-md-3 img{
        width:82%
    }
    .safety-baner img{
        margin-top:68px
    }
    .content-areaa{
        position:inherit;
        bottom:0;
        margin-bottom:0
    }
    .footer-navigation{
        position:inherit;
        bottom:0
    }
    .foter-baner img{
        margin:25px 35px
    }
    .future-banner p{
        font-size:38px
    }
    .xmd-hero-content{
        top:35%
    }
    .xmd-hero-container .top-heading{
        font-size:22px;
        width:740px
    }
    .xmd-hero-container .top-heading h1{
        font-size:22px!important
    }
    .xmd-hero-container .top-heading{
        margin-bottom:0
    }
    .review-carousel{
        width:100%!important;
        position:relative;
        left:0;
        right:0;
        display:inline-block!important
    }
    .review .pro-img{
        display:none
    }
    .name-add{
        margin-top:10px;
        font-style:normal
    }
    .link-send p{
        font-size:20px
    }
    .slick-slider-crousel{
        width:275px
    }
    header h3{
        margin-top:150px
    }
    .card-section .col-md-6{
        height:460px!important
    }
    .safety-content{
        padding:15px
    }
}
@media only screen and (min-width:768px) and (max-width:992px){
    .banner-content{
        top:35px;
        z-index:9
    }
    .baner-txt{
        font-size:1.3em
    }
    .head-right{
        float:right;
        position:absolute;
        right:0;
        top:25px;
        z-index:9
    }
    .login-dropdown{
        float:left;
        position:absolute;
        right:96px!important;
        width:335px
    }
    .credit-section{
        height:220px
    }
    .row .row{
        margin:0!important
    }
    .link-send p{
        margin-left:0!important;
        margin-top:15px
    }
    .app-download{
        padding-left:0;
        padding-right:0
    }
    .service-tab ul.nav-tabs li a{
        padding:20px 30px!important;
        font-size:16px
    }
    .ss-heading{
        margin-top:50px!important
    }
    .card-abt .card-image img{
        width:100%
    }
    .service-tab ul.nav-tabs{
        overflow-x:scroll
    }
    .fc-box .link-send span{
        margin-left:0!important
    }
    .app-store-new .col-sm-6{
        padding-left:2px!important;
        padding-right:2px!important
    }
    .search-bar{
        padding:0;
        margin:0 auto
    }
    .header-search{
        margin:15px 0
    }
    .header-search .input-group input{
        font-size:16px;
        padding:22px 20px
    }
    .header-search .input-group .input-group-addon{
        font-size:22px;
        padding:0 16px
    }
    .pros-near-btn{
        margin:7px auto
    }
    .pros-near-btn a{
        padding:0 0
    }
    .pros-near-btn i{
        margin-top:16px;
        font-size:24px
    }
    .btn-lg span{
        font-size:26px
    }
    .top-space-100{
        float:left;
        width:100%
    }
    .search-text{
        float:left;
        width:100%;
        padding:10px 0;
        position:relative;
        transform:inherit;
        top:0;
        left:0
    }
}
@media only screen and (max-width:1024px){
    .ofer-content p{
        white-space:normal!important
    }
    .offer-search{
        margin-top:90px;
        position:relative;
        z-index:99999
    }
    header h3{
        margin-top:100px!important
    }
    .safety-pg header h3{
        margin-top:100px
    }
    .bg-overlay-mob{
        height:auto!important
    }
}
@media only screen and (max-width:992px){
    .offer-list h3{
        margin-top:0!important
    }
    .navbar-toggle{
        display:inline-block!important
    }
    .navbar .navbar-header{
        width:100%;
        text-align:right
    }
    .navbar-collapse.collapse{
        display:none!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important;
        transition:all .2s
    }
    .navbar-collapse.collapse.in{
        display:block!important;
        position:absolute;
        width:100%;
        left:0;
        top:85px
    }
    .navbar-right.navbar-nav{
        display:block;
        float:left;
        width:100%;
        background:#fff;
        margin-right:0
    }
    .navbar-nav>li{
        float:left;
        width:100%
    }
    .navbar-nav>li.dropdown{
        position:relative
    }
    .navbar-nav>li>.dropdown-menu{
        border:0;
        position:absolute;
        width:100%
    }
    .navbar-nav li a{
        padding:10px
    }
    .map-area .route-txt{
        top:40px;
        font-size:40px
    }
    .cc-mid .content{
        top:100px;
        width:100%
    }
    .cc-img{
        display:none
    }
    .states-main{
        padding:0
    }
    .btn-lg span{
        font-size:30px
    }
    .app-download img{
        width:auto;
        margin-bottom:10px
    }
    .app-download .btn-2{
        width:100%
    }
    .form-control.border-radious0{
        margin-bottom:0
    }
    .slick-prev{
        left:-62px!important
    }
    .slick-next{
        right:-35px!important
    }
    .iphone-x img{
        width:35%!important
    }
    .loading-bg-radius{
        height:auto!important
    }
    .utzo-guarante{
        text-align:center
    }
    .guarante-list ul li i{
        position:relative;
        left:-10px;
        top:0
    }
    .mobile-left{
        padding:0;
        margin:25px 0
    }
    .app-store-link .iphone-video{
        padding-right:0
    }
    .app-store-link video{
        width:100%
    }
    .app-store-link .fc-box .app-store a{
        margin-bottom:10px;
        display:block;
        text-align:center
    }
    .dasboard-screen,.estimate-screen,.featured-content,.gift-screen{
        position:relative;
        margin:15px 0;
        width:100%;
        text-align:center!important
    }
    .dasboard-screen img,.estimate-screen img,.gift-screen img{
        float:none
    }
    .estimate-screen .featured-content{
        top:0;
        right:0
    }
    .gift-screen .featured-content{
        top:0;
        left:0
    }
    .carousel-control.left{
        left:0!important
    }
    .carousel-control.right{
        right:0!important
    }
    .card-section .col-md-6{
        margin:20px 0
    }
    .card-section .card-left{
        float:left
    }
    .card-section .card-left{
        float:right
    }
    .screen-section .ssbox-1,.screen-section .ssbox-2,.screen-section .ssbox-3,.screen-section .ssbox-4,.screen-section .ssbox-5{
        text-align:center
    }
    .carousel-inner{
        height:auto
    }
    .services-title h4{
        font-size:22px
    }
}
@media only screen and (max-width:980px){
    .ofer-web-view .ofer-details-bnr{
        display:none!important
    }
    .ofer-web-view .how-gift{
        margin-top:50px
    }
    .ofer-web-view .how-gift img{
        width:75%
    }
    .ofer-web-view .mobile-ap{
        width:100%!important
    }
    .ofer-web-view .how-gift ul::before{
        height:85%!important
    }
    .ofer-web-view .how-gift .col-md-7{
        max-width:100%
    }
    .ofer-web-view .row{
        display:inherit
    }
    .ofer-web-view .mobile-ap{
        display:inline
    }
    .navbar-brand img{
        width:108px;
        margin:5px;
        margin:5px
    }
    body.safety-pg #menu{
        top:5px;
        z-index:99
    }
    body.safety-pg header h3{
        margin-top:50px!important;
        position:relative;
        z-index:99999
    }
    body.safety-pg .toogle-nav #toggle1{
        width:25px!important
    }
    body.safety-pg .toogle-nav #toggle1 span{
        height:2px!important
    }
    body.safety-pg .login-dropdown a.dropdown-toggle{
        color:#000!important;
        font-weight:400;
        font-size:16px!important;
        background-color:#fff!important;
        padding:2px 12px!important
    }
    body.safety-pg .head-right{
        width:100%
    }
    .how-gift ul::before{
        height:85%!important
    }
    .how-gift .col-md-7{
        padding-left:40px;
        margin-top:45px
    }
    body.safety-pg .nav-phone{
        width:100%;
        text-align:center
    }
    .shield-content h3{
        text-align:left
    }
    .cal-action-section .pull-right{
        float:none!important
    }
    .cal-action-wraper{
        width:100%!important;
        margin-bottom:30px
    }
    .safety-content .col-md-9 a{
        color:#000;
        left:0;
        right:0;
        float:none!important
    }
    .shield-content h3{
        line-height:26px!important;
        font-size:17px!important;
        text-align:left!important;
        font-weight:400!important
    }
    .reverse-shields{
        display:flex;
        flex-direction:column-reverse
    }
    .reverse-shields .text-right{
        text-align:center!important
    }
    .safety-content .col-md-3 img{
        width:35%!important
    }
    .featured-sections .col-sm-4{
        margin-bottom:20px
    }
    .featured-sections{
        margin-top:50px
    }
    .about-gredient{
        background:#3091d5
    }
    .about-page h2{
        margin-top:20px!important
    }
    .about-gredient p{
        color:#fff
    }
    .most-populer-cat heading{
        margin-top:20px
    }
    .ofer-detail-contents .col-md-6{
        max-width:100%;
        width:100%;
        flex:100%
    }
    .service-details{
        margin-top:35px!important
    }
    .how-gift .col-md-5 img{
        max-width:100%!important
    }
    .ofer-web-view .container{
        max-width:100%;
        padding:0 30px
    }
    .safety-content .col-md-3{
        text-align:center
    }
    .cl-btn{
        text-align:center
    }
}
@media only screen and (max-width:768px){
    .ofer-detail-contents .service-img{
        text-align:center
    }
    .ofer-detail-contents h3{
        margin-top:0!important
    }
    .ofer-detail-contents .row{
        display:flex;
        flex-direction:column-reverse
    }
    .ofer-web-view .service-img{
        text-align:center
    }
    .ofer-web-view .service-img img{
        width:60%;
        margin-top:50px
    }
    .how-gift ul::before{
        height:82%!important
    }
    .ofer-detail-contents .cl-btn .btn-regular{
        width:175px;
        margin:0 auto
    }
    body.safety-pg .login-dropdown a.dropdown-toggle{
        left:35%;
        position:relative
    }
    .safety-content .col-md-2{
        text-align:center!important
    }
    .safety-content .col-md-2 img{
        width:45%!important
    }
    .ofer-terms a{
        text-decoration:none!important
    }
    .ofer-terms a:hover{
        text-decoration:underline!important
    }
    .faq-wraper .panel a{
        font-size:17px!important;
        font-weight:400
    }
    .shield-content h3{
        font-size:24px;
        line-height:34px
    }
    .safety-heading{
        font-size:20px
    }
    .safety-baner img{
        margin-top:110px
    }
    body.safety-pg .footer-navigation{
        display:none
    }
    .safety-map{
        display:none
    }
    .cal-action-section{
        display:none
    }
    .sc-wraper{
        padding:30px 0 0!important
    }
    .cal-action-wraper{
        display:inherit!important
    }
    .suport-content p{
        margin-top:20px
    }
    .suport-content a{
        margin-top:0
    }
    .suport-img{
        margin:0 auto!important
    }
    .online-alert{
        left:230px
    }
    .safety-content .col-md-9{
        padding:35px
    }
    .cal-action-wraper{
        display:block;
        text-align:center;
        width:100%!important;
        margin-bottom:30px
    }
    .ofer-content{
        min-height:auto!important
    }
    .ofer-list-wraper .col-md-5ths{
        min-height:auto!important
    }
    .safety-content{
        padding:40px 0!important;
        margin:0!important
    }
    .covid-res{
        width:100%;
        text-align:center;
        padding-top:0!important;
        margin-top:0!important
    }
    .top-shield{
        width:20%!important;
        margin-top:30px!important
    }
    .s-desktop-bnr{
        display:none!important
    }
    .s-responsive-bnr{
        display:block!important
    }
    .navbar-right{
        margin:0
    }
    .copyrights a{
        margin:0
    }
    .footer{
        padding:0 0 20px 0
    }
    .foter-baner h4{
        font-size:36px;
        line-height:55px;
        padding:0 20px
    }
    .future-banner .btn-2{
        padding:8px 12px;
        float:left
    }
    .future-banner h5{
        line-height:32px
    }
    .header-search .input-group .input-group-addon span{
        display:none;
        transition:all .3s ease
    }
    .navbar-collapse{
        background:#fff;
        border-bottom:1px solid #ccc
    }
    .navbar .container-fuild{
        padding:0
    }
    .search-auto-suggestion{
        width:100%
    }
    .navbar .navbar-header{
        padding-left:15px;
        padding-right:15px
    }
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
        max-height:none!important;
        padding:0
    }
    .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
        background-color:#3091d5;
        color:#fff
    }
    .navbar-nav li a{
        float:left;
        width:100%
    }
    .pro-img{
        display:none
    }
    .map-area .route-txt{
        top:10px;
        font-size:30px
    }
    .chat-main .content .txt{
        font-size:2.5rem
    }
    .alphabet-list span{
        font-size:16px;
        width:20px!important
    }
    .explorer-btn{
        left:40%
    }
    .huw{
        width:auto
    }
    .future-banner .form-control{
        margin-bottom:0
    }
    .near-cat-icon:empty~.chk_whos_near>.chk-whos-near-btn{
        float:left;
        margin-top:15px;
        width:100%;
        position:relative;
        left:0
    }
    .app-download img{
        width:auto;
        margin-bottom:10px
    }
    .ofer-details-bnr{
        width:100%;
        display:block!important
    }
    .ofer-details-bnr img{
        width:100%
    }
    .near-services .a.web-btn-primary,.near-services .web-btn-primary,.near-services .web-btn-primary a{
        font-size:12px;
        word-break:break-word;
        white-space:inherit;
        height:auto;
        width:100%
    }
    .slick-next,.slick-prev{
        display:none!important
    }
    ,.slick-next:before,.slick-prev:before{
        display:none!important
    }
    .banner-content{
        top:20px;
        z-index:9
    }
    .header-search .input-group input{
        font-size:16px;
        padding:18px 12px
    }
    .header-search .input-group .input-group-addon{
        font-size:22px;
        padding:0 16px
    }
    .baner-txt{
        font-size:16px
    }
    .btn-lg span{
        font-size:30px
    }
    .pros-near-btn{
        margin-top:15px
    }
    .search-text{
        float:left;
        width:100%;
        padding:10px 0;
        position:relative;
        transform:inherit;
        top:0;
        left:0
    }
    .carousel-icon{
        min-height:auto;
        padding:0
    }
    .search-text .box{
        min-height:100px
    }
    .top-space-100{
        padding-top:50px;
        background:#fff;
        float:left;
        width:100%
    }
    .owl-next{
        right:-30px
    }
    .owl-prev{
        left:-30px
    }
    .baner-txt{
        font-size:20px;
        margin-top:70px
    }
    .card-section .col-md-6{
        margin:20px 0
    }
    .card-section .card-left,.card-section .card-right{
        float:none;
        width:50%;
        margin:15px auto
    }
    .service-tab .tab-content .active{
        width:100%
    }
    .tab-counters{
        width:100%;
        position:inherit;
        top:0;
        background:rgba(0,0,0,.8);
        display:inline-block
    }
    .ofer-list-wraper .plumbing-auto-care{
        display:none!important
    }
    .ofer-img{
        width:50%!important;
        float:left
    }
    .ofer-content{
        width:50%!important;
        float:left;
        padding:5px 6px 5px!important
    }
    .ofer-content .col-md-5ths{
        display:flex!important;
        background-color:#fff!important
    }
    .ofer-list-wraper{
        width:100%!important;
        background-color:#fff;
        padding:0 0 12px 0
    }
    .ofer-content p{
        white-space:normal!important
    }
    .offer-search{
        margin-top:75px
    }
    .offer-search .main-search{
        top:70px
    }
    .ofer-content h4{
        font-size:16px;
        font-weight:700
    }
    .ofer-content p{
        font-size:14px;
        position:absolute;
        bottom:0;
        margin-bottom:10px!important
    }
    .ofer-list-wraper .col-md-5ths{
        display:inline-block!important
    }
    .offer-list h3{
        margin-bottom:0;
        padding:15px 0
    }
    .services-title h3{
        font-weight:700!important;
        font-size:38px!important
    }
    .service-details h4{
        font-size:22px!important
    }
    .valid-til{
        position:inherit
    }
    .availableon{
        position:inherit;
        border-top:1px solid #c3c2c2;
        padding-top:20px
    }
    .service-details{
        min-height:auto;
        top:170px
    }
    .availableon{
        position:inherit!important;
        display:flex;
        white-space:nowrap;
        font-size:18px!important
    }
    .valid-til{
        position:inherit!important;
        display:flex;
        white-space:nowrap;
        font-size:18px!important
    }
    .valid-til p{
        font-size:18px!important
    }
    .ofer-detail-contents{
        padding:0
    }
    .ofer-detail-contents .btn-regular{
        position:inherit!important;
        margin-top:0!important
    }
    .about-ofer{
        padding:0 20px!important;
        margin-top:50px!important;
        margin-bottom:20px!important
    }
    .about-ofer .row{
        padding-top:20px!important;
        border-bottom:1px solid #c3c2c2
    }
    .how-gift .col-md-7{
        margin-top:60px!important
    }
    .how-gift .col-md-7 li:first-child p{
        top:-3px!important
    }
    .how-gift .col-md-7 li:nth-child(2) p{
        top:-2px!important
    }
    .faq-wraper{
        margin-top:0
    }
    .about-ofer h3{
        font-size:20px!important;
        border-top:1px solid #c3c2c2;
        padding-top:20px;
        margin-bottom:5px!important
    }
    .how-gift h3{
        font-size:20px!important;
        margin-bottom:18px!important
    }
    .how-gift{
        padding:0!important;
        margin-top:35px!important
    }
    .how-gift ul{
        border:0!important
    }
    .how-gift .col-md-5{
        padding:0!important;
        text-align:center
    }
    .claim-btn{
        text-align:center;
        width:100%
    }
    #return-to-top{
        display:none!important
    }
    .top-icon{
        display:none!important
    }
    .oc-text i{
        font-size:45px!important
    }
    .footer-navigation .social-menus a{
        margin-right:10px!important
    }
    .ofer-terms h3{
        font-size:22px!important;
        font-weight:700!important
    }
    .ofer-keywords .about-ofer{
        padding:0!important
    }
    .ofer-keywords .about-ofer p{
        font-size:20px!important;
        font-weight:700
    }
    .ofer-list-wraper .col-md-5ths{
        border-top:10px solid #f4f4f4!important;
        padding-top:10px!important
    }
    .ofer-list-wraper .col-md-5ths:first-child{
        border:0!important;
        padding-top:0!important
    }
    .service-details{
        position:inherit
    }
    .mobile-ap{
        text-align:center
    }
    .ofer-detail-contents .col-md-6{
        min-height:auto!important
    }
    .body.safety-pg header h3{
        position:relative;
        z-index:999999
    }
    .safety-baner img{
        margin-top:145px
    }
    .footer-navigation{
        display:none
    }
    .footer-grphic{
        display:none
    }
    .safety-content .rd-more{
        font-size:20px!important;
        font-weight:400!important;
        left:0!important;
        color:#000
    }
    .safety-pg p{
        padding-bottom:0!important
    }
    .faq-wraper .panel-body p{
        font-size:17px!important;
        line-height:26px!important;
        margin-bottom:0!important
    }
    .dapp{
        margin-top:30px
    }
}
@media only screen and (max-width:568px){
    .ofer-web-view .availableon{
        font-weight:400;
        display:block;
        text-align:center
    }
    .ofer-web-view .availableon span{
        display:block;
        text-align:center
    }
    .ofer-web-view .valid-til{
        display:block;
        text-align:center;
        margin-top:25px
    }
    .ofer-web-view .valid-til{
        display:block!important;
        text-align:center!important
    }
    .ofer-web-view .how-gift img{
        width:100%!important
    }
    .ofer-web-view .how-gift ul::before{
        height:72%!important
    }
    .faq-wraper .panel a{
        padding:15px 25px 15px 0!important
    }
    .faq-wraper .panel a i{
        float:right;
        position:absolute;
        right:0;
        top:20px
    }
    .faq-wraper .panel a{
        position:relative
    }
    .how-gift ul::before{
        height:71%!important;
        left:40px!important;
        right:-8px!important;
        top:21px!important
    }
    .shield-content h3{
        font-size:26px;
        line-height:36px
    }
    .login-dropdown ul{
        margin-left:0
    }
    .safety-heading{
        font-size:26px!important
    }
    .foter-baner img{
        margin:25px 35px
    }
    .banner-content{
        top:32px
    }
    .future-banner .btn{
        margin-top:0
    }
    .future-banner p{
        margin:0;
        font-size:30px
    }
    .future-banner .col-xs-6{
        margin-top:10px
    }
    .service-tab ul.nav-tabs li a{
        width:60px
    }
    video{
        margin-top:150px
    }
    header{
        background:#000
    }
    .covid-top-header{
        margin-bottom:2px
    }
    #toggle1.on+#menu{
        position:absolute;
        right:0
    }
    .nav-phone{
        font-size:14px;
        margin-right:0
    }
    .login-dropdown .login{
        margin-right:0
    }
    .covid-top-header img{
        width:70px;
        height:70px
    }
    .covid-top-header p{
        margin-top:0;
        font-size:12px
    }
    .card-section{
        padding:10px 0;
        background-color:#f4f4f4
    }
    .fc-box{
        margin:70px 0!important;
        padding:20px 15px!important
    }
    .link-send p{
        margin-top:15px;
        margin-bottom:15px
    }
    .service-tab .tab-content .active{
        height:380px
    }
    .link-send span{
        font-size:15px!important
    }
    .enter-phone .col-md-12{
        margin:15px 0 5px
    }
    .future-banner .btn-2{
        font-size:18px
    }
    .baner-txt{
        font-size:13px;
        width:100%
    }
    .header-search .input-group input{
        font-size:11px;
        padding:4px 4px
    }
    .content-areaa{
        margin-bottom:0;
        position:inherit
    }
    .near-services .a.web-btn-primary,.near-services .web-btn-primary,.near-services .web-btn-primary a{
        font-size:11px;
        word-break:break-word;
        white-space:inherit;
        height:auto;
        position:relative;
        left:0
    }
    .near-cat-icon:empty~.chk_whos_near>.chk-whos-near-btn{
        float:left;
        margin-top:15px;
        width:100%;
        position:relative;
        left:0
    }
    .link-send p{
        font-size:20px
    }
    .putting-right .most-populer-cat h4{
        white-space:nowrap;
        overflow:hidden
    }
    .index-banner{
        float:left;
        width:100%
    }
    .index-banner .embed-responsive video{
        margin:0
    }
    .header-search .input-group input{
        font-size:12px;
        padding:6px 6px;
        height:auto
    }
    .header-search .input-group .input-group-addon{
        font-size:14px;
        padding:0 10px
    }
    .pros-near-btn a{
        padding:0 0;
        font-size:20px
    }
    .btn-lg span{
        font-size:16px
    }
    .pros-near-btn i{
        font-size:18px;
        margin-top:0
    }
    .legal-nav a{
        font-size:20px
    }
    .legal-static h1.color-blue{
        font-size:24px
    }
    .legal-static .lft-img img{
        width:100%!important
    }
    .header-search{
        width:100%!important
    }
    .baner-txt{
        font-size:18px
    }
    .site-map .text-left{
        display:inline-block!important
    }
    .cont-txt{
        margin-top:0
    }
    .toogle-nav #toggle1{
        position:relative;
        top:-70px;
        position:relative
    }
    .app-bg .col-md-6{
        width:100%!important;
        margin-bottom:20px!important
    }
    .toogle-nav{
        top:52px;
        position:relative
    }
}
@media only screen and (max-width:500px){
    .carousel .item:last-child .row{
        height:auto!important
    }
    .bg-overlay-new{
        padding-top:70px!important;
        background-position:78%!important
    }
    .how-gift ul::before{
        height:71%!important;
        left:40px!important
    }
    .map-area .route-txt{
        top:10px;
        font-size:18px
    }
    .navbar-nav li a{
        padding:15px 15px;
        float:left;
        width:100%
    }
    .header-search{
        width:60%;
        left:0
    }
    .service-list-new #list-view>.row{
        column-count:1
    }
    .left-right-colored-btn .left,.left-right-colored-btn .right{
        width:auto;
        font-size:20px;
        line-height:46px
    }
    .states-main{
        padding:10px
    }
    video{
        margin-top:125px
    }
    .emergency-service{
        margin-top:40px
    }
    .login-dropdown{
        top:40px!important
    }
    .login-dropdown li:last-child{
        right:-35%!important
    }
    .chat-main .txt{
        font-size:30px!important
    }
    .demo{
        height:200px
    }
    .features .txt{
        font-size:20px
    }
    .search-bar{
        margin-top:10px
    }
    .iphone-x img{
        width:60%!important
    }
    .card-abt{
        margin-top:15px!important
    }
    .footer-navigation .social-menus{
        width:100%;
        margin-top:10px;
        text-align:center
    }
    header h3{
        margin:95px 0 0
    }
    .login-dropdown{
        position:relative;
        left:35px!important
    }
    .toogle-nav{
        top:72px;
        position:relative
    }
    #toggle1.on+#menu{
        top:0
    }
    .card-section .card-left,.card-section .card-right{
        width:100%
    }
    .regular_btn{
        margin-top:20px;
        font-size:18px;
        padding:15px 35px
    }
    .service-tab ul.nav-tabs{
        overflow:hidden;
        overflow-wrap:anywhere;
        overflow-x:scroll!important
    }
    .service-tab ul.nav-tabs li{
        padding:0 5px
    }
    .app-down img{
        padding:3px
    }
    .ss-heading-new{
        text-align:left;
        margin-top:20px!important;
        padding:0!important
    }
    .card-reveal div{
        text-align:center!important;
        padding-top:16px
    }
    .card-reveal{
        background:#fff;
        text-align:center
    }
    .area-section .collapse.in{
        overflow:auto;
        overflow-x:hidden
    }
    .ofer-terms a{
        display:inline-block
    }
    .cat-new{
        margin-top:25px
    }
    .bg-overlay-mob{
        height:auto!important
    }
}
@media only screen and (max-width:414px){
    .how-gift ul::before{
        height:69%!important
    }
    .ofer-web-view .how-gift ul::before{
        height:69%!important
    }
    .credit-section{
        height:230px!important;
        background-repeat:no-repeat!important;
        background-size:cover!important
    }
    .login-dropdown{
        top:40px!important;
        left:20px!important
    }
    .login-dropdown li:last-child{
        right:-40%!important
    }
}
@media only screen and (max-width:411px){
    .login-dropdown{
        top:0!important
    }
}
@media only screen and (max-width:375px){
    .ofer-web-view .how-gift ul::before{
        height:70%!important
    }
    .how-gift ul::before{
        height:72%!important
    }
    .login-dropdown li:last-child{
        right:-42%!important
    }
    .login-dropdown{
        top:0!important
    }
    .header-search{
        width:57%;
        left:-2%;
        margin-right:0
    }
    .service-list-new #list-view>.row{
        column-count:1
    }
    .chat-main{
        min-height:530px
    }
    .slick-dotted.slick-slider{
        width:90%
    }
    .slick-slider-crousel{
        z-index:9
    }
    .pros-near-btn{
        margin-top:12px;
        left:-10px
    }
    header h3{
        margin:90px 0 0
    }
    .login-dropdown{
        float:left;
        position:relative;
        left:90px;
        top:-125px
    }
    .login-dropdown ul{
        margin-left:0
    }
    .dapp{
        margin-top:0;
        top:10px
    }
    .dropdown-menu{
        left:-100px
    }
    .regular_btn{
        font-size:18px;
        padding:16px 20px
    }
    .utzo-guarante p{
        line-height:1;
        margin-top:2rem
    }
    .card-section .col-md-6{
        height:460px!important
    }
    .card-section .card-left,.card-section .card-right{
        width:100%
    }
    .more-btn{
        margin-top:20px
    }
    .service-tab ul.nav-tabs{
        overflow:hidden;
        overflow-wrap:anywhere
    }
    .area-section .collapse.in{
        overflow:auto;
        overflow-x:hidden
    }
    .next-prev .next-arrow a:before{
        font-size:24px
    }
}
@media only screen and (max-width:360px){
    .how-gift ul::before{
        height:68%!important
    }
    .ofer-web-view .how-gift ul::before{
        height:69%!important
    }
}
@media only screen and (max-width:330px){
    .ofer-web-view .how-gift ul::before{
        height:65%!important
    }
}
@media only screen and (max-width:320px){
    .login-dropdown li:last-child{
        right:58px!important
    }
    .ofer-content p{
        position:absolute;
        left:13px;
        bottom:-13px
    }
    .ofer-web-view .how-gift ul::before{
        height:65%!important
    }
    .how-gift ul::before{
        height:65%!important
    }
    .login-dropdown{
        left:45px
    }
    .dapp{
        top:5px;
        margin-top:0
    }
    .header-search{
        width:63%;
        left:-2%;
        margin-right:0
    }
    .cart{
        min-width:100px;
        padding:10px 5px
    }
    .pros-near-btn a{
        margin:15px 10px;
        padding:10px
    }
    .service-list-new #list-view>.row{
        column-count:1
    }
    .login-dropdown li:last-child{
        right:-35%!important
    }
    .explorer-btn{
        left:50%
    }
}
.ofer-content h5{
    font-size:14px
}
.ofer-content p{
    font-size:11px!important
}
.change-location{
    background:#4285f4;
    padding:20px 10px;
    color:#fff;
    margin-right:35px
}
.change-location .right-text{
    float:left;
    padding:5px 0 0;
    width:120px;
    font-size:20px;
    margin:0 0 0 5px
}
.change-location .web-btn-danger{
    float:left;
    padding:8px 0;
    margin-top:4px;
    border-radius:0!important;
    background:0 0;
    color:#fff;
    font-size:16px;
    text-decoration:underline
}
#customer_tracking_page,#pro_tracking_page{
    display:none
}
[tooltip]{
    position:relative
}
[tooltip]::before{
    content:"";
    position:absolute;
    top:-8px;
    left:50%;
    transform:translateX(-50%);
    border-width:6px 7px 0 7px;
    border-style:solid;
    border-color:rgba(255,255,255,.9) transparent transparent transparent;
    z-index:999;
    opacity:0;
    -webkit-filter:drop-shadow(0 2px 0 #bcbcbc);
    filter:drop-shadow(0 2px 0 #bcbcbc)
}
[tooltip-position=left]::before{
    left:0;
    top:50%;
    margin-left:-12px;
    transform:translatey(-50%) rotate(-90deg)
}
[tooltip-position=top]::before{
    left:50%
}
[tooltip-position=buttom]::before{
    top:100%;
    margin-top:8px;
    transform:translateX(-50%) translatey(-100%) rotate(-180deg)
}
[tooltip-position=right]::before{
    left:100%;
    top:50%;
    margin-left:1px;
    transform:translatey(-50%) rotate(90deg)
}
[tooltip]::after{
    content:attr(tooltip);
    position:absolute;
    left:50%;
    top:-6px;
    transform:translateX(-50%) translateY(-100%);
    background:rgba(255,255,255);
    text-align:center;
    color:#434344;
    padding:10px 10px!important;
    font-size:14px;
    min-width:100px;
    border-radius:0;
    pointer-events:none;
    z-index:99;
    opacity:0;
    border:1px solid #b9b9b9;
    box-shadow:0 -1px 5px #ccc;
    text-transform:capitalize;
    font-weight:400
}
[tooltip-position=left]::after{
    left:0;
    top:50%;
    margin-left:-8px;
    transform:translateX(-100%) translateY(-50%)
}
[tooltip-position=top]::after{
    left:50%
}
[tooltip-position=buttom]::after{
    top:100%;
    margin-top:8px;
    transform:translateX(-50%) translateY(0)
}
[tooltip-position=right]::after{
    left:100%;
    top:50%;
    margin-left:8px;
    transform:translateX(0) translateY(-50%)
}
[tooltip]:hover::after,[tooltip]:hover::before{
    opacity:1
}
.legal-static .index-banner{
    display:none
}
.legal-static .lft-img img{
    width:80%
}
.legal-static .content-section{
    padding-bottom:50px;
    border-bottom:1px solid #ccc;
    padding-top:100px
}
.legal-static .color-blue{
    color:#1b3c72;
    margin-top:50px
}
.legal-static p{
    color:#000;
    font-size:22px
}
.legal-static h1{
    margin-top:0
}
.legal-nav .col-md-4{
    margin-bottom:50px
}
.legal-nav{
    margin-bottom:50px;
    background-color:#e5e5e5;
    padding-top:65px;
    border-top:8px solid #1b3c72
}
.legal-nav a{
    font-size:26px;
    padding:26px 0;
    border:1px solid #ccc;
    text-transform:uppercase;
    display:block;
    color:#000;
    text-decoration:none
}
.legal-nav a:hover{
    color:#444
}
.legal-nav .dblock{
    height:75px
}
.hvr-sweep-to-left{
    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
}
.hvr-sweep-to-left:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 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
}
.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{
    color:#fff
}
.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.clk-legal{
    color:#1ccacd!important;
    font-weight:700!important
}
.clk-legal:hover{
    border-bottom:1px solid #1ccacd!important
}
#breadCrumbSiteMap{
    margin:15px 0
}
.site-map{
    padding-bottom:40px
}
#breadCrumbSiteMap a{
    font-size:26px;
    margin-top:20px;
    color:#000
}
.select-city-section a{
    margin-top:15px;
    display:block;
    color:#1850a4;
    background:#ececec;
    text-align:center;
    border:1px solid #f1f0f0;
    font-size:22px;
    margin:5px 0;
    padding:10px 0
}
.select-city-section a:hover{
    text-decoration:none
}
.hvr-sweep-to-right{
    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
}
.hvr-sweep-to-right:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#1850a5;
    -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
}
.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{
    color:#fff
}
.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.hvr-underline-from-left{
    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;
    overflow:hidden
}
.hvr-underline-from-left:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    right:100%;
    bottom:0;
    background:#2098d1;
    height:4px;
    -webkit-transition-property:right;
    transition-property:right;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{
    right:0
}
.select-city-section .content-box{
    height:150px;
    text-align:center
}
.select-city-section .content-box a{
    background:0 0;
    border:0
}
.cont-txt{
    margin-top:15px;
    display:inline-block;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
    height:45px;
    width:100%
}
.select-city-section .content-box i{
    color:#3291d5;
    font-size:65px
}
.contact-form-wraper button{
    width:100%
}
.contact-details h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:5px
}
.contact-details p{
    padding-left:35px;
    margin-bottom:5px
}
.contact-details a{
    text-decoration:none;
    color:#000
}
.contact-selection .col-md-6 label{
    font-size:18px;
    color:#000;
    font-weight:700
}
.contact-details i{
    font-size:24px;
    margin-right:5px
}
.contact-details .fa-map-marker{
    margin-right:20px;
    font-size:35px
}
.contact-details .fa-phone{
    font-size:30px
}
.contact-selection{
    margin-bottom:50px
}
.contact-details .row:last-child p{
    padding-left:45px
}
.contact-details{
    padding-left:10px
}
.contact-main .col-md-8{
    max-height:1100px;
    overflow:hidden
}
.map_pin-wrap{
    position:absolute;
    width:100px;
    height:100px;
    margin-top:-120.7106781187px;
    margin-left:-50px;
    -webkit-transform-origin:50% 120.7106781187% 0;
    transform-origin:50% 120.7106781187% 0
}
.map_pin{
    background:url(../images/home.png) no-repeat;
    background-size:35px;
    position:absolute;
    top:45%;
    left:32%;
    width:35px;
    height:100px
}
.map_shadow{
    position:absolute
}
.map_shadow::after{
    position:absolute;
    left:-112px;
    display:block;
    width:25px;
    height:25px;
    margin-top:-14px;
    content:'';
    -webkit-transform:rotateX(55deg);
    transform:rotateX(55deg);
    border-radius:50%;
    box-shadow:rgba(0,0,0,.5) 100px 0 20px
}
.map_pulse{
    position:absolute;
    margin-top:-50px;
    margin-left:-50px;
    -webkit-transform:rotateX(55deg);
    transform:rotateX(55deg)
}
.map_pulse::after{
    display:block;
    width:100px;
    height:100px;
    content:'';
    -webkit-animation:pulsate 1s ease-out;
    animation:pulsate 1s ease-out;
    -webkit-animation-delay:1.1s;
    animation-delay:1.1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    opacity:0;
    border-radius:50%;
    box-shadow:0 0 1px 2px rgba(0,0,0,.5);
    box-shadow:0 0 12px 3px #d40303
}
@-webkit-keyframes pulsate{
    0%{
        -webkit-transform:scale(.1,.1);
        transform:scale(.1,.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
        opacity:0
    }
}
@keyframes pulsate{
    0%{
        -webkit-transform:scale(.1,.1);
        transform:scale(.1,.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
        opacity:0
    }
}
.gifts-list{
    padding:15px 20px;
    min-height:590px;
    overflow:auto
}
.gifts-list ul{
    margin:0;
    padding:0
}
.gifts-heading{
    position:relative
}
.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:22px;
    color:#000
}
.gift-img{
    position:absolute;
    width:50%
}
.gift-popup h3{
    padding:15px 20px;
    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;
    padding:30px 0;
    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
}
.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
}
.modal-dialog{
    width:950px;
    max-width:950px!important
}
.offer-search .main-search{
    position:relative;
    background:#f5f5f5;
    top:53px
}
.offer-search .main-search i{
    position:absolute;
    top:18px;
    font-size:22px;
    color:#b0b0b0;
    left:20px;
    z-index:9
}
.offer-search .main-search input{
    padding:30px 12px 30px 50px;
    font-size:22px;
    border:1px solid #d0d0d069;
    outline:0;
    color:#000;
    font-weight:400
}
.offer-list{
    background-color:#f4f4f4
}
.offer-search{
    height:155px
}
.offer-list h3{
    text-align:center;
    font-weight:700;
    margin-right:10px
}
.offer-list h3 i{
    margin-right:7px;
    font-size:32px
}
.ofer-list-wraper{
    max-width:1400px;
    width:90%;
    margin-bottom:50px!important
}
.ofer-list-wraper .offer-box{
    background-color:#fff
}
.ofer-list-wraper .fa-tools{
    background-color:#f7f7f7
}
.ofer-list-wraper a{
    text-decoration:none;
    background:#fff;
    display:block
}
.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
}
.ofer-img{
    overflow:hidden;
    width:100%;
    position:relative
}
.ofer-img img{
    width:100%
}
.ofer-content{
    padding:0 20px 5px;
    min-height:310px
}
.ofer-content h4{
    margin:5px 0;
    text-transform:uppercase
}
.ofer-content p{
    color:#000;
    font-size:14px!important;
    white-space:nowrap
}
.ofer-img span{
    background-color:rgba(0,0,0,.5);
    color:#fff;
    position:absolute;
    left:0;
    right:0;
    font-weight:400;
    text-align:center;
    padding:10px 0;
    margin:0 auto;
    font-size:30px;
    display:none
}
.ofer-details-baner img{
    width:100%
}
.ofer-claim{
    background-color:#e2e2e2
}
.ofer-claim .col-md-3{
    background-color:#e2e2e2;
    padding:25px 0 0 30px;
    border-right:2px solid #fff
}
.ofer-claim .col-md-3 span{
    text-transform:uppercase;
    font-weight:400;
    font-size:16px;
    color:#717171
}
.ofer-claim .col-md-3 p{
    font-size:22px;
    color:#000
}
.ofer-claim .col-md-3:last-child{
    border-right:2px transparent;
    text-align:center
}
.ofer-claim .col-md-3:last-child .btn{
    background-color:#000;
    text-transform:uppercase;
    color:#fff;
    border-radius:0;
    font-size:24px;
    padding-left:25px;
    padding-right:25px
}
.ofer-detail-contents h3{
    text-transform:uppercase;
    font-size:52px;
    font-weight:700;
    margin-bottom:0
}
.ofer-detail-contents h3 i{
    margin-right:7px;
    font-size:30px
}
.ofer-detail-contents ul li{
    list-style-type:square;
    display:list-item;
    list-style-position:inside;
    list-style-image:none;
    border-bottom:1px solid #acacac;
    line-height:48px
}
.ofer-detail-contents ul{
    margin:0;
    padding:0
}
.ofer-detail-contents .panel-default>.panel-heading{
    position:relative;
    background-color:transparent;
    border:0;
    left:-10px
}
.ofer-detail-contents .panel{
    background-color:transparent;
    border:0;
    color:#000;
    padding:0;
    box-shadow:none
}
.ofer-detail-contents .panel-heading .fa{
    position:absolute;
    left:10px;
    top:18px;
    border:1px solid #000;
    border-radius:50%;
    padding:1px 3px
}
.ofer-detail-contents h4.panel-title h3{
    margin-top:0
}
.ofer-detail .col-md-8 .panel-heading{
    margin-left:-10px;
    text-transform:uppercase
}
.ofer-detail-contents .panel h4{
    margin:0;
    margin-bottom:10px;
    line-height:normal!important;
    font-weight:700
}
.ofer-detail .col-md-4 h3{
    text-transform:uppercase
}
.ofer-detail-contents a.collapsed{
    display:block;
    text-decoration:none
}
.ofer-detail-contents .panel-body{
    border:0
}
.ofer-detail-contents .panel-title{
    padding:7px 0 0 30px
}
.ofer-detail-contents a:hover{
    color:#000;
    text-decoration:none
}
.ofer-detail-contents a:focus{
    color:#000!important;
    box-shadow:none
}
.ofer-detail-contents .panel-group .panel+.panel{
    margin-top:0
}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{
    border:0
}
#terms .panel-body{
    padding:0
}
.ofer-detail-contents .col-md-4 img{
    width:90%
}
.about-ofer{
    padding:0 30px;
    margin-top:130px;
    margin-bottom:50px
}
.about-ofer h3{
    font-weight:700;
    margin:30px 0 15px 0
}
.about-ofer p{
    color:#000
}
.faq-wraper .panel-heading,.panel{
    background-color:transparent!important;
    border:0!important;
    padding:0!important;
    color:#000!important
}
.faq-wraper{
    background-color:#e2e2e2;
    padding:30px 0;
    margin-top:50px
}
.faq-wraper h3{
    margin:0;
    padding:0;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px
}
.ofer-terms h3{
    margin:0;
    text-transform:uppercase
}
.ofer-terms{
    margin-bottom:50px;
    color:#000
}
.ofer-terms p{
    padding:0;
    font-family:open_sansregular!important;
    margin:0;
    color:#000;
    font-size:17px!important
}
.faq-wraper .panel a{
    display:block;
    font-size:24px;
    color:#000;
    padding:15px 0
}
.faq-wraper .panel a i{
    float:right
}
.faq-wraper .panel a:hover{
    color:#000
}
.faq-wraper .panel a:focus{
    color:#000
}
.btn-regular{
    border-radius:0
}
.faq-wraper .panel h4.panel-title{
    border-bottom:1px solid #acacac
}
.ofer-terms button{
    background-color:#000;
    padding:10px 25px;
    display:inline-block;
    margin-top:20px;
    color:#fff;
    text-transform:uppercase;
    font-size:22px;
    border-radius:0
}
.ofer-terms button:hover{
    color:#000;
    background-color:transparent!important;
    border:1px solid #000
}
.ofer-terms button:focus{
    color:#000;
    background-color:transparent!important;
    border:1px solid #000
}
.how-gift h3{
    margin:0 0 40px 0;
    font-weight:700;
    text-align:center
}
.how-gift img{
    width:80%
}
.how-gift ul li{
    margin:0
}
.how-gift ul{
    padding-left:40px;
    margin:0
}
.how-gift ul:before{
    content:"";
    height:73%;
    border-left:2px solid #000;
    position:absolute;
    left:40px
}
.how-gift ul li:before{
    content:"";
    position:absolute;
    left:32.3px;
    border:3px solid #fff;
    height:18px;
    width:18px;
    background-color:#000
}
.how-gift ul li:last-child p{
    top:5px
}
.how-gift ul li:last-child:before{
    margin-top:10px
}
.availableon{
    color:#717171;
    font-size:22px!important;
    margin:8px 0 8px
}
.valid-til{
    font-size:24px;
    display:flex
}
.valid-til p{
    color:#000;
    font-size:22px!important
}
.valid-til span{
    color:#717171;
    margin-right:3px;
    font-size:22px!important
}
.availableon span{
    color:#000;
    font-size:22px!important
}
.ofer-detail-contents button{
    background-color:#000;
    color:#fff;
    font-size:20px;
    padding:7px 25px;
    text-transform:uppercase
}
.ofer-detail-contents button:hover{
    color:#000;
    border-radius:0;
    background-color:transparent!important;
    border:1px solid #000!important
}
.how-gift ul li{
    margin:45px 0
}
.how-gift ul li:first-child{
    margin:0
}
.how-gift .col-md-7{
    padding-left:40px
}
.how-gift .col-md-7{
    padding-left:40px
}
.oc-text i{
    font-size:50px;
    color:#000;
    margin-right:16px
}
.oc-text span{
    font-size:21px!important;
    text-transform:uppercase;
    color:#717171;
    display:block
}
.oc-text p{
    font-size:21px!important;
    color:#000;
    line-height:24px
}
.oc-text{
    display:flex;
    margin-bottom:25px
}
.ofer-detail-contents .col-md-6{
    min-height:378px
}
.how-gift .col-md-7 p{
    position:relative;
    font-family:open_sansregular!important;
    top:-6px;
    color:#000;
    font-size:17px!important
}
.ofer-terms a:hover{
    text-decoration:none;
    color:#000
}
.ofer-keywords .about-ofer p{
    padding:0!important;
    margin:39px 0 15px 15px;
    font-size:28px!important
}
.ofer-keywords .about-ofer{
    padding:0!important;
    margin-bottom:25px!important
}
.ofer-keywords{
    margin-top:20px
}
.services-title h4{
    margin-top:10px;
    margin-bottom:0;
    font-size:46px
}
.ofer-content h5{
    margin:10px 0
}
.ofer-details-bnr{
    display:none
}
body.safety-pg header i{
    font-size:22px;
    color:#fff
}
body.safety-pg header a{
    display:block;
    margin:17px 10px
}
body.safety-pg header a:hover i{
    color:#54aef8
}
body.safety-pg header{
    background-color:#000;
    display:flex;
    padding:23px 0
}
.shield-content{
    background-color:#d8f4fe;
    border-bottom:10px solid #c1c1c1
}
.shield-content h3{
    width:100%;
    font-size:34px;
    text-align:center;
    display:inline-block;
    padding:20px 0 45px;
    line-height:50px;
    font-weight:700
}
body.safety-pg h3{
    width:100%;
    display:inline-block;
    margin:0
}
.top-shield{
    margin-top:40px;
    color:#000;
    width:80px
}
.safety-baner img{
    width:100%
}
.safety-baner{
    padding:0!important
}
.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:17px;
    color:#000;
    line-height:26px;
    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-2 i{
    color:#fff;
    font-size:50px;
    position:absolute
}
.safety-content .col-md-2{
    position:relative
}
.safety-content{
    padding:50px 0;
    margin-bottom:20px
}
.sc-wraper{
    padding:80px 0
}
.suport-img{
    width:138px;
    height:140px;
    border-radius:50%;
    border:2px solid;
    overflow:hidden;
    margin-right:15px;
    background-color:#fff
}
.suport-img img{
    width:103%
}
.online-alert{
    width:20px;
    left:110px;
    top:15px;
    height:20px;
    border-radius:50%;
    position:absolute;
    background-color:#39b54a
}
.cal-action-wraper{
    border:2px solid #000;
    background-color:#fff;
    display:flex;
    padding:25px 20px;
    width:90%;
    position:relative;
    padding:30px 20px
}
.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
}
.suport-img-wraper{
    position:relative
}
.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 p{
    line-height:30px;
    margin-bottom:0;
    font-size:23px
}
.suport-content a{
    font-size:31px;
    margin-top:35px;
    display:inline-block
}
.cal-action-section .col-md-6:last-child .suport-img{
    text-align:center
}
.cal-action-section .col-md-6:last-child img{
    width:50%;
    margin-top:19px
}
.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
}
.pros-sec{
    background-color:#000
}
.eta-sec{
    background-color:#39b54a
}
.distance-sec{
    background-color:#037adf
}
.map-section-wraper span{
    width:200px;
    align-items:center;
    height:200px;
    font-weight:700;
    color:#fff;
    display:flex;
    text-align:center;
    font-size:60px;
    margin:0 auto;
    justify-content:center
}
.map-section-wraper p{
    font-size:36px;
    font-weight:700!important;
    margin-top:5px
}
.map-section-wraper .col-md-4{
    margin-top:200px
}
.panel-title a:hover{
    text-decoration:none
}
.panel-title a:focus{
    text-decoration:none
}
.suport-content a{
    color:#000
}
.faq-wraper .panel-body p{
    font-size:20px;
    line-height:33px
}
.ofer-terms h3{
    font-weight:700;
    font-size:30px!important;
    line-height:40px
}
.faq-wraper .panel-body p{
    font-size:20px;
    line-height:33px;
    font-weight:400;
    color:#000
}
.rd-more{
    text-decoration:underline;
    color:#000
}
.rd-more:hover{
    text-decoration:none!important
}
.covid-res{
    margin-top:-90px;
    display:inline-block;
    border-top:0!important
}
.safety-map{
    padding:0;
    position:relative
}
.safety-map img{
    width:100%
}
.page-cta{
    background-color:#283a86;
    text-align:center;
    color:#fff;
    font-size:32px;
    padding:30px 15px;
    font-weight:700
}
.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
}
.img-cirle.bdr-ripple-ani-btn{
    border-radius:50%;
    display:inherit;
    margin-top:5px;
    overflow:hidden;
    width:90px;
    height:50px;
    border:2px solid #ccc
}
.bdr-ripple-ani-btn.pink{
    color:#fff;
    animation:at-ripple-pink .6s linear infinite
}
.img-cirle.bdr-ripple-ani-btn{
    border-radius:50%;
    display:inherit;
    margin-top:5px;
    overflow:hidden;
    width:90px;
    height:50px;
    border:2px solid #ccc
}
.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(0,0,0,.1),0 0 0 0 rgba(0,0,0,.1),0 0 0 5px rgba(0,0,0,.1),0 0 0 10px rgba(0,0,0,.1)
    }
    100%{
        box-shadow:0 4px 10px rgba(0,0,0,.1),0 0 0 5px rgba(0,0,0,.1),0 0 0 10px rgba(0,0,0,.1),0 0 0 20px transparent
    }
}
.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
}
.safety-map .regular_btn:hover{
    border-radius:0!important;
    background-color:transparent!important;
    color:#000!important
}
.safety-map .regular_btn:focus{
    border-radius:0!important;
    background-color:transparent!important;
    color:#000
}
.s-desktop-bnr{
    display:block
}
.s-responsive-bnr{
    display:none
}
.shield-content h2{
    font-weight:700;
    margin-top:10px;
    text-transform:uppercase
}
.safety-heading{
    background-color:#000;
    font-size:36px;
    color:#fff;
    text-align:center;
    padding:25px 0
}
.top-shield img{
    width:80px
}
body.safety-pg{
    top:54px;
    right:10px
}
.safety-content .morelink{
    color:#000;
    margin-top:-9px
}
.morecontent .less:hover{
    text-decoration:underline!important
}
.morecontent .morelink:hover{
    text-decoration:underline!important
}
.safety-content .col-md-2 img{
    width:100%
}
#shildpopup .container{
    width:100%
}
#shildpopup .shield-popup h4{
    float:none!important
}
#shildpopup .panel-title a:hover{
    background-color:transparent!important
}
#shildpopup .panel-body{
    background-color:transparent!important
}
#shildpopup .panel-title{
    width:100%
}
#shildpopup .modal-dialog{
    margin-top:75px
}
.ofer-terms a{
    color:#000;
    font-size:30px!important
}
.faq-wraper .panel-body{
    font-size:20x;
    line-height:26px;
    padding:0
}
.ofer-list-wraper .col-md-5ths{
    min-height:700px
}
.ofer-content .offer-warranty{
    font-size:16px;
    color:#000;
    font-weight:400;
    padding:5px 0
}
.service-details .offer-warranty{
    font-size:44px;
    padding:10px 0
}
.cl-btn .btn-regular{
    margin-left:15px
}
.bg-overlay{
    background:url(https://www.utzo.com/website/images/abt-img.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:#fff;
    height:780px;
    padding-top:240px
}
.abt-sec h1{
    color:#000;
    font-weight:700
}
.abt-sec h2{
    color:#fff;
    text-transform:capitalize
}
.abt-sec{
    background:rgba(0,0,0,.4);
    width:70%!important;
    margin-top:65px!important
}
.abt-sec h4{
    color:#000;
    margin-top:-10px
}
.abt-sec-new h1{
    color:#fff;
    font-weight:700
}
.abt-sec-new h4{
    color:#fff;
    margin-top:-10px
}
.bg-overlay-new{
    background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../images/abt-sir-img.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:#fff;
    height:680px;
    padding-top:160px
}
.dapp-new{
    background-color:#000;
    border-radius:0;
    font-weight:700;
    font-size:18px;
    padding:14px 25px
}
.dapp-new:hover{
    background-color:#555!important
}
.vis-mis{
    margin-top:80px;
    margin-bottom:80px
}
.ss-heading-new{
    text-align:left;
    margin-top:80px;
    padding:0 40px
}
.ss-heading-new h4{
    text-transform:uppercase;
    font-weight:600
}
.shadow-new{
    box-shadow:0 5px 30px -8px rgba(0,0,0,.15)!important
}
.company-info{
    background:#f1f1f1
}
.company-head{
    color:#333
}
.card-abt .card-image{
    overflow:hidden;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.card-abt .card-image img{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -ms-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.card-abt .card-image:hover img{
    -webkit-transform:scale(1.2) rotate(-7deg);
    -moz-transform:scale(1.2) rotate(-7deg);
    -ms-transform:scale(1.2) rotate(-7deg);
    -o-transform:scale(1.2) rotate(-7deg);
    transform:scale(1.2) rotate(-7deg)
}
.card-abt{
    margin-top:10px;
    position:relative;
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow:4 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.card-abt .card-content{
    padding:10px
}
.card-abt .card-content .card-title,.card-reveal .card-title{
    font-size:1.7rem;
    font-weight:200;
    font-family:open_sansregular!important
}
.card-reveal{
    background:#fff;
    padding:20px
}
.learn-more a{
    color:#555;
    text-decoration:underline;
    font-weight:500
}
.learn-more a:hover{
    color:#000;
    text-decoration:underline
}
.para-card{
    margin-top:12px
}
.latest-sec img{
    margin:20px auto
}
.latest-sec{
    margin-bottom:25px
}
.bg-overlay-mob{
    background:url(../images/store-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:#fff;
    height:550px
}
.store-sec{
    padding-top:70px
}
.store-sec h2{
    text-transform:uppercase;
    font-family:open_sansregular!important;
    color:#000;
    font-size:2rem;
    font-weight:700
}
.store-sec p{
    font-size:20px;
    font-family:open_sansregular;
    color:#000
}
.bot-line{
    border:1px solid #000
}
.category-sec h2{
    color:#000;
    font-weight:600
}
.category-sec h2:hover{
    color:#555
}
.category-sec i{
    float:right;
    color:#000;
    font-size:46px
}
.category-sec i:hover{
    color:#555
}
.iphone-screen{
    min-height:520px;
    width:100%;
    display:inline-block;
    background-size:100% 100%;
    overflow:hidden;
    position:relative;
    top:15px
}
.iphone-video{
    position:absolute;
    left:0;
    height:570px;
    overflow:hidden;
    padding-right:20px
}
video{
    width:100%
}
.head-txt h3{
    font-family:open_sansregular!important;
    color:#000;
    font-size:2rem;
    font-weight:700
}
.head-txt p{
    font-size:20px;
    font-family:open_sansregular;
    color:#000
}
.company-head h2{
    font-family:open_sansregular!important;
    color:#000;
    font-size:2rem;
    font-weight:700
}
.fc-box{
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow:4 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    padding:38px;
    background-color:#fff
}
.fc-box h5{
    font-size:22px
}
.enter-phone{
    display:flex
}
.enter-phone .col-md-12{
    display:flex
}
.future-banner .form-control{
    width:100%;
    height:57px;
    font-size:18px;
    border-radius:0
}
.fc-box input{
    border:1px solid #000!important;
    border-right:0
}
.enter-phone .btn-2{
    width:150px;
    color:#000!important;
    height:57px;
    line-height:28px;
    font-size:28px!important
}
.enter-phone .btn-2:hover{
    color:#fff!important
}
.app-download .btn{
    background-color:transparent;
    border:1px solid #000
}
.link-send{
    margin-top:0
}
.link-send p{
    margin-left:20px
}
.link-send{
    font-size:20px
}
.display-flex{
    display:flex!important
}
.app-store-new img{
    width:100%
}
.fc-box .link-send span{
    margin-left:15px;
    font-size:16px;
    font-weight:700;
    color:#000;
    display:inline-block;
    margin-bottom:40px
}
.link-send p{
    font-size:20px;
    color:#000
}
.card-sec{
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow:4 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    background:#fff
}
.carousel .item:last-child .row{
    height:204px
}