@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
}
#status, .parallax-bg {
    background-repeat: no-repeat
}

body, footer.footer-wrapper.pb-0.sec-pad.light, html {
    font-family: "Poppins", serif !important;
}

.sec-pad, .sercat-box {
    min-height: 385px;
    border: solid 1px #ccc;
    padding: 10px;
    margin-bottom: 35px;
    border-radius: 25px;
    box-shadow: 0px 3px 0 #e26631;
    height: auto;
}

body, html {
    overflow-x: hidden;
    font-size: 14px !important;
    color: #6e7898;
    line-height: 1.6;
    white-space: normal;
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.btn i + span, .btn span, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins' !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #1f2a4b;
    margin: 0;
    line-height: 1.4;
    letter-spacing: -.01em
}

h1 {
    font-size: 4.5em;
    line-height: 1.1
}

h2 {
    font-size: 3.75em;
    line-height: 1.2
}

h3 {
    font-size: 3.5em;
    line-height: 1.3
}

.icon-md, h4 {
    font-size: 2.5em
}

h5 {
    font-size: 1.25em
}

h6 {
    font-size: 1.025em
}

a {
    color: inherit;
    transition: .5s;
    -webkit-transition: .5s;
    color: inherit
}

.blog .post-content, .nav > li > a, .navbar-custom.affix .navbar-brand, .p-0, .ratbooking li, ul {
    padding: 0
}

a, a:active, a:focus {
    outline: 0;
    text-decoration: none
}

    a, a:active, a:focus a:hover {
        text-decoration: none !important
    }

.btn i, .btn p, .btn span, .overly * {
    z-index: 1
}

.btn, .meta-head {
    letter-spacing: .2px
}

.btn, .meta {
    line-height: 1
}

li {
    list-style: none;
    margin-bottom: 10px
}

    .nav > li > a:focus, .nav > li > a:hover, li > a:focus, li > a:hover {
        background-color: transparent;
        border-color: transparent
    }

a:active, a:focus {
    -moz-outline: 0
}

.con-right i, .menu-link a:hover, a:hover {
    color: #ffffff;
    background: #bc7000;
}

.sec-pad {
    padding-bottom: 80px
}

.sec-pad-sm {
    padding-top: 60px;
    padding-bottom: 60px
}

.sec-pad-lg {
    padding: 15px 0 60px;
}
.abbg2 {
    background-image: url(../images/abtbg.jpg);
    /*background-repeat: no-repeat;*/
    background-size: contain;
}

img {
    max-width: 100%;
    height: auto
}

.section-text {
    max-width: 750px;
    margin: 0 auto 60px
}

.meta {
    font-size: 12px
}

.meta-head {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #9699a8
}

p.large {
    font-size: 1.2em
}

.ah, .bid-popup .modal-header span, .btn-round:hover, .cat-home-box:hover p, .cf, .faq .more-less, .foot-link a:focus, .footer-wrapper .subscribe-box .btn:hover, .light, .light .icon, .light .meta-head, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .link-wt a:hover, .menu-link a, .navbar-custom ul li a:hover, .purple-box h4, .purple-box p, .service-item h5 a, .service-item i, .social-network a.icoFacebook:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoRss:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoVimeo:hover i, .sub-input .custom-form .btn:focus, .yellow-box h4, .yellow-box p, [class*=grdnt-] .list-style li:before, div[class*=grdnt-] .list-style li:before, footer h5 {
    color: #fff
}

.icon {
    color: #cacbcc;
    margin-bottom: 5px
}

.icon-lg {
    font-size: 3em;
    margin-bottom: 10px
}

.icon-sm {
    font-size: 2em
}

.icon-xs {
    font-size: 1.5em
}

.bg-rad-anim {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    animation: 10s infinite morphing;
    overflow: hidden
}

@-moz-keyframes morphing {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
    }

    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }

    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%
    }

    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

@-webkit-keyframes morphing {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
    }

    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }

    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%
    }

    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

@-o-keyframes morphing {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
    }

    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }

    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%
    }

    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

@keyframes morphing {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
    }

    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }

    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%
    }

    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

.parallax-bg {
    background-attachment: fixed;
    background-position: 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.logo img {
    max-width: 150px
}

.bg-animate, .dk-footer-form, .droparrow, .droparrow-new, .menu-sub, .overly, .search-bar, .slide-side, .sub-input .custom-form, [class*=bg-trans], [class*=style-] {
    position: relative
}

    .sub-input .custom-form .form-control {
        height: 60px;
        border: 0;
        background-color: #fff;
        padding: 0 0 0 20px;
        font-size: 14px
    }

.custom-form .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0);
    box-shadow: inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0)
}

.sub-input .result-box {
    font-size: 16px;
    font-weight: 400
}

.sub-input .custom-form .btn {
    position: absolute;
    margin: 0;
    top: 5px;
    right: 5px;
    bottom: 5px;
    box-shadow: 0 0 0 transparent;
    font-size: 16px;
    font-family: robotolight
}

.bg-memphis {
    background: url(../image/bg-memphis.png) center bottom/contain no-repeat
}

.grdnt-blue.overly:before, .grdnt-blue:not(.overly) {
    background-image: -webkit-linear-gradient(90deg,#5722ff 0,#8103ff 51%,#5722ff 100%);
    background-image: linear-gradient(90deg,#5722ff 0,#8103ff 51%,#5722ff 100%)
}

.grdnt-orange.overly:before, .grdnt-orange:not(.overly) {
    background-image: linear-gradient(135deg,#ffa03a 0,#f4be56 51%,#ffa03a 100%);
    background-image: -webkit-linear-gradient(135deg,#ffa03a 0,#f4be56 51%,#ffa03a 100%)
}

.grdnt-cyan:not(.overly) {
    background-image: -webkit-linear-gradient(45deg,#35abe6 0,#3bbeff 51%,#35abe6 100%);
    background-image: linear-gradient(45deg,#35abe6 0,#3bbeff 51%,#35abe6 100%)
}

.grdnt-green.overly:before, .grdnt-green:not(.overly) {
    background-image: -webkit-linear-gradient(45deg,#00c9fd 0,#81ee8e 51%,#00c9fd 100%);
    background-image: linear-gradient(45deg,#00c9fd 0,#81ee8e 51%,#00c9fd 100%)
}

.grdnt-yellow.overly:before, .grdnt-yellow:not(.overly) {
    background-image: -webkit-linear-gradient(130deg,#ffa159 0,#ff39b4 51%,#ffa159 100%);
    background-image: linear-gradient(130deg,#ffa159 0,#ff39b4 51%,#ffa159 100%)
}

.grdnt-purple.overly:before {
    background-image: -webkit-linear-gradient(135deg,#6d1bc6 0,#fa0076 51%,#6d1bc6 100%);
    background-image: linear-gradient(135deg,#6d1bc6 0,#fa0076 51%,#6d1bc6 100%)
}

.grdnt-cyan.overly:before {
    background-image: -webkit-linear-gradient(45deg,#8089ff 0,#54ceff 51%,#8089ff 100%);
    background-image: linear-gradient(45deg,#8089ff 0,#54ceff 51%,#8089ff 100%)
}

a[class*=grdnt-], button[class*=grdnt-], div[class*=grdnt-], div[class*=grdnt-].overly:before, footer[class*=grdnt-], footer[class*=grdnt-].overly:before, header[class*=grdnt-], header[class*=grdnt-].overly:before, input[class*=grdnt-], nav[class*=grdnt-], p[class*=grdnt-], section[class*=grdnt-], section[class*=grdnt-].overly:before {
    transition: .5s;
    -webkit-transition: .5s;
    background-size: 250% auto
}

    a[class*=grdnt-]:hover, button[class*=grdnt-], input[class*=grdnt-]:hover {
        color: #fff;
        background-position: right center
    }

[class*=bg-trans]:before, [class*=style-]:after {
    position: absolute;
    background-size: 100% !important;
    content: '';
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: 0
}

.style-wave:after {
    background: url(../image/img-wave.png) bottom no-repeat;
    z-index: 1
}

.style-wave-2:after {
    background: url(../image/img-wave-2.png) bottom no-repeat;
    z-index: 1
}

.style-curve:after {
    background: url(../image/img-curve.png) bottom no-repeat;
    z-index: 1
}

.style-angle:after {
    background: url(../image/img-angle.png) bottom no-repeat;
    z-index: 2
}

.jump-anim {
    animation-name: fetureanimate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: fetureanimate;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fetureanimate;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fetureanimate;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: fetureanimate;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@keyframes fetureanimate {
    0%,100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.bg-trans-1:before {
    background: url(../image/bg-trans-1.png) center bottom no-repeat;
    background-size: cover !important
}

.bg-trans-2:before {
    background: url(../image/bg-trans-2.png) left top no-repeat;
    background-size: contain !important
}

.btn-round:after, [class*=grdnt-] .hover-grow .list:hover [class*=icon-bg-]:after, [class*=grdnt-] .hover-grow .list:hover [class*=icon-bg-]:before, [class*=grdnt-] .hover-grow .list:hover [class*=icon-bg]:after, [class*=grdnt-] .hover-grow .list:hover [class*=icon-bg]:before {
    background: rgba(255,255,255,.8)
}

.bg-solid {
    background: #3ac8fc
}

.back-to-top, .overly *, .slide-side .phone {
    position: relative;
    z-index: 2
}

.overly:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .8
}

.brdr-btm {
    border-bottom: 1px solid #e1e1e1
}

.pd-10, .tabbable-panel {
    padding: 10px
}

.bookingboxbody, .pd-20, .tbl-prof td {
    padding: 20px
}

.blog .sub-input .custom-form .btn i, .mg-0, .post-meta, .right-dir-col .flx-container .icon, .right-dir-col .flx-container [class*=icon-] {
    margin: 0
}

#ctl00_dvLogin > ul > li:first-child, .btn, .btn-holder > a img {
    margin-right: 10px
}

.home-service img, .imgsize input, .slsearchsec, .w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.contact-icon, .scroll-item {
    position: absolute
}

.btn, .btn i, .btn span, .btn-round, .list-style {
    position: relative
}

.spce.xs {
    height: 5px
}

.spce.sm {
    height: 10px
}

#ctl00_MainContent_ddlEntity, .spce.md {
    height: 40px
}

.spce.lg {
    height: 60px
}

.bg-animate:not(.hero) [class*=rect] {
    z-index: -1
}

.bg-animate .rect1, .bg-animate .rect5 {
    position: absolute;
    top: 10%;
    right: 40px;
    -webkit-animation: 15s linear infinite mover;
    animation: 15s linear infinite mover
}

.bg-animate .rect2 {
    position: absolute;
    left: 25%;
    top: 15%;
    -webkit-animation: 4s linear infinite rotate3d;
    animation: 4s linear infinite rotate3d
}

.bg-animate .rect3 {
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.bg-animate .rect4, .bg-animate .rect6 {
    position: absolute;
    top: 35%;
    right: 35%;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.bg-animate .rect5 {
    top: 20%;
    left: 20px
}

.bg-animate .rect6 {
    top: 15%;
    right: 40%
}

@-webkit-keyframes mover {
    0%,100% {
        -webkit-transform: translate(0,0) rotate(0);
        transform: translate(0,0) rotate(0)
    }

    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg);
        transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg);
        transform: translate(141px,72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg);
        transform: translate(83px,122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px,72px) rotate(144deg);
        transform: translate(-40px,72px) rotate(144deg)
    }
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg)
    }

    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.flx-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.btn, .btn i + span {
    display: inline-block
}
.call-head-link {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    line-height: 27px;
}
.align-flx-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-flx-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center
}

.nav-tabs li a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: 0 0;
    border: 0;
    color: inherit
}

.head-acc a, ul.head-time li, ul.head-time2 li {
    padding-left: 24px;
    float: left;
}

.nav-tabs {
    border-bottom: 0
}

.list-style {
    margin-top: 30px
}

    .list-style li, .pagesbox ul li ul {
        padding-left: 30px
    }

        .list-style li:before {
            position: absolute;
            content: '\f00c';
            left: 0;
            top: 3px;
            color: #0facf3;
            font-family: FontAwesome
        }

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.clr-green {
    color: #46da60
}

.clr-blue {
    color: #5b63fb
}

.clr-red {
    color: #ed3e44
}

.clr-cyan {
    color: #4693f8
}

.btn-holder {
    margin-top: 17px
}

.btn {
    text-align: center;
    color: #fff;
    padding: 14px 28px;
    background: 0 0;
    font-family: 'open sans';
    font-weight: 600;
    transition: .5s;
    -webkit-transition: .5s;
    border-radius: 5px;
    border: 0;
    margin-top: 5px
}

.count, .navbar-custom ul li a {
    font-family: 'josefin sans',sans-serif;
    line-height: 1
}

.btn span {
    z-index: 1;
    font-size: 15px;
    text-align: left;
    margin: 0;
    text-transform: capitalize
}

.addcnt p, .bnr-text, .navbar-custom .navbar-toggle, .slsearchsec.resslsearchsec h4 {
    text-transform: uppercase
}

.btn i {
    margin-right: 8px;
    font-size: 22px;
    z-index: 1
}

    .btn i + span {
        vertical-align: top;
        margin-top: 3px;
        font-size: 20px
    }

.btn-sm {
    font-size: .575em;
    padding: 10px 30px
}

.btn-round {
    transition: .5s;
    -webkit-transition: .5s;
    border-radius: 50%;
    background: #fff;
    font-size: 22px;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

    .btn-round:after {
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        content: '';
        display: block;
        width: 80%;
        height: 80%;
        animation: 1.5s ease-in-out infinite grow-scnd;
        -o-animation: 1.5s infinite grow-scnd;
        -moz-animation: 1.5s infinite grow-scnd;
        -webkit-animation: 1.5s infinite grow-scnd;
        -ms-animation: grow-scnd 1.5s infinite
    }

    .btn-round span {
        color: #fff;
        font-size: 18px
    }

.btn-white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #3e2a75
}

.btn-border, [class*=grdnt-].btn.fill:hover:before {
    background: 0 0
}

.btn-border {
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 0 transparent
}

    .btn-border:hover {
        background: #fff;
        color: #3e2a75
    }

.btn-over {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.grdnt-blue .btn-white, .grdnt-purple .btn-border:hover, .grdnt-purple .btn-white, [class*=grdnt-].btn.fill {
    color: #6b1aff
}

    [class*=grdnt-].btn.fill:before {
        position: absolute;
        content: '';
        background: #fff;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        border-radius: 5px;
        transition: .5s
    }

    [class*=grdnt-].btn.fill:hover .clip-txt {
        -webkit-text-fill-color: #fff
    }

    .grdnt-purple .btn-white:hover {
        color: #550bdd
    }

.grdnt-orange .btn-border:hover, .grdnt-orange .btn-white {
    color: #fe2553
}

    .grdnt-orange .btn-white:hover {
        color: #f52278
    }

.grdnt-blue .btn-white:hover {
    color: #281483
}

input.btn:hover {
    color: #fff [class*=icon-bg-],
}

[class*=icon-bg] {
    border-radius: 50%;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.icon-shad [class*=icon-bg-].grdnt-orange, .icon-shad [class*=icon-bg].grdnt-orange {
    box-shadow: 0 20px 38px rgba(244,186,75,.7)
}

.icon-shad [class*=icon-bg-].grdnt-purple, .icon-shad [class*=icon-bg].grdnt-purple {
    box-shadow: 0 20px 38px rgba(200,119,251,.7)
}

.icon-shad [class*=icon-bg-].grdnt-cyan, .icon-shad [class*=icon-bg].grdnt-cyan {
    box-shadow: 0 20px 38px rgba(59,190,255,.4)
}

.icon-shad [class*=icon-bg-].grdnt-blue, .icon-shad [class*=icon-bg].grdnt-blue {
    box-shadow: 0 20px 38px rgba(82,37,220,.4)
}

.icon-bg {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    font-size: 2.5em
}

.icon-bg-md {
    width: 60px;
    height: 60px;
    font-size: 1.5em
}

.icon-bg-lg {
    width: 80px;
    height: 80px;
    font-size: 2em
}

.icon-bg-sm {
    width: 50px;
    height: 50px;
    font-size: 1em
}

.nsze {
    width: 19.999%
}

.hover-grow .list:hover [class*=icon-bg-], .hover-grow .list:hover [class*=icon-bg] {
    transform: scale(1.3)
}

    .hover-grow .list:hover [class*=icon-bg-]:before, .hover-grow .list:hover [class*=icon-bg]:before {
        background: rgba(0,0,0,.3);
        width: 0;
        height: 0;
        animation: 1.5s ease-in-out infinite grow;
        -o-animation: 1.5s infinite grow;
        -moz-animation: 1.5s infinite grow;
        -webkit-animation: 1.5s infinite grow;
        -ms-animation: grow 1.5s infinite
    }

    .hover-grow .list:hover [class*=icon-bg-]:after, .hover-grow .list:hover [class*=icon-bg]:after {
        background: rgba(0,0,0,.3);
        width: 0;
        height: 0;
        animation: 1.5s ease-in-out infinite grow-scnd;
        -o-animation: 1.5s infinite grow-scnd;
        -moz-animation: 1.5s infinite grow-scnd;
        -webkit-animation: 1.5s infinite grow-scnd;
        -ms-animation: grow-scnd 1.5s infinite
    }

.hover-grow [class*=icon-bg-], .hover-grow [class*=icon-bg] {
    transition: 1.5s;
    -webkit-transition: 1.5s;
    z-index: 1
}

    .hover-grow [class*=icon-bg-]:after, .hover-grow [class*=icon-bg-]:before, .hover-grow [class*=icon-bg]:after, .hover-grow [class*=icon-bg]:before {
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        content: '';
        z-index: -1;
        display: block
    }

@-webkit-keyframes grow {
    0% {
        width: 0%;
        height: 0%;
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes grow-scnd {
    0%,50% {
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

[class*=grad-] .clip-txt, [class*=grad-] .faq .more-less, [class*=grad-] .meta-head:before, [class*=grad-] .owl-item .profile-img:before, [class*=grad-] .owl-item:after, [class*=grad-] .pricing-btn .toggler--is-active {
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.grad-prple .clip-txt, .grad-prple .faq .more-less, .grad-prple .owl-item .profile-img:before, .grad-prple .pricing-btn .toggler--is-active {
    background-image: linear-gradient(to right,#4222f1 0,#ed3ea4 100%);
    background-image: -webkit-linear-gradient(to right,#4222f1 0,#ed3ea4 100%)
}

.grad-prple .owl-item:after {
    background: linear-gradient(to right,#4222f1 0,#ed3ea4 100%);
    background: -webkit-linear-gradient(to right,#4222f1 0,#ed3ea4 100%)
}

.grad-orange .clip-txt, .grad-orange .faq .more-less, .grad-orange .owl-item .profile-img:before, .grad-orange .pricing-btn .toggler--is-active, .grad-orange .team-mem-col .team-hover .team-hover-content a:hover i {
    background-image: linear-gradient(135deg,#fe2553 0,#ff6351 100%);
    background-image: -webkit-linear-gradient(45deg,#fe2553 0,#ff6351 100%)
}

.grad-orange .owl-item:after {
    background: linear-gradient(135deg,#fe2553 0,#ff6351 100%);
    background: -webkit-linear-gradient(135deg,#fe2553 0,#ff6351 100%)
}

.grad-blue .clip-txt, .grad-blue .faq .more-less, .grad-blue .owl-item .profile-img:before, .grad-blue .pricing-btn .toggler--is-active, .grad-blue .team-mem-col .team-hover .team-hover-content a:hover i {
    background-image: linear-gradient(90deg,#5722ff 0,#8103ff 100%);
    background-image: -webkit-linear-gradient(90deg,#5722ff 0,#8103ff 100%)
}

.grad-blue .owl-item:after {
    background: linear-gradient(135deg,#5722ff 0,#8103ff 100%);
    background: -webkit-linear-gradient(135deg,#5722ff 0,#8103ff 100%)
}

.grad-yellow .clip-txt, .grad-yellow .faq .more-less, .grad-yellow .owl-item .profile-img:before, .grad-yellow .pricing-btn .toggler--is-active, .grad-yellow .team-mem-col .team-hover .team-hover-content a:hover i {
    background-image: linear-gradient(130deg,#ffa159 0,#ff39b4 100%);
    background-image: -webkit-linear-gradient(130deg,#ffa159 0,#ff39b4 100%)
}

.grad-yellow .owl-item:after {
    background: linear-gradient(130deg,#ffa159 0,#ff39b4 100%);
    background: -webkit-linear-gradient(130deg,#ffa159 0,#ff39b4 100%)
}

.feat-slide .owl-item:after {
    content: "";
    display: block;
    height: .25em;
    position: absolute;
    top: 100%;
    width: 0%;
    left: 50%;
    transform: translate(-50%);
    transition: .5s;
    -webkit-transition: .5s;
    background-size: 200% auto
}

.app-slide, .app-slide-auto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 237px;
    overflow: hidden;
    border-radius: 20px
}

    .app-slide img, .app-slide-auto img {
        border-radius: 20px
    }

.bill-history span, .left-dir-col .icon, .left-dir-col [class*=icon-], .left-dir-col.icon, .navbar-custom .right-nav, .sc2 a {
    float: right
}

.count, .post-meta li:first-child, .right-dir-col .icon, .right-dir-col [class*=icon-] {
    float: left
}

.shad-item:not(.light) .item {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 10px;
    padding: 30px 40px;
    background: #fff;
    transition: .5s;
    cursor: pointer
}

.shad-item.light .item {
    border-radius: 10px;
    padding: 30px 40px;
    transition: .5s
}

.shad-item.style-2 .item {
    background: #f0f1ff;
    border: 0
}

.shad-item .item:hover {
    transform: translateY(-20px)
}

.active, .carousel, .item {
    height: 100%;
    color: #fff !important
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transition-property: opacity
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right, .team-mem-col .link:hover .team-hover {
    opacity: 1
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

        .carousel-fade .carousel-inner > .item.active, .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }
}

.fade-left {
    -webkit-animation: 1.5s ease-in-out fadeinLeft;
    -moz-animation: .6s ease-in-out fadeinLeft;
    -o-animation: .6s ease-in-out fadeinLeft;
    -ms-animation: fadeinLeft .6s ease-in-out;
    animation: 1.5s ease-in-out fadeinLeft
}

@-webkit-keyframes fadeinLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeinLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(20%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes fadeinLeft {
    0% {
        opacity: 0;
        transform: translateX(20%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-up {
    -webkit-animation: 1.5s ease-in-out fadeinUp;
    -moz-animation: .6s ease-in-out fadeinUp;
    -o-animation: .6s ease-in-out fadeinUp;
    -ms-animation: fadeinUp .6s ease-in-out;
    animation: 1.5s ease-in-out fadeinUp
}

@-webkit-keyframes fadeinUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeinUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes fadeinUp {
    0% {
        opacity: 0;
        transform: translateY(20%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.carousel-control {
    width: auto;
    opacity: 1
}

    .carousel-control.left, .carousel-control.right {
        color: grey;
        font-size: 30px;
        margin-top: 30px
    }

.head-acc li, .menu-link li, .quote .quote-text:after, .rating-list li, .social-holder a {
    display: inline-block;
    margin-bottom: 0
}

.rating-list li {
    margin-right: 3px;
    line-height: 1;
    font-size: 14px
}

    .rating-list li:last-child {
        margin-left: 8px;
        color: #252a32;
        font-size: 16px
    }

    .rating-list li i {
        color: #ffdd65
    }

#myCarousel .span3:last-child, .social-holder a:last-child {
    margin-right: 0
}

.head, .hide-block {
    overflow: hidden
}

    .hide-block img {
        position: relative;
        margin-bottom: -200px
    }

    .advancepayfirstbox p, .cat-desc p, .cat-work, .cat-work li, .conacc p, .custacc .form-group, .footer-wrapper .subscribe-box .form-group, .footer-wrapper .subscribe-box .heading, .hide-block a img, .mb-0, .menu-link, .secusec p {
        margin-bottom: 0
    }

.forgot-sec li, .social-holder li, .team-mem-col .team-hover .team-hover-content li, .w-det-btn li {
    display: inline-block
}

.social-holder a {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fcb52f;
    margin-right: 5px !important;
    font-size: 16px
}

    .social-holder a:hover {
        background: rgba(0,0,0,.3);
        color: #fff;
        border: 1px solid #fcb52f
    }

.quote .owl-dots, .screen .owl-dots {
    width: 200px;
    margin: 30px auto 0;
    text-align: center
}

.quote .owl-dot, .screen .owl-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 10px;
    background: #b8bbc5
}

#preloader, [class*=grdnt] .quote .owl-dot.active, [class*=grdnt] .screen .owl-dot.active, div[class*=grdnt] .screen .owl-dot.active {
    background: #fff
}

.quote .owl-dot.active, .screen .owl-dot.active {
    background: #6b1aff
}

[class*=grdnt] .quote .owl-dot, [class*=grdnt] .screen .owl-dot, div[class*=grdnt] .screen .owl-dot {
    background: rgba(255,255,255,.3)
}

.contact-form textarea.form-control {
    height: 70px;
    padding-top: 15px
}

#preloader {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000
}

#status, .hero .img-pre .circle-bg {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

#status {
    width: 137px;
    height: 81px;
    left: 50%;
    background-position: center
}

.navbar-custom {
    border: none;
    padding: 35px 0;
    -webkit-transition: padding .5s;
    -moz-transition: padding .5s;
    transition: padding .5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent
}

    .navbar-custom:not(.navbar-fixed-top) {
        z-index: 10
    }

    .navbar-custom .right-nav .nav-btn {
        float: right;
        margin-left: 20px
    }

    .navbar-custom.affix .right-nav .nav-btn .btn.btn-white {
        border-color: #e26631;
        color: #702dda
    }

        .navbar-custom.affix .right-nav .nav-btn .btn.btn-white:hover {
            background: #e26631;
            color: #fff
        }

    .navbar-custom .navbar-brand {
        margin-left: 0 !important;
        padding: 0;
        transition: .5s;
        -webkit-transition: .5s
    }

        .navbar-custom .navbar-brand.logo-clr, .navbar-custom.affix .navbar-brand.logo-light {
            opacity: 0;
            width: 0
        }

        .navbar-custom .navbar-brand.logo-light, .navbar-custom.affix .navbar-brand.logo-clr {
            opacity: 1;
            width: auto;
            height: auto
        }

    .navbar-custom .navbar-toggle {
        border: 0;
        color: #fff;
        font-size: 24px;
        margin-right: 0;
        padding: 0 0 0 12px;
        transition: .5s;
        -webkit-transition: .5s
    }

        .navbar-custom .navbar-toggle:hover {
            background: 0 0;
            opacity: .7
        }

    .navbar-custom.affix .navbar-toggle {
        color: #37404d
    }

    .navbar-custom ul li {
        margin: 0 15px
    }

.blog .tags a, .post-meta li i, .worke-det-list span i {
    margin-right: 5px
}

.navbar-custom ul li a {
    color: #fff;
    opacity: .8;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.001em
}

.blog a:not(.btn):hover, .faq .panel-title > a:hover, .navbar-custom.affix ul li a, .post-col a:hover {
    color: inherit
}

    .navbar-custom.affix ul li a:hover, .navbar-custom.affix ul li.active a {
        color: #424242
    }

.navbar-custom ul li.active a {
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    opacity: 1
}

.navbar-custom.affix {
    position: fixed;
    padding: 20px 0;
    border-bottom: 0;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    background: #fff
}

.bg-mockup, .hero, .hero-content, .quote .quote-text, .shad-box-list {
    position: relative
}

.navbar-custom.affix ul li a:hover:after, .navbar-custom.affix ul li.active a:after {
    background: #e26631
}

.navbar-custom .nav-btn .btn {
    padding: 14px 25px;
    margin: 0
}

.navbar-custom.affix .nav-btn .btn {
    border-color: rgba(62,42,117,.1);
    color: #3e2a75
}

    .navbar-custom.affix .nav-btn .btn:hover {
        border-color: rgba(62,42,117,.3);
        color: #3e2a75
    }

.hero {
    background: #300f49;
    padding-top: 150px;
    padding-bottom: 120px
}

    .hero.style-curve {
        padding-top: 120px;
        padding-bottom: 0;
        height: 850px;
        overflow: hidden
    }

        .hero.style-curve .img-pre {
            z-index: 0
        }

    .hero.style-wave, .hero.style-wave-2 {
        padding-top: 150px;
        padding-bottom: 300px;
        overflow: hidden
    }

    .hero .img-pre.right {
        position: absolute;
        right: -300px;
        bottom: 0;
        max-width: 900px;
        z-index: 0
    }

    .hero .img-pre .circle-bg {
        border-radius: 50%;
        height: 450px;
        width: 450px;
        left: 50%;
        z-index: -1
    }

.intro-text {
    margin-top: 40px
}

.hero-single {
    padding-top: 200px;
    padding-bottom: 300px
}

.hero-content {
    z-index: 3
}

.hero.app-banner {
    height: 700px
}

.hero .hero-content.intro-center {
    position: static;
    padding-top: 150px
}

.hero-content .sub-input .btn {
    right: 8px
}

.hero-content .intro-text .intro-heading {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 60px
}

.count {
    font-size: 72px;
    font-weight: 300
}

    .count + p {
        overflow: hidden;
        padding-left: 20px;
        margin-top: 10px
    }

#ctl00_MainContent_updatepanel2 > div:nth-child(5) > div > div.col-lg-4.booknow.text-center > div > div.col-lg-5.paragraph, .left-dir-col {
    text-align: right
}

.about-text, .addcnt p, .addcnt sup, .bg55, .bnr-text, .btn-advance, .btn-new-yellow, .button-r, .cat-title, .ehfor, .inner-bg, .login-top, .logo-sec, .otp-sec .form-control, .prof-btn-text p, .profile-bg, .ratebar, .sl-btm-sec h5, .sl-img-sec, .sl-txt p, .title-sec, .ttl-line21, .ttl-main h4 {
    text-align: center
}

.left-dir-col .text {
    margin-right: 80px;
    overflow: hidden
}

.left-dir-col .list, .right-dir-col .list {
    transition: .6s;
    -webkit-transition: .6s;
    cursor: default
}

.shad-box-list {
    left: 60px;
    z-index: 1;
    min-width: 500px
}

    .shad-box-list .list {
        box-shadow: 0 0 100px rgba(0,0,0,.2);
        padding: 20px;
        border-radius: 20px;
        margin-bottom: 20px;
        background: rgba(255,255,255,.95);
        transition: .5s;
        cursor: pointer
    }

        .shad-box-list .list:hover {
            transform: translateX(10px)
        }

.feat-tag .list {
    display: inline-block;
    background: #f0f1ff;
    border-radius: 50px;
    padding: 10px 30px;
    margin: 0 10px 20px
}

    .feat-tag .list .icon {
        font-size: 20px;
        line-height: 0
    }

    .feat-tag .list .text {
        padding-left: 10px
    }

    .feat-tag .list h6 {
        line-height: 1;
        margin-top: 4px;
        margin-bottom: 0
    }

.feat-op {
    background: rgba(255,255,255,.9);
    padding: 20px
}

.bg-mockup {
    display: inline-block;
    margin-top: -70px;
    z-index: -1
}

.screenshot .owl-carousel .owl-item img {
    width: auto;
    -webkit-transition: .3s;
    transition: .3s
}

.quote .quote-text {
    padding: 40px;
    border-radius: 50px 50px 0;
    float: left;
    width: 80%
}

.quote .owl-item .profile-img {
    position: absolute;
    bottom: 0;
    right: 0
}

    .quote .owl-item .profile-img:before {
        position: absolute;
        content: '\e67e';
        font-family: themify;
        font-size: 60px;
        top: -110px;
        left: 50%;
        color: #fff;
        transform: translateX(-50%)
    }

.quote .owl-item img {
    height: 80px;
    width: 80px;
    border-radius: 30px 30px 30px 0;
    margin-left: 25px
}

.quote .profile {
    overflow: hidden;
    line-height: 0;
    margin-top: 5px
}

.pricing-btn .toggle, .toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 10px
}

.pricing-btn .toggler {
    color: #ddd;
    transition: .2s;
    font-weight: 700
}

.pricing-btn .toggler--is-active {
    color: #9d1726
}

.blog a:not(.btn), .menu-sub:hover .sub-menu, .pricing-btn .b {
    display: block
}

.pricing-btn .toggle {
    position: relative;
    width: 80px;
    height: 35px;
    border-radius: 100px;
    background-color: #9d1726;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05)
}

.pricing-btn .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6
}

    .pricing-btn .check:checked ~ .switch {
        right: 2px;
        left: 57.5%;
        transition: .25s cubic-bezier(.785, .135, .15, .86);
        transition-property: left,right;
        transition-delay: .08s,0s
    }

.pricing-btn .switch {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 57.5%;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: .25s cubic-bezier(.785, .135, .15, .86);
    transition-property: left,right;
    transition-delay: 0s,.08s;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.pricing .model {
    height: auto;
    transition: .3s
}

.pricing .none {
    height: 0;
    overflow: hidden;
    opacity: 0
}

.pricing .pricing-table {
    transition: .5s;
    -webkit-transition: .5s;
    border-radius: 10px;
    padding: 3px
}

    .pricing .pricing-table:not([class*=grdnt-]) {
        background: #e5e5e5
    }

    .pricing .pricing-table .inner {
        background: #fff;
        border-radius: 10px
    }

    .pricing .pricing-table.feat {
        box-shadow: 0 1px 25px rgba(0,0,0,.1);
        border: 0
    }

.cat-det-top .cat-sec, .pricing .pricing-header {
    padding: 15px 0 0px 0;
}

.pricing .pricing-footer {
    padding: 20px 0
}

    .pricing .pricing-footer .btn {
        width: 80%
    }

.team-mem-col .link {
    position: relative;
    overflow: hidden;
    width: 170px;
    height: 170px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 50%
}

.team-mem-col .team-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out
}

    .team-mem-col .team-hover .team-hover-content {
        color: #000;
        position: absolute;
        width: 70%;
        top: 55%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

        .team-mem-col .team-hover .team-hover-content .extra-link {
            font-size: 10px;
            width: 100%
        }

        .team-mem-col .team-hover .team-hover-content a {
            padding: 10px;
            height: 28px;
            width: 28px;
            border-radius: 50px;
            margin-right: 4px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center
        }

.team-mem-col .member-name {
    line-height: 0
}

.post-col {
    -webkit-box-shadow: 0 0 45px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 45px rgba(0,0,0,.1);
    box-shadow: 0 0 45px rgba(0,0,0,.1);
    transition: .5s;
    -webkit-transition: .5s;
    background: #fff;
    border-radius: 5px
}

    .post-col:hover {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px)
    }

    .post-col .post-content {
        padding: 0 30px 30px
    }

.post-meta li {
    margin-right: 15px;
    display: inline-block;
    float: right
}

    .post-meta li a {
        font-size: .975em;
        color: #b4bcca;
        transition: .5s;
        -webkit-transition: .5s
    }

.post .post-col a img {
    width: 100%;
    transition: .5s;
    -webkit-transition: .5s
}

.post .post-col:hover a img {
    opacity: .7
}

.blog .tags a {
    display: inline-block;
    padding: 3px 10px;
    color: #a8a8a8;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    background: #fff
}

    .blog .tags a.active {
        background: #c9c9cb;
        color: #fff;
        border: 0
    }

.blog .post-col {
    box-shadow: 0 0 0 transparent
}

    .blog .post-col:hover {
        transform: none
    }

.blog .custom-form .form-control, .blog .sub-input .custom-form .form-control {
    height: 50px;
    background: #f0f1ff;
    box-shadow: 0 0 0 transparent;
    border-radius: 5px;
    border: 0
}

.blog .sub-input .custom-form .btn {
    text-transform: uppercase;
    border-radius: 0 5px 5px 0;
    margin: 0;
    padding: 15px;
    color: #000
}

.blog .custom-form textarea {
    height: 120px !important
}

.blog .feature-text {
    padding: 26px;
    background: #300f49;
    font-size: 18px;
    line-height: 30px;
    margin: 50px 0
}

.faq .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: 0
}

.faq .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    border: 0
}

.faq .panel-title, .glyphicon {
    font-size: 16px;
    font-weight: 600
}

.glyphicon {
    padding: 8px;
    font-size: 24px
}

.faq .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none
}

.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0
}

.faq-wrapper {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 10px;
    padding: 40px 50px;
    background: #fff
}

.process [class*=col-] {
    padding: 0 80px
}

    .process [class*=col-]:after {
        position: absolute;
        content: "\e649";
        font-family: themify;
        font-size: 48px;
        top: 50%;
        right: 0;
        color: #cfcade
    }

    #ctl00_MainContent_FixedPackageControlId_pcPopupControlFixedPackage_PWH-1, #ctl00_MainContent_MenuBasedPackageControlId_pcPopupControlMenuBasedPackage_PWH-1, #ctl00_MainContent_MenuBasedPackageControlId_pcPopupControlMenuBasedPackage_updatepanel1 > div > div.row.vscroll > div:first-child > div > h4:nth-child(3), .process [class*=col-]:last-child:after, .res-part {
        display: none
    }

.footer-wrapper .navbar-brand {
    display: block;
    height: auto;
    padding: 0
}

.footer-wrapper li a, .footer-wrapper p {
    opacity: .9;
    font-size: 17px
}

    .footer-wrapper li a:hover {
        opacity: 1;
        color: #fff
    }

.footer-wrapper .copyright {
    font-size: .9em;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.2)
}

.footer-wrapper .subscribe-box {
    background: rgba(0,0,0,.2);
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 20px 20px 15px;
    line-height: 0;
    margin-top: 15px
}

@media only screen and (min-width :1900px) {
    .bg-trans:before, [class*=bg-trans]:before, [class*=style-]:after {
        background-size: 100% !important
    }

    .hero .img-pre.right {
        max-width: 950px;
        right: 0
    }

    .head-time2 li {
        display: none
    }
}

@media only screen and (max-width :992px) {
    .pt-0, .sec-pad-lg {
        padding-top: 0
    }

    body {
        font-size: .9em;
        overflow: hidden !important;
    }

    img.logo {
        width: 100%
    }

    h1 {
        font-size: 3em
    }

    h2 {
        font-size: 2.75em
    }

    .head-time2 li {
        display: none
    }

    h3 {
        font-size: 2.5em
    }

    h4 {
        font-size: 1.75em
    }

    h5 {
        font-size: 1.5em
    }

    h6 {
        font-size: 1.25em
    }

    .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .icon-bg-md {
        width: 50px;
        height: 50px
    }

    .sec-pad {
        padding-bottom: 70px
    }

    .sec-pad-lg {
        padding-bottom: 90px
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }

    .parallax-bg.cta {
        visibility: hidden
    }

    .social-holder a {
        height: 40px;
        width: 40px
    }

    .res-center {
        text-align: center;
        padding: 70px;
        float: none
    }

        .res-center .icon {
            float: none;
            margin-bottom: 10px
        }

        .res-center .left-dir-col .text, .res-center .right-dir-col .text {
            text-align: center;
            margin: 0
        }

    .res-margin {
        margin-bottom: 70px
    }

    .shad-box-list {
        min-width: 400px
    }

    .flx-off-sm {
        display: block
    }

    .btn {
        padding: 10px 24px;
        margin-right: 5px
    }

        .btn i {
            font-size: 16px
        }

        .btn span {
            font-size: 12px
        }

        .btn i + span {
            margin-top: 2px
        }

    .process [class*=col-] {
        padding: 0 30px
    }

        .process [class*=col-]::after {
            font-size: 30px
        }

    .navbar-custom ul li {
        margin: 0 10px
    }

        .navbar-custom ul li a {
            font-size: 14px
        }

    .navbar-custom .nav-btn .btn {
        padding: 13px 15px;
        font-size: 13px
    }

    .hero {
        padding-top: 150px;
        padding-bottom: 150px
    }

        .hero .img-pre.right {
            max-width: 800px
        }

        .hero .img-pre .circle-bg {
            height: 350px;
            width: 350px
        }

    .hero-content .mockup {
        top: 30px;
        max-width: 350px
    }

    .hero-single {
        height: 300px;
        padding-top: 90px
    }

    .count {
        font-size: 48px
    }

        .count + p {
            padding-left: 10px;
            margin-top: 0
        }

    .feature .section-text {
        padding: 0 40px 10px
    }

    .footer-wrapper .nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .carousel-inner {
        height: auto;
        overflow: visible
    }

    .new-sl-bnr img, .new-sl-bnr2 img, .new-sl-bnr3 img {
        width: 100%;
        height: auto !important
    }

    .nsze {
        width: 70%;
        align-content: center;
        margin-left: 15%
    }

    .totalnum {
        text-align: center;
        font-family: Montserrat;
        background: #fff;
        float: left;
        padding-top: 20px;
        margin-bottom: 20px;
        border: 1px solid #ededed;
        border-radius: 60px;
        box-shadow: 4px 4px 3px #f2f2f2
    }

    .pull-right {
        height: auto !important
    }
}

.about-txt, .bidaccpt, .bnr-text, .logo-sec, .right-dir-col .text, .service {
    overflow: hidden
}

.app-btn a, .btn-advance, .btn-yellow, .button, .button-border, .button-r, .read-more-button, .read-more-puple {
    font-family: robotolight
}

@media only screen and (max-width :767px) {
    .count, .count + p, .res-center-sm {
        text-align: center
    }

    .container, .navbar-header {
        max-width: 100%
    }

    .container {
        padding-left: 80px;
        padding-right: 80px
    }

    .navbar-custom ul li a:hover:before, .navbar-custom ul li.active a:before {
        width: 0%
    }

    .head-time2 li {
        display: none
    }

    .res-center-sm {
        padding: 50px;
        float: none
    }

    .right-dir-col.res-center-sm .flx-container .icon, .right-dir-col.res-center-sm .flx-container [class*=icon-] {
        margin: 0 auto 10px
    }

    .res-center-sm .icon, .res-center-sm [class*=icon-] {
        float: none;
        margin-bottom: 10px
    }

    .res-center-sm.left-dir-col .text, .res-center-sm.right-dir-col .text {
        text-align: center;
        margin: 0;
        padding: 0
    }

    .process [class*=col-] {
        padding: 0 30px 50px
    }

        .process [class*=col-]::after {
            content: "\e64b";
            font-size: 30px;
            top: 80%;
            right: 47%
        }

    .shad-box-list {
        position: static;
        left: 0;
        min-width: auto
    }

    .count {
        float: none
    }

        .count + p {
            padding: 0
        }

    .quote .owl-item, .tab-horizon .tab-menu .tab-list li {
        padding: 10px
    }

    .flx-off-xs, .tab-list li {
        display: block
    }

    .res-margin, .res-margin-sm {
        margin-bottom: 50px
    }

    .style-wave-2 {
        padding-bottom: 0 !important
    }

    .hero:not(.style-angle,.style-flate) {
        height: 800px;
        padding: 100px 0
    }

    .hero .img-pre {
        margin-top: 30px;
        width: auto
    }

        .hero .img-pre.right {
            max-width: 500px;
            right: -100px;
            bottom: -50px
        }

    .navbar-custom, .navbar-custom.affix {
        padding: 15px 0
    }

        .navbar-custom .navbar-brand {
            padding: 6px 0 0
        }

        .navbar-custom ul li {
            margin: 0 10px
        }

            .navbar-custom ul li a {
                font-weight: 400;
                color: inherit;
                padding-left: 30px;
                text-align: left;
                border-bottom: 1px solid #eaeaea
            }

                .navbar-custom ul li a:hover, .navbar-custom ul li.active a {
                    color: #424242;
                    border-bottom: 1px solid #eaeaea
                }

        .navbar-custom .nav-btn .btn {
            margin: 15px 0;
            border-color: rgba(0,0,0,.2);
            color: #424242
        }

        .navbar-custom:not(.navbar-fixed-top) .container {
            width: 100%
        }

        .navbar-custom ul li a::after {
            height: 0
        }

        .navbar-custom .right-nav {
            float: none
        }

            .navbar-custom .right-nav .nav-btn {
                text-align: left;
                float: none
            }

    .navbar-collapse {
        background: #fff;
        padding: 0;
        overflow-x: hidden;
        margin-top: 15px
    }

    .navbar-nav {
        margin: 0 -15px
    }

    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }

    .spce {
        height: 15px
    }

        .spce.lg {
            height: 40px
        }

    .tab-container {
        margin-left: 0
    }

    .tab-list li a {
        padding: 3px 6px
    }

    .screenshot .owl-carousel {
        margin-top: 0;
        margin-bottom: 0
    }

    .btn-holder {
        margin-top: 10px
    }

    .pricing {
        padding: 0 40px
    }

        .pricing .pricing-table, .pricing .pricing-table.main {
            transform: scale(1)
        }

    .parallaxie {
        background-attachment: scroll !important;
        background-position: 50% 50% !important
    }
}

.about-obj, .about-text {
    display: none;
    width: 100%
}

@media only screen and (max-width :480px) {
    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0, .pricing {
        padding: 0
    }

    .btn {
        padding: 10px 15px;
        font-size: .775em
    }

    .icon-bg {
        width: 80px;
        height: 80px;
        font-size: 2em
    }

    .sub-input .custom-form .form-control {
        height: 50px
    }

    .tab .slide-side .phone {
        width: 200px
    }

    .app-slide {
        position: absolute;
        top: 50%
    }

        .app-slide img {
            width: 176px !important
        }

    .feat-slide .owl-item {
        padding: 10px
    }

    .tab-horizon .tab-menu .tab-list li {
        padding: 5px 7px;
        font-size: 10px
    }

    .res-center-xs {
        text-align: center;
        float: none
    }

        .res-center-xs .icon {
            float: none;
            margin-bottom: 10px
        }

        .res-center-xs .left-dir-col .text, .res-center-xs .right-dir-col .text {
            text-align: center;
            margin: 0
        }

    .res-center-sm, .res-center-xs {
        padding: 20px
    }

    .res-margin, .res-margin-sm, .res-margin-xs {
        margin-bottom: 25px
    }

    .container {
        padding-left: 35px;
        padding-right: 35px
    }

    .section-text {
        margin: 0 auto 40px
    }

    .blog .sub-input .custom-form .btn {
        width: auto;
        position: absolute;
        height: 100%
    }

    .sub-input .custom-form label {
        top: 14%
    }
    .inner-bg {
        min-height: 116px !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }
    
}

@media only screen and (max-width :360px) {
    .navbar-brand img {
        width: 120px;
        margin-top: 8px;
        margin-bottom: 8px
    }

    body {
        overflow: auto !important;
    }
    .pt-0 {
        padding-top: 0
    }

    .pb-0 {
        padding-bottom: 0
    }

    .p-0 {
        padding: 0
    }
    
}

.hero.intro {
    padding-top: 100px;
    padding-bottom: 100px
}

    .hero.intro.style-wave:after {
        background-size: cover !important
    }

.demo div[class*=col-] a {
    display: block;
    border: #dbdbdb;
    transition: .5s;
    -webkit-transition: .5s;
    box-shadow: 0 6px 45px rgba(169,169,169,.1)
}

    .demo div[class*=col-] a:hover {
        box-shadow: 0 20px 70px rgba(0,0,0,.2);
        transform: translateY(-5%)
    }

    .demo div[class*=col-] a img {
        border-radius: 20px;
        box-shadow: 0 6px 45px rgba(169,169,169,.1)
    }

@media only screen and (max-width :991px) {
    .hero.intro {
        height: auto
    }

        .hero.intro .parallax-bg {
            background-size: 100%;
            background-position: 50% 30%
        }

    .demo [class*=col] {
        margin-bottom: 30px
    }
}

.btn-yellow, .button {
    background-color: #ffb403;
    color: #84387b;
    border: 1px solid transparent
}

    .btn-search:hover, .button:hover, .read-more-button:hover {
        background-color: #fff;
        color: #84387b;
        border: 1px solid #ffb403
    }

.button-border:hover, .read-more-button {
    background-color: #ffb403;
    color: #84387b;
    border: 1px solid transparent
}

.read-more-button {
    width: 40% !important
}

.button-border {
    background-color: #fff;
    color: #84387b;
    border: 1px solid #ffb403
}

.app-btn a {
    width: auto !important;
    padding: 12px 20px;
    margin-bottom: 15px
}

/*.menu, footer {
    background: rgb(215,10,132);
    background: linear-gradient(30deg, rgba(215,10,132,1) 17%, rgba(81,18,127,1) 100%);
  
}*/

.sub-mrgn h4 {
    margin: 0 0 -5px !important
}

.aff-sec li {
    display: inline-block;
    margin-right: 15px
}

.sec-padd-btm {
    padding-bottom: 70px
}

.title-line, .title-sec p {
    margin-top: 15px
}

.carousel-inner a {
    height: 80px;
    padding: 10px;
    display: block
}

.about-txt {
    position: relative;
    border-radius: 100px
0}

.about-obj, .about-text, .droparrow i, .droparrow-new i, .search-bar i, .subscribe button {
    position: absolute
}

.about-obj {
    bottom: 0;
    left: 0
}

.about-text {
    bottom: -2px;
    left: 0
}

.addcnt p {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 600;
    min-height: 41px
}

.ttl-line21 {
    height: 2px;
    width: 80px;
    background-color: #ffb403;
    margin-bottom: 20px;
    margin-top: 10px;
    float: left
}

.addcnt sup {
    color: #e26537;
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 18px
}

.grey-sec, .mar-tp, .row.mrg_tp, .sl-btm-service {
    margin-top: 30px
}

.about-text p {
    margin-bottom: 0;
    color: #fff
}

.about-text .abt-ttl {
    font-family: robotomedium
}

.about-text .desination {
    font-size: 13px;
    margin-bottom: 5px
}

.about-img .form-group {
    margin-bottom: 25px;
    border-radius: 50%;
    box-shadow: 25px 25px 0 -25px #f4f4f4
}
.form-group.about-txt img {
    height: auto !important;
    /*min-height: 265px !important;*/
}
.menu .con {
    color: #fff;
    line-height: 33px
}

.head-acc a {
    float: left;
    padding: 0 10px;
    margin: 1px 0 0 0;
    color: #000000;
    line-height: 30px;
    background: #ffc107 !important;
    border-radius: 3px !important;
}

    .head-acc a:hover {
        color: #ffb403;
        background: #d00b84 !important;
    }

.head-acc {
    margin-bottom: 0;
    float: right
}

.reg-worker {
    border: 1px solid #ffb403;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px
}

    .reg-worker:hover {
        color: #7f3877 !important;
        background-color: #ffb403
    }

.sl-bnr {
    background-image: url("../images/sl-bnr.png");
    background-size: cover;
    background-position: center center;
    padding: 150px 110px 200px
}

.bnr-text {
    background-color: #ff7735;
    padding: 0;
    opacity: unset;
    border-radius: 0
}

.inner-bg, .lblAdd, .menu-link li a, .slsearchsec h4 {
    text-transform: capitalize
}

.bnr-text h3 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 5px;
    color: #fff
}

.bnr-text hr, .service-item:hover i, .tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0
}

.bnr-text hr {
    margin-bottom: 5px
}

.ehfor {
    color: #fff;
    font-size: 16px;
    padding: 0 10%;
}

.bnr-text h3 span {
    color: #000 !important
}

ul.head-time li {
    margin: 0;
    font-size: 14px
}

.sl-img-sec {
    color: #fff;
    padding: 25px;
    margin-top: -60px
}

    .sl-img-sec i {
        font-size: 55px
    }

.sl-btm-sec {
    position: relative;
    margin-bottom: 60px
}

.carousel, .cat-title, .head-time2, .head-time2 li, .search-sec, .sl-txt p {
    margin-bottom: 0
}

.sl-btm-sec h5 {
    text-transform: uppercase;
    color: #fff;
    padding: 8px
}

.sl-txt {
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.23);
    background-color: #fff;
    padding: 15px;
    border: 1px solid transparent
}

.cat-sec {
    background-color: #f6f1f6;
    padding: 70px 0
}

.search-sec {
    padding: 0 15px;
    border-radius: 5px
}

    .search-sec select {
        border-radius: 0;
        display: block
    }

.btn-advance {
    background-color: #f7f7f7;
    padding: 10px;
    margin: 0;
    width: 100%;
    color: #606060;
    border-radius: 0;
    top: 4px;
    left: 0
}

.btn-search {
    background-color: #000;
    color: #fff;
    border: 1px solid transparent;
    padding: 9px 15px;
    width: 100%;
    height: auto !important;
    display: block
}

.carousel {
    padding: 0
}

.carousel-control {
    left: -12px
}

.carousel-indicators, .media-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px
}

    .carousel-indicators li, .media-carousel .carousel-indicators li {
        background: silver
    }

    .carousel-indicators .active, .media-carousel .carousel-indicators .active {
        background: #333
    }

#myCarousel .span3 {
    float: left;
    margin-right: 20px;
    width: 15%
}

.cat-title {
    margin-top: 20px;
    color: #7f3877
}

.advance-popup {
    background-color: #7f3877;
    padding: 25px;
    margin-top: 10px;
    border-radius: 5px
}

.menu .container, .menu .navbar-collapse, .navtop, .pl-0, .skill-tag {
    padding-left: 0;
    position: relative;
}

.btn-circle, .login-home-box, .search-sec .form-control:focus {
    border: 1px solid transparent
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #ffb403
}

.navtop {
    width: 100%
}

.skill-box:hover, .sl-btm-sec a:hover .login-home-box {
    border: 1px solid #7f3877
}

.about-txt img, .sl-img-sec img {
    transform: scale(1);
    transition: .5s
}

.about-txt:hover img {
    transform: scale(1.1)
}

.head-time2 {
    color: #fff
}

    .head-time2 li {
        display: inline-block;
        margin-right: 0;
        padding: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 26px
    }

@media (min-width:1200px) {
    .head-acc2, .head-acc2 li, .head-time, .head-time li {
        margin-bottom: 0
    }

        .head-acc2 li a, .head-time {
            color: #000 !important;
        }

            .head-time li {
                display: inline-block;
                margin-right: 15px;
                padding: 5px;
                line-height: 23px
            }

    .head-time2 li {
        display: none
    }

    .head-acc2 {
        float: right;
        font-size: 13px;
        padding-right: 30px !important;
    }

        .head-acc2 li {
            display: inline-block;
            padding: 4px 0 0
        }

            .head-acc2 li a:hover {
                color: #ffb403
            }
}

@media (max-width:768px) {
    .head-acc2, ul .head-time li {
        display: none
    }
}

.hire-title h3 {
    font-size: 48px
}

.form-group, .mobile-fet .text h5 {
    margin-bottom: 5px
}

.ttl-line {
    height: 2px;
    width: 80px;
    background-color: #ffb403;
    margin-bottom: 20px;
    margin-top: 58px;
}

.sl-btm-sec a:hover .sl-img-sec img {
    transform: scale(1.2)
}

p {
    text-align: justify
}

.menu {
    border-radius: 0
}

    .add-sec .ttl, .ah:hover, .call-head-link, .dxcvControl_Office365 a, .form-gen label, .form-login label, .menu.navbar-inverse .navbar-nav > li > a, .selectpayment label {
        color: #000000;
        padding: 10px 13px;
        font-weight: 500;
        float: left;
    }

        .menu.navbar-inverse .navbar-nav > li > a:hover {
            background-color: #ffc107;
            color: #000000;
        }
.link32 ul li a:hover {
    padding: 0 !important;
}
.navbar {
    min-height: 35px !important;
    border-radius: 0 !important;
    margin: 0;
    padding: 0;
    left: -1px;
}

@media(min-width:1200px) {
    .menu.navbar {
        margin-bottom: 0;
        /*background: #fff;*/
        border: 1px solid #e5e5e5 !important
    }
}

.menu-link li a {
    border-right: 0px solid #e5e5e5;
    padding: 12.5px 15px;
    font-size: 15px;
    font-weight: 600;
}

@media only screen and (max-width:600px) {
    .menu-link li a {
        border-right: 1px solid #e5e5e5;
        padding: 8.5px 10px;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 600;
    }
}

@media only screen and (min-width:600px) {
    .menu-link li a {
        border-right: 0px solid #e5e5e5;
        padding: 12.5px 10px;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 600;
    }
}

@media only screen and (min-width:768px) {
    .menu-link li a {
        border-right: 0px solid #e5e5e5;
        padding: 12.5px 6px;
        font-size: 10px;
        text-transform: capitalize;
        font-weight: 600;
    }
}

@media only screen and (min-width:992px) {
    .menu-link li a {
        border-right: 0px solid #e5e5e5;
        padding: 12.5px 10px;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 600;
    }
}

@media only screen and (min-width:1200px) {
    .menu-link li a {
        border-right: 0px solid #e5e5e5;
        padding: 12.5px 15px;
        font-size: 15px;
        text-transform: capitalize;
        font-weight: 600;
        font-family: "Poppins", serif !important;
    }
}

.app-btn .button, .app-btn .button-border {
    padding: 25px 10px
}

    .app-btn .button i + span, .app-btn .button-border i + span {
        vertical-align: top;
        margin-top: 3px;
        display: inline-block;
        font-size: 40px;
        font-family: robotolight
    }

    .app-btn .button i, .app-btn .button-border i {
        font-size: 40px;
        margin-right: 15px
    }

.thumbnail:hover {
    border: 0px solid #7f3877 !important
}

.read-more-button span {
    font-size: 25px;
    margin-right: 15px
}

.carousel-control.left {
    background-image: none;
    margin-left: 30px;
    position: absolute
}

.carousel-control.right {
    right: -12px;
    background-image: none;
    margin-right: 30px
}

.bid-popup h3, .carousel-control i, .otpbtn a, .textfont .form-control {
    font-size: 20px
} 

.disc-box {
    background-color: #fff7e5;
    padding: 15px 25px
}

.read-more-puple {
    color: #7f3877
}

    .read-more-puple:hover {
        text-decoration: underline !important
    }
     
.disc-box h4 {
    font-size: 28px;
    margin-bottom: 10px
}

.disc-padd {
    padding: 50px 10px
}

.skill-box {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    padding: 13px 10px 13px 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    width: 315px;
    min-height: 85px
}

.cat-desc h4 {
    font-size: 21px;
    color: #781570;
    margin-bottom: 0
}

.inner-bg {
    background-color: #fff;
    padding: 30px 10px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    background-image: url(../images/cat-bg.jpg);
    min-height: 196px;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-call, .btn-circle, .button-r {
    background-color: #ffb403
}

.inner-bg h4 {
    color: #000000;
    font-size: 40px;
    text-align: left;
    width: 1150px;
    margin: 0 auto;
}

.inner-bg img {
    width: 155px;
    margin-top: 10px
}

.search-bar i {
    top: 10px;
    right: 10px
}

.skill-worker-box {
    box-shadow: 0 0 6.51px .49px rgba(0,0,0,.1);
    padding: 23px;
    border-radius: 5px;
    margin-bottom: 30px;
    border: 1px solid transparent;
    float: left
}

    .mb-2, .skill-worker-box li, .w-details-c h4 {
        margin-bottom: 10px
    }

    .button-r, .skill-worker-box img {
        border-radius: 5px
    }

    .skill-worker-box h4 {
        color: #781570;
        margin-bottom: 10px;
        font-size: 30px
    }

.button-r {
    box-shadow: none;
    padding: 15px 20px;
    color: #7f3877;
    font-size: 18px;
    border: 1px solid transparent
}

    .button-r:hover {
        background-color: transparent;
        border: 1px solid #ffb403;
        color: #7f3877
    }

.skill-worker-box .button-r {
    margin-top: 30px;
    display: block
}

.w-details-c h4 {
    color: #7f3877;
    font-size: 30px
}

.w-details-c li {
    margin-bottom: 5px;
    font-size: 22px
}

.btn-circle {
    box-shadow: none;
    color: #7f3877;
    height: 110px;
    width: 110px;
    font-size: 50px;
    border-radius: 50%
}

.btn-call {
    box-shadow: none;
    color: #7f3877;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 10px 35px;
    font-size: 20px;
    width: 100%
}

    .btn-call-border, .btn-call:hover {
        border: 1px solid #ffb403;
        background-color: #fff;
        color: #7f3877
    }

    .btn-call:hover {
        box-shadow: none
    }

.btn-call-border {
    border-radius: 5px;
    padding: 15px 10px;
    font-size: 22px;
    width: 100%
}

    .btn-call-border:hover {
        background-color: #ffb403;
        box-shadow: none;
        color: #7f3877;
        border: 1px solid transparent
    }

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px
    }

    .tabbable-line > .nav-tabs a {
        border: 0;
        margin-right: 0;
        color: #333;
        background-color: #e3e3e3;
        padding: 10px 20px;
        border-radius: 0;
        text-transform: uppercase;
        font-size: 20px
    }

        .tabbable-line > .nav-tabs a:hover {
            background-color: #781570;
            color: #fff
        }

    .tabbable-line > .nav-tabs > li > a > i {
        color: #a6a6a6
    }

    .tabbable-line > .nav-tabs > li.active {
        background-color: #781570;
        position: relative
    }

        .tabbable-line > .nav-tabs > li.active > a {
            border: 0;
            color: #fff;
            padding: 10px 20px
        }

            .tabbable-line > .nav-tabs > li.active > a > i {
                color: #404040
            }

.tabbable-line > .tab-content {
    background-color: #fff;
    border: 0;
    padding: 15px 0
}

.pb-0, .portlet .tabbable-line > .tab-content {
    padding-bottom: 0
}

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent
}

    .tabbable-line.tabs-below > .nav-tabs > li.active {
        margin-bottom: -2px;
        border-bottom: 0;
        border-top: 4px solid #f3565d
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.det-tab li {
    float: none;
    display: inline-block;
    width: 48%
}

.conacc i, .worke-det-list {
    margin-top: 20px
}

    .worke-det-list h4 {
        font-size: 18px;
        color: #781570
    }

    .worke-det-list span {
        margin-left: 25px;
        color: grey;
        font-size: 15px
    }

    .worke-det-list li {
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0
    }

.login-box {
    background-color: #fff;
    border: 1px solid #ddd;
    min-height: 380px;
    float: left;
}
div#ctl00_MainContent_pnlMain {
    float: left;
    width: 100%;
}
div#ctl00_MainContent_pnlForget {
    float: left;
    width: 100%;
}
.form-group a {
    float: left;
    margin-right: 10px;
}
.EyeIconforPassword {
    float: right !important;
}
.login-top {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
}

    .login-top i {
        color: #ffb403;
        font-size: 50px;
        margin-bottom: 5px
    }

.form-login {
    padding: 15px 25px 30px
}

    .form-login input {
        background-color: #fff;
        border-radius: 0;
        border: 1px solid #dedede;
        box-shadow: none;
        height: 45px
    }

        .form-login input:focus {
            border: 1px solid #e26631;
            box-shadow: none
        }

.forgot-sec a {
    float: right;
    color: #e26631
}

.form-login button {
    text-transform: uppercase;
    padding: 8px
}

.contact-i i {
    color: #ffb403
}

.btn-contact {
    background-color: #ffb403;
    box-shadow: none;
    color: #7f3877;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 10px 40px;
    font-size: 22px
}

.sub-menu, .sub-menu a {
    border-right: 1px solid #e5e5e5
}

.btn-contact:hover {
    background-color: transparent;
    box-shadow: none;
    color: #7f3877;
    border: 1px solid #ffb403
}

.dashboard-menu a {
    color: #333;
    background-color: #f0f0f0;
    display: block;
    padding: 8px 17px;
    margin-bottom: 15px
}

    .dashboard-menu .active-dash, .dashboard-menu a:hover {
        background-color: #7f3877;
        color: #fff
    }

.dashboard-cont {
    box-shadow: 0 0 6.86px .14px rgba(0,0,0,.15);
    padding: 15px
}

.btn-new-purple, .btn-new-yellow {
    box-shadow: 0 4px 14px 6px rgba(0, 0, 0, .09);
    font-size: 14px;
}

.quick-links h5, .quick-links ul {
    padding-left: 20%
}

.subscribe input {
    height: 55px
}

.subscribe button {
    top: 2px;
    right: -5px
}

.pull-right {
    float: right !important;
    margin-top: 0 !important
}

.toh-shil-drp {
    margin-left: 30%;
    width: 40%
}

.purple-box, .yellow-box {
    background-color: #e26631;
    padding: 30px
}

.skill-work-contain.container {
    width: 900px
}

.cat-work a {
    background: #ececec;
    padding: 5px 8px;
    color: #000;
    font-size: 12px;
    transition: .2s
}

.rev-sec-info h4, .sercat-box span {
    font-weight: 500;
    color: #000000;
}

.cat-work a:hover {
    background-color: #ddd
}

.new-cat-list-rat {
    background-color: #7f3877;
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px;
    margin-right: 5px
}

.dropdown, .dropdown-new {
    margin: 1px !important;
    width: 98.5% !important;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cat-det-top .cat-sec h4 {
    margin-bottom: 7px
}

.pest-cntrl-btn .button-r {
    padding: 15px 10px;
    font-size: 16px;
    margin-top: 35px
}

.pest-modal.modal-header {
    background-color: #f7f7f7;
    border-bottom: none
}

.pest-modal h4 {
    font-size: 25px;
    font-weight: 700
}

.dropdown {
    height: 35px !important
}

.dropdown-new {
    height: 40px !important;
    border-radius: 0
}

.droparrow i {
    top: 5px;
    right: 25px;
    font-size: 25px
}

.droparrow-new i {
    top: 3px;
    right: 18px;
    font-size: 25px
}

.work-det.container {
    width: 650px
}

.ratebar a {
    font-size: 40px;
    margin: 0 10px
}

.sub-menu {
    width: 200px;
    display: none;
    z-index: 999
}

    .sub-menu a {
        margin-bottom: 10px;
        display: block
    }

.profile-bg {
    background-color: #f6f1f6;
    padding: 35px 15px
}

    .profile-bg h4 {
        margin-bottom: 10px;
        margin-top: 15px
    }

    .profile-bg li, .service p {
        font-size: 15px
    }

.prof-btn-text p {
    padding: 5px 30px
}

.tbl-prof-ttl {
    color: #7f3877;
    background-color: #f7f7f7
}

.sercat-box h4 {
    /* font-weight: 700; */
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 19px;
    min-height: 30px;
    float: left;
    margin-right: 20px;
}
.sercat-box p {
    float: right;
    line-height: 30px;
    width: 100%;
    text-align: left;
}
.m-left {
    padding: 10px 30px;
    margin-left: 20px
}

.btn-new-purple, .btn-new-yellow, .grey-btn {
    padding: 10px 20px;
    border-radius: 3px;
    width: 100%;
}

.btn-new-yellow {
    background: linear-gradient(52deg, #FFC107 44% 44%, #FF9800 65%);
    color: #000 !important;
    margin-bottom: 30px;
    float: left;
}
.btn-new-yellow2 {
    background: linear-gradient(52deg, #FFC107 34%, #FF9800 65%);
    color: #000000;
    margin-bottom: 30px;
    float: left;
    padding: 10px 40px;
    border-radius: 5px;
}

.btn-new-yellow:hover {
    color: #fff !important;
    box-shadow: none;
    background: #bc7000;
}

.validation {
    width: 100%;
    text-align: left !important;
    margin-top: 5px 0 !important
}

.btn-new-purple {
    background-color: #7f3877;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
    display: block
}

    .btn-new-purple:focus, .btn-new-purple:hover {
        color: #fff;
        box-shadow: none
    }

.grey-btn {
    background-color: #efefef;
    color: #000;
    text-align: center
}

.foot-btm-sec, .foot-btm-sec p {
    font-family: robotolight
}

.grey-btn:hover {
    color: #000;
    background-color: #d1d1d1
}

.subtitle-line {
    height: 1px;
    background-color: #fcb52f;
    width: 100px
}

.foot-title {
    font-size: 28px
}

.foot-btm-sec {
    background-color: #f4edf3;
    padding: 60px 15px
}

    .foot-btm-sec h3 {
        font-size: 35px
    }

.foot-btm-sec-title {
    height: 2px;
    width: 100px;
    background-color: #ffb403;
    margin-top: 20px;
    margin-bottom: 20px
}

.servicebox {
    border: 1px solid #e4e4e4;
    padding: 15px 15px 0;
    margin-top: 30px;
    float: left;
    width: 100%
}

.rev-sec-info h4 {
    font-size: 27px;
    text-transform: capitalize;
    margin-bottom: 11px
}

.butselect, .homeservice ul li h2, .service h3 {
    text-transform: uppercase
}

.rev-sec-info i {
    color: #f6bb42
}

.rev-sec-info li {
    color: #000;
    margin-bottom: 0
}

.rev-sec-info .span {
    color: #e26631;
    font-weight: 600
}

.custmod .modal-title, .sc2 h4 {
    font-weight: 700;
    font-size: 18px
}

.rev-sec-info p {
    margin: 5px 10px
}

.booknow h4 {
    color: #e26631;
    font-family: Khand,sans-serif;
    font-size: 30px
}

.booknow a {
    padding: 12px 20px 8px;
    display: inline-block;
    margin-bottom: 0
}

.add-sec {
    border: 1px solid #e6e6e6;
    padding: 20px 20px 5px;
    margin-bottom: 30px
}

    .add-sec .btn-new-yellow, .grey-btn {
        display: block;
        margin-bottom: 20px
    }

    .add-sec h4 span {
        font-size: 22px;
        color: #000;
        margin-bottom: 10px
    }

.add-sec-add-btn a {
    border: 2px dashed #7f3877;
    text-align: center;
    display: block;
    padding: 90px 20px 20px;
    color: #7f3877;
    min-height: 307px
}

.add-sec-add-btn img, .add-sec-add-btn span {
    display: block;
    text-align: center
}

.add-sec-add-btn .text {
    margin-top: 15px;
    font-size: 18px
}

.search-frm {
    text-align: center;
    padding-bottom: 10px
}

.form-gen .form-control {
    border: 1px solid #dedede;
    border-radius: 0;
    height: 35px;
    box-shadow: none
}

    .form-gen .form-control:focus {
        box-shadow: none;
        border: 1px solid #c4c4c4
    }

.textarea {
    resize: none;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede
}

.btn-yellow-border, .btn-yellow-border:hover {
    font-family: 'Josefin Sans',sans-serif;
    padding: 10px 20px;
    text-align: center
}

.custmod .modal-header {
    background-color: #f5f5f5
}

.custmod .modal-title {
    text-align: center
}

.custmod .close {
    font-size: 26px
}

.sc2 h4 {
    color: #393939
}

.sc2 p {
    font-size: 15px;
    color: #575757;
    margin-bottom: 5px !important
}

.sc2 .btn-yellow-border {
    margin-top: 5px
}

.btn-yellow-border {
    border: 1px solid #f6b62f;
    color: #f6b62f;
    border-radius: 3px
}

    .btn-yellow-border:hover {
        border: 1px solid #f6b62f;
        color: #000;
        border-radius: 3px;
        background-color: #f6b62f
    }

.oc-greysec {
    background-color: #f6f6f6;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px
}

.green-box {
    background-color: #f5fff0;
    border: 1px solid #0f781e;
    padding: 20px;
    border-radius: 5px
}

    .green-box h4 {
        font-size: 25px;
        font-weight: 600;
        color: #01a618;
        margin-bottom: 5px
    }

    .green-box i {
        font-size: 45px;
        color: #01a618;
        text-align: right;
        margin-top: 10px
    }

.home-service {
    padding-top: 40px;
    margin-bottom: 30px
}

    .home-service h4 {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 1px
    }

    .home-service a {
        display: block;
        text-align: center;
        width: 100%
    }

.phonecall {
    font-size: 24px;
    font-weight: 700;
    color: #7f3877;
    display: block;
    text-align: center;
    margin-top: 15px
}

    .phonecall:hover {
        color: #64255d
    }

.con-flg {
    border: 1px solid #cfcfcf;
    height: 45px;
    padding: 8px 0
}

    .con-flg img {
        width: 52%;
        float: right;
        margin-top: 6px
    }

.pr-0, .spr {
    padding-right: 0
}

.cat-home-box {
    border: 1px solid #d2d2d2;
    background-color: #fff;
    text-align: center;
    padding: 15px
}

    .cat-home-box img {
        min-height: 160px
    }

    .cat-home-box i {
        font-size: 35px;
        margin-bottom: 14px
    }

    .cat-home-box p {
        margin-bottom: 0;
        text-align: center;
        font-size: 14px
    }

    .cat-home-box:hover {
        border: 1px solid #e26631;
        background-color: #e26631;
        color: #fff
    }

.search-sec .form-control {
    min-height: 42px;
    border-radius: 0
}

.callsec, .cat-home-box p {
    margin-top: 10px
}

    .callsec img {
        width: 35px;
        margin-right: 7px;
        margin-top: -7px
    }

.eyebrow, .homeservice ul, .homeservice ul li, .imgbx2 i, .sercat-box2, .ul11, .ul11 ul, .ul11 ul li, .whysewamitrbox center, .whysewamitrbox h4, .whysewamitrbox i, .whysewamitrbox p {
    width: 100%;
    float: left
}

.callsec span {
    font-size: 18px;
    font-family: Montserrat,sans-serif;
    color: #000
}

.btn-yellow i {
    font-size: 16px;
    margin-left: 18px;
    margin-right: 0
}

.btn-yellow:hover {
    background-color: transparent;
    color: #84387b;
    border: 1px solid #ffb403
}

.homecall {
    padding: 90px 90px 80px 15px
}

    .homecall b {
        color: #4f4f4f;
        font-size: 15px;
        margin-top: 15px;
        display: block
    }

.whysewamitr {
    /*background: url(../images/ptrn-bg.jpg) center center/cover no-repeat;*/
    padding: 25px 0;
    background: #fefafe;
}

@media only screen and (max-width:1200px) {
    .text h3 {
        font-size: 54px
    }
}

@media only screen and (max-width:762px) {
    .text h3 {
        font-size: 2.5em
    }
}

.whysewamitrbox {
    text-align: center;
    padding: 40px 0;
    min-height: 408px
}

    .whysewamitrbox h4 {
        color: #000;
        font-size: 18px;
        font-family: robotoregular;
        min-height: 50px;
        text-align: left;
        line-height: 26px;
        font-weight: 600;
        margin-left: 18px;
        margin-bottom: 30px;
    }

    .whysewamitrbox i {
        min-height: 110px
    }

    .whysewamitrbox p {
        text-align: center;
        font-size: 14px !important;
        /* margin-top: 15px !important; */
        color: #666666;
        font-weight: 300;
        width: 80%;
        margin: 0 auto;
        display: contents;
        padding-top: 60px;
    }

    .searchsecbid, .whysewamitrbox img {
        margin-bottom: 15px
    }

/*.whysewamitrbox-borderright {
    border-right: 1px solid #ffc56f
}*/

.whysewamitrbox-borderleft {
    border-left: 1px solid #ffc56f
}

.whysewamitrbox-bordertop {
    border-top: 1px solid #ffc56f
}

/*.whysewamitrbox-borderbottom {
    border-bottom: 1px solid #ffc56f
}*/

.pt-0 {
    padding-top: 0
}

.call-bg {
    background-image: url("../images/call-bg.jpg");
    background-size: cover;
    background-position: center center;
    padding: 70px 0
}

.cellstyle, .popht, input[type=checkbox] {
    height: auto
}

.dk-footer-form .subbutton:hover, .sl-btm-sec a:hover {
    cursor: pointer
}

.marpad {
    margin: 0;
    padding: 0
}

.dxdpLite_DevEx .dxpc-header, .dxpcLite_DevEx .dxpc-header {
    color: #fff;
    background: #000;
    border-bottom: 1px solid #a8aab4;
    padding: 8px 15px !important;
}

.spl {
    padding-left: 15px
}

.dxpc-headerContent {
    font-size: 14px;
    margin-top: -2px
}

.social-holder a:focus {
    border: 1px solid #fcb52f;
    color: #fff
}

.menu.navbar-inverse .navbar-nav > li > a:focus {
    background-color: #ffc107;
    color: #000000;
    border-right: 0px solid #fff;
}

.search-frm .ButtonGreen {
    padding: 7px 20px;
    margin-left: 10px
}

.frm-mrgn-top {
    margin-top: -15px !important
}

.ttl-main span {
    border-bottom: 1px solid #000
}

.custdropdown, .custdropdown1 {
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) right no-repeat #fff;
    background-position-x: 95%;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 35px !important;
    margin-top: 1px !important
}

.sercat-box img {
    height: 215px;
    border-radius: 20px 20px 0 0;
    border-bottom: solid 5px #e26631;
}

@media (min-width:320px) and (max-width:479px) {
    .head-acc, .head-time, .heading, .skill-worker-box {
        text-align: center
    }

    .sl-bnr {
        padding: 30px 0 109px
    }

    .butbox988Old {
        width: 100% !important;
        margin-top: 10px
    }

    .selectdrpbox, div#ctl00_MainContent_btnSubmit {
        width: 100% !important;
        float: left
    }

    .mainimgwid {
        width: 100% !important;
        float: left;
        margin: 0 20px !important
    }

    a#ctl00_MainContent_ApplyCaptcha_RB {
        margin-top: 25px;
        float: left
    }

    div#ctl00_MainContent_ApplyCaptcha table tr td {
        width: 100% !important;
        float: left;
        min-height: 91px
    }

    div#ctl00_MainContent_ApplyCaptcha {
        height: 240px
    }

    .form-group ul li {
        width: 100%;
        float: left
    }

    .drpbx {
        float: left;
        width: 93% !important;
        position: relative;
        margin-bottom: 2px
    }

    .ssearch2 {
        width: 98% !important;
        margin-top: 4px
    }

    .bnrh2 h2 {
        font-size: 33px !important
    }

    .bnrh2 {
        padding: 0 0 10px !important;
    }

    .newbnr-bg {
        height: auto !important;
        padding-bottom: 30px;
        background-repeat: repeat !important;
    }

    .butbox987Old {
        width: 100% !important
    }

    .app-btn a, .head-acc {
        width: 100%
    }

    .login-home-box {
        margin-bottom: 110px
    }

    #myCarousel .span3 {
        width: 42%
    }

    .menu-link li {
        margin-right: 8px;
        /* display: block; */
         border-bottom: 1px solid #fff; 
        width: 100% !important;
        float: left !important;
        position: unset !important;
        /* z-index: 999999999999; */
    }

    .menu-link, .spl {
        padding-left: 15px
    }

    .spr {
        padding-right: 15px
    }

    .mb10 {
        margin-bottom: 10px
    }

    .lastcatres, .mb0 {
        margin-bottom: 0
    }

    .menu .container {
        padding-left: 30px
    }

    .menu .navbar-collapse, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #000;
    }

    .menu-link li a {
        border-right: none
    }

    .big-part, .d-sm-none, .head-time li {
        display: none
    }

    .navbar-toggle {
        margin: 5px 0
    }

    .btn-call, .det-tab li, .res-margin, .res-margin-sm, .res-margin-xs, .yellow-box {
        margin-bottom: 15px
    }

    .navbar-inverse .navbar-toggle {
        background-color: #ff9c00
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        /* border-color: #fff; */
        position: absolute;
        width: 93%;
        top: 62px;
        min-height: 260px;
        z-index: 1;
    }

    .navbar-collapse {
        margin-top: 5px
    }

    .home-pt {
        padding-top: 5px !important
    }

    .read-more-button {
        width: 90% !important
    }

    .app-btn .button, .app-btn .button-border {
        padding: 25px 10px
    }

    .sub-mrgn h4 {
        font-size: 21px
    }

    .sub-input .custom-form .btn {
        position: relative;
        right: 5px;
        font-size: 16px;
        font-family: robotolight;
        width: 100%
    }

    .footer-wrapper .subscribe-box {
        padding: 20px 5px 15px
    }

    .text-xs-center {
        text-align: left
    }

    .carousel-control.right {
        right: -23px
    }

    .res-part {
        display: block
    }

    .app-btn .button i + span, .app-btn .button-border i + span, .inner-bg h4 {
        font-size: 28px
    }

    .cat-desc h4 {
        margin-top: 15px
    }

    .skill-worker-box h4 {
        margin-top: 20px
    }

    .skill-worker-box .button-r {
        margin-top: 10px;
        font-size: 15px
    }

    .btn-circle {
        float: left !important
    }

    .det-tab li {
        width: 103%
    }

    .toh-shil-drp {
        margin-left: 0;
        width: 100%
    }

    .subscribe button {
        top: 2px;
        right: 0;
        font-family: robotolight;
        width: 100%;
        font-size: 18px
    }

    .new-sl-bnr, .new-sl-bnr2, .new-sl-bnr3 {
        height: 138px
    }

    .bnr-text {
        margin-bottom: 55px;
        margin-top: -2px
    }

    .resslsearchsec {
        margin-top: -150px
    }

    .res-part .carousel-control.left, .res-part .carousel-control.right {
        top: -32%
    }

    #myCarousel .carousel-control.left, .carousel-control.right {
        font-size: 30px;
        top: 0 !important
    }

    .whysewamitrbox-borderbottom, .whysewamitrbox-borderright {
        border: none
    }

    .bgcls {
        background-image: none
    }

    .about-txt img {
        max-width: 100%
    }

    .whysewamitrbox {
        padding: 40px 0
    }
    .borxt {
        border: solid 1px #ddd;
        border-radius: 30px;
    }
    .dk-footer-form .subbutton {
        top: 33px !important;
    }
    .marnot address em {
        margin-left: 20px;
    }
    .marnot address marquee {
        width: 100% !important;
    }
    .btn-new-yellow2 {
        width: 100%;
        text-align: center;
    }
    .mbcs h6 {
        float: left;
        margin-top: 10px;
    }
    .dxdpLite_DevEx, .dxpcLite_DevEx {
        width: auto !important;
    }
    
}

.btn-bidnow, .paybtnsec, .popupttl {
    text-align: center
}

@media (min-width:768px) and (max-width:1566px) {
    .bnr-text h3, .bnr-text.addi h4 {
        font-size: 1.5em
    }

    .new-sl-bnr img, .new-sl-bnr2 img, .new-sl-bnr3 img {
        height: auto !important
    }
}

.popupwidth {
    width: 500px !important
}

.divWaiting, .divWaiting-login {
    position: absolute;
    background-color: #fafafa;
    z-index: 2147483647 !important;
    opacity: .8;
    overflow: hidden;
    text-align: center;
    top: 0 !important;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 10%
}

.bookingbox-sec {
    border: 1px solid grey;
    margin-bottom: 30px
}

.btnloginbyotp {
    font-weight: 700;
    background-color: #ececec;
    padding: 11px 25px;
    border-radius: 3px;
    color: #e26631;
    margin-bottom: 5px;
    display: inline-block
}

    .btnloginbyotp:hover {
        background-color: #d4d4d4
    }

.bookingbox-sec h4 {
    color: #7f3877;
    font-size: 19px;
    font-weight: 600
}

.bookingbox-sec p {
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 5px
}

.bookingbox-sec .head {
    background-color: #f6f6f6;
    padding: 10px 15px
}

.bookingbox-sec .price {
    text-align: right;
    font-family: Khand;
    font-weight: 500;
    font-size: 25px;
    margin-top: 11px;
    color: #000
}

.bookingbox-sec .foot a {
    display: block;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0
}

.ratbooking .yellow {
    color: #7f3877
}

.ratbooking .grey {
    color: #c3c3c3
}

.bid-head {
    border-bottom: 1px solid #ddd;
    padding: 15px
}

    .bid-head p {
        color: #000;
        font-size: 14px
    }

    .bid-head .bidttl {
        color: #7f3877;
        font-family: Khand,sans-serif;
        font-size: 25px;
        margin-bottom: 0;
        margin-top: 3px
    }

.bid-body {
    padding: 15px 20px;
    color: #000
}

.btn-bidnow {
    background-color: #ffb403;
    color: #7f3877;
    padding: 10px 45px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 25px;
    float: right
}

.innerbidsec {
    padding-left: 90px
}

.btn-bidnow i {
    margin-left: 10px
}

.btn-bidnow:hover {
    text-decoration: none;
    color: #7f3877;
    background-color: #f1ab04
}

.skill-tag span {
    border: 1px solid #b8b7b7;
    padding: 7px 20px;
    color: #333
}

.skill-tag a:hover {
    coloroó¨¨:
        []#333;
    background-color: #f7f7f7;
    text-decoration: none
}

.skillttl {
    color: #000;
    margin-bottom: 20px;
    font-size: 20px
}

.bid-popup .modal-header {
    background-color: #7f3877;
    padding: 5px 17px 10px;
    color: #fff
}

.formgen .form-control {
    border-radius: 0;
    border: 1px solid #ddd
}

    .formgen .form-control:focus {
        box-shadow: none;
        border-color: #bfbaba
    }

.searchsecbid .btn-yellow-reg {
    display: inline-block;
    margin-top: 0;
    padding: 6px 15px 7px
}

.searchsecbid .form-control:focus {
    box-shadow: none
}

.pubunpublbl {
    float: right;
    color: #fff;
    font-size: 15px;
    background-color: green;
    padding: 1px 5px;
    border-radius: 3px
}

#media .carousel-inner a, .bidaccpt {
    padding: 15px
}

.bidaccpt {
    border-radius: 3px;
    border-left: 4px solid green;
    width: 55%;
    margin: auto;
    background-color: #f3f3f3
}

.paybtnsec, .wehelp {
    margin-top: 25px
}

.advancepaysec {
    padding: 15px 20px
}

.popupttl {
    margin-bottom: 15px;
    font-size: 28px
}

    .popupttl span {
        color: #7f3877;
        border-bottom: 1px solid #7f3877;
        font-weight: 600
    }

.advancepaysec .bg-grey {
    background-color: #f7f7f7;
    width: 50%
}

.advancepaysec td {
    color: #000;
    padding-left: 15px !important
}

.advancepaysec .pricelbl {
    color: #7f3877;
    font-family: Khand;
    text-align: right;
    font-size: 18px
}

.advancepayfirstbox {
    background-color: #fdf2fd;
    padding: 15px 20px;
    border-radius: 7px
}

.secusec {
    background-color: #fffccb;
    padding: 8px 20px;
    border-radius: 7px
}

    .secusec .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-top: none
    }

.paybtnsec {
    margin-bottom: 30px
}

.selectpayment h4 {
    text-align: right;
    font-weight: 700;
    color: #7f3877;
    font-size: 20px
}

.lnk-download {
    color: #7f3877;
    font-size: 14px;
    font-weight: 700
}

.btn-fb, .btn-google {
    color: #fff;
    transition: .2s;
    text-decoration: none
}

.call-head-link:focus, .call-head-link:hover {
   /* text-decoration: underline !important;*/
    color: #000
}

ul.head-acc li {
    padding: 4px 0 0
}

.con-right h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px
}

.conacc h4, .wehelp h2 {
    font-weight: 700;
    color: #000
}

.wehelp h2 {
    font-size: 40px;
    margin-bottom: 10px
}

.wehelp p {
    margin-bottom: 25px
}
 
.conacc a {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 15px 0
}

.btn-fb, .btn-google, .time a {
    padding: 10px 15px;
    text-align: center
}

.conacc a:last-child {
    border-bottom: none
}

.conacc h4 {
    font-size: 18px;
    margin-bottom: 5px
}

.btn-google {
    background-color: #dd4b38 !important;
    border-radius: 3px;
    border: 1px solid #c7321e !important;
}

    .btn-google:hover {
        background-color: #fff;
        color: #c7321e;
        border: 1px solid #c7321e
    }

.btn-fb {
    background-color: #3c5899;
    border-radius: 3px;
    border: 1px solid #2b4788
}

    .btn-fb:hover {
        background-color: #fff;
        color: #2b4788;
        border: 1px solid #2b4788
    }

.new-sl-bnr img, .new-sl-bnr2 img, .new-sl-bnr3 img {
    width: 100%;
    height: auto
}

.media-carousel {
    margin-bottom: 0;
    padding: 20px 40px 0;
    margin-top: 10px
}

.bgxtr {
    background: #ff7735
}

.media-carousel .carousel-control.left {
    left: -12px;
    background: none;
    border: 4px solid transparent;
    border-radius: 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px
}

.media-carousel .carousel-control.right {
    right: -12px !important;
    background: none;
    border: 4px solid transparent;
    border-radius: 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px
}

.media-carousel img {
    width: 250px;
    height: 100px
}

#media .carousel-control.left {
    left: 0 !important;
    margin-top: 45px !important;
    margin-left: 0
}

#media .carousel-control.right {
    right: 0 !important;
    margin-top: 45px !important;
    margin-right: 0
}

#media .carousel-control.left, .carousel-control.right {
    top: -10px !important;
    color: grey;
    font-size: 30px;
    position: absolute
}

.selectdate {
    background: #ffb403 !important;
    color: #7f3877 !important
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.time a {
    border: 1px solid #e8e8e8;
    display: block;
    border-radius: 3px;
    color: #000;
    white-space: nowrap;
}

.pagesbox h3, .pagesbox ul li {
    border-bottom: 1px solid #ccc
}

.ttl-main-two {
    color: #7f3877;
    font-size: 18px !important;
    margin-bottom: 20px
}

    .ttl-main-two h4 {
        font-size: 20px;
        font-weight: 600;
        color: #7f3877
    }

.title-line {
    width: 100%;
    height: 2px;
    background-color: #d0d0d0;
    position: relative
}

.sub-title-line {
    width: 200px;
    height: 2px;
    background-color: #7f3877;
    position: absolute;
    top: 0;
    left: 0
}

.contact-icon i, .contact-us, .service, .service-item h5, .service-item i {
    position: relative
}

@media (min-width:480px) and (max-width:767px) {
    .head-acc, .head-time, .heading, .skill-worker-box {
        text-align: center
    }

    .app-btn a, .head-acc {
        width: 100%
    }

    .sl-bnr {
        padding: 30px 0 109px
    }

    .login-home-box {
        margin-bottom: 110px
    }

    .whysewamitrbox-borderbottom, .whysewamitrbox-borderright {
        border: none
    }

    #myCarousel .span3 {
        width: 28%
    }

    .menu-link li {
        margin-right: 8px;
        display: block;
        padding: 10px 5px;
        border-bottom: 1px solid grey
    }

    .menu-link, .spl {
        padding-left: 15px
    }

    .spr {
        padding-right: 15px
    }

    .mb10 {
        margin-bottom: 10px
    }

    .carousel {
        margin-top: 30px
    }

    .lastcatres, .mb0 {
        margin-bottom: 0
    }

    .menu .container {
        padding-left: 30px
    }

    .menu .navbar-collapse, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: transparent
    }

    .menu-link li a {
        border-right: none
    }

    .big-part, .d-sm-none {
        display: none
    }

    .navbar-toggle {
        margin: 5px 0
    }

    .btn-call, .det-tab li, .res-margin, .res-margin-sm, .res-margin-xs, .yellow-box {
        margin-bottom: 15px
    }

    .navbar-inverse .navbar-toggle {
        border-color: #ff9c00;
        background: #ff9c00
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: grey
    }

    .navbar-collapse {
        margin-top: 5px
    }

    .home-pt {
        padding-top: 5px !important
    }

    .read-more-button {
        width: 90% !important
    }

    .app-btn .button, .app-btn .button-border {
        padding: 25px 10px
    }

    .sub-mrgn h4 {
        font-size: 21px
    }

    .sub-input .custom-form .btn {
        position: relative;
        right: 5px;
        font-size: 16px;
        font-family: robotolight;
        width: 100%
    }

    .footer-wrapper .subscribe-box {
        padding: 20px 5px 15px
    }

    .text-xs-center {
        text-align: left
    }

    .carousel-control.right {
        right: -23px
    }

    .res-part {
        display: block
    }

    .abt-ttl {
        font-size: 17px
    }

    .about-text {
        bottom: 20px
    }

    .inner-bg h4 {
        font-size: 35px
    }

    .cat-desc h4 {
        margin-top: 15px
    }

    .skill-worker-box h4 {
        margin-top: 20px
    }

    .skill-worker-box .button-r {
        margin-top: 10px;
        font-size: 15px
    }

    .btn-circle {
        float: left !important
    }

    .det-tab li {
        width: 103%
    }

    .toh-shil-drp {
        margin-left: 0;
        width: 100%
    }

    .subscribe button {
        position: static;
        top: 2px;
        right: 0;
        font-family: robotolight;
        width: 100%;
        font-size: 18px
    }

    .new-sl-bnr, .new-sl-bnr2, .new-sl-bnr3 {
        margin-top: -30px;
        height: 241px
    }

    .cat-home-box {
        margin-bottom: 80px
    }

    .bnr-text {
        margin-bottom: 55px;
        margin-top: -55px
    }

    .resslsearchsec {
        margin-top: -175px
    }

    .res-part .carousel-control.left, .res-part .carousel-control.right {
        top: -32%
    }

    #myCarousel .carousel-control.left, .carousel-control.right {
        font-size: 30px;
        margin-top: -90px !important
    }

    #myCarousel .left {
        left: -4.5%
    }

    .about-txt img {
        max-width: 100%
    }

    .whysewamitrbox {
        padding: 40px 0
    }

    
}

@media (min-width:768px) and (max-width:1025px) {
    .whysewamitrbox {
        text-align: center;
        padding: 40px 0;
        min-height: 420px
    }

    .res-margin {
        margin-bottom: 20px
    }

    .slsearchsec {
        margin-top: 30px
    }

    .slresmainblacksections {
        margin-top: -725px;
        width: 92%
    }

    .carousel-inner, .new-sl-bnr, .new-sl-bnr2, .new-sl-bnr3 {
        height: auto
    }

    .bnr-text.addi {
        margin-top: -30px
    }

    .sl-btm-sec {
        position: relative;
        margin-top: 50px;
        margin-bottom: 0
    }

    .sl-btm-service {
        margin-top: 0;
        margin-bottom: 0
    }

    .row.mrg_tp {
        margin-top: 200px;
        margin-left: -110px
    }

    .nsze {
        width: 30%;
        margin-left: 15%;
        min-height: 418px
    }

    .pull-right {
        float: none !important
    }

    .cat-home-box {
        width: 100%;
        float: left;
        margin-top: 15px;
        margin-left: 2%
    }

    .whysewamitrbox-borderbottom {
        min-height: 568px
    }

    .search-sec select {
        border-radius: 0;
        display: block;
        width: 98% !important
    }
}

.text-white {
    color: #fff !important
}

    .text-white:hover {
        color: #e26631 !important
    }

.bgcls {
    padding: 30px 0 20px;
}

.totalnum i {
    opacity: .8
}

    .totalnum i img {
        width: 50%
    }

.totalnum {
    text-align: center;
    font-family: Montserrat
}

    .totalnum h3 {
        width: 100%;
        float: left;
        font-weight: 500;
        font-family: robotobold;
        font-size: 50px;
        text-shadow: 0 0 3px #f2f5fa
    }

    .totalnum p {
        width: 100%;
        text-align: center;
        float: left;
        font-weight: 500;
        font-family: robotoregular
    }

.xtracls {
    margin-bottom: 100px
}

    .xtracls h3 {
        font-family: Montserrat !important;
        font-weight: 500;
        color: #000
    }

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #e2663 !important
}

.select2.select2-container.select2-container--default, .select2.select2-container.select2-container--default.select2-container--below {
    width: 100% !important
}

.xmar {
    margin-top: 26px
}

@media screen and (max-width:768px) {
    .carousel-control.left, .carousel-control.right {
        top: 50px
    }

    .xmar {
        margin-top: 30px
    }
}

#ctl00_ContentPlaceHolder1_pcBookingServiceDate_PW-1 {
    top: 112px !important;
    width: auto !important
}

.popuparw {
    top: -30px !important
}

.right-dir-col .text {
    padding-left: 20px
}

.spce {
    clear: both;
    height: 20px;
    width: 100%
}

.pd-30 {
    padding: 30px
}

.bg-gray {
    background: #feefcd
}

.contact-form .form-control {
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 0 transparent;
    height: 45px;
    width: 100%
}

+.grdnt-purple:not(.overly) {
    background-color: #e26631;
}

.text h6 {
    font-size: 17px;
    margin: 0
}

.headbg {
    background: url("../images/shadow.png") center bottom no-repeat;
    height: 50px
}

.ftleft, .ftleft2, .ftright, .ftright2 {
    height: 40px
}

.cnttop {
    padding: 25px 0;
    background: #ff9c00
}

.pagesbox {
    width: 100%;
    float: left;
    padding: 20px
}

    .pagesbox h3 {
        width: 100%;
        float: left;
        color: #000;
        font-weight: 100;
        font-size: 23px;
        line-height: 30px;
        padding-bottom: 10px
    }

    .pagesbox ul {
        list-style: none inside;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left
    }

        .pagesbox ul li {
            width: 100%;
            float: left;
            font-size: 15px;
            line-height: 40px;
            margin-bottom: 0
        }

            .pagesbox ul li a {
                color: #333;
                text-decoration: none;
                font-weight: lighter;
                width: 100%;
                float: left
            }

                .pagesbox ul li a:hover {
                    background: #ccc
                }

                .pagesbox ul li a i {
                    background: url(../images/arowrytt.png) left 14px no-repeat;
                    width: 30px;
                    float: left;
                    height: 30px;
                    margin-left: 10px
                }

.service-item .btn {
    width: 80px;
    border-radius: 0
}

.green {
    background-color: #8a9046
}

.teal {
    background-color: #3e769b
}

.orange {
    background-color: #c26623
}

.sewa {
    background-color: #ff742f
}

.yellow {
    background-color: #ffaf00
}

.red {
    background-color: #d32f2f
}

.blue {
    background-color: #1565c0
}

.pink {
    background-color: #ce2069
}

.prpl {
    background-color: #8a6caa
}

.brown {
    background-color: #a88b61
}

.service {
    background: #eaeaea;
    padding: 45px 0
}

    .service h3 {
        color: #07a0e7;
        margin-top: 0;
        font-size: 32px;
        padding-bottom: 10px;
        font-family: Glegoo,serif;
        font-weight: 400
    }

.service-item {
    width: 100%;
    min-height: 129px;
    margin: 0;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    opacity: 1
}

    .service-item i {
        top: 15px;
        display: inline-block;
        margin-bottom: 5px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        transition: .5s;
        font-size: 40px;
        margin-top: 15px
    }
      .service-item h5 {
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        top: 15px;
        -webkit-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        -moz-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        -o-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        -ms-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        transition: .5s cubic-bezier(.68, -.55, .265, 1.55)
    }

    .service-item .service-desc {
        width: 80%;
        margin: 0 auto;
        opacity: 0;
        -webkit-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        -moz-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        -o-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        -ms-transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        transition: .5s cubic-bezier(.68, -.55, .265, 1.55);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .service-item:hover {
        border-color: #00b2ca;
        opacity: .7
    }

        .service-item:hover .service-desc {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            margin-top: -10px
        }

.dk-footer-form input[type=email] {
    padding: 23px 33px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #999797
}

.dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {
    color: #878787;
    font-size: 14px
}

.dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::placeholder {
    color: #878787;
    font-size: 14px
}

.dk-footer-form .subbutton {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 16px 30px 17px 20px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: 1px solid #000000;
    background: #000000;
    color: #fff;
}

.contact-us {
    z-index: 2;
    margin-top: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-icon i {
    font-size: 36px;
    top: -5px;
    color: #007bff
}

.contact-info {
    margin-left: 75px;
    color: #fff
}

    .contact-info h3 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 0
    }

.copyright {
    padding: 28px 0;
    background-color: #e26631
}

    .copyright a, .copyright span {
        color: #fff;
        -webkit-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

        .copyright a:hover {
            color: #007bff
        }

.copyright-menu ul {
    text-align: right;
    margin: 0
}

.copyright-menu li {
    display: inline-block;
    padding-left: 20px
}

.service-sec {
    background: #fff;
    padding: 20px 0
}

html {
    scroll-behavior: smooth
}

.newsletter {
    color: #000 !important;
    float: left;
    font-weight: 300;
    margin-top: 22px;
    font-size: 16px;

}

.back-to-top .btn-dark {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    position: fixed;
    bottom: 40px;
    right: 20px;
    background: #e26631;
    border-color: #2e2e2e;
    display: none;
    z-index: 999;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

    .back-to-top .btn-dark:hover {
        cursor: pointer;
        background: #fa6742;
        border-color: #fa6742
    }

.ftright2:before, .ftright:before {
    border-left: 45px solid transparent;
    left: -45px
}

.ftleft2:before, .ftleft:before {
    border-right: 45px solid transparent;
    content: "";
    height: 0;
    right: -45px;
    width: 0;
    position: absolute;
    top: 0
}

@media only screen and (max-width:600px) {
    .ttl-line21 {
        margin-left: 22%
    }

    .hc {
        width: 50%;
        float: left;
        margin-top: 20px
    }

    .headingss {
        font-size: 35px;
        font-family: Montserrat;
        font-weight: 500
    }

    .sl-btm-service {
        margin-top: 0
    }

    .cat-home-box {
        width: 48%;
        float: left;
        margin: 2px
    }

        .cat-home-box img {
            min-height: 100px
        }

        .cat-home-box p, .totalnum p {
            font-size: 12px
        }

    .totalnum {
        width: 46%;
        margin: 5px;
        border-radius: 35px
    }

        .totalnum h3 {
            font-size: 40px
        }

    .xtracls {
        margin-bottom: 40px
    }

    .ftleft, .ftleft2, .ftright, .ftright2 {
        width: 30px
    }

    .footlink {
        margin-top: -55px
    }

        .footlink .footer-menu li {
            float: none;
            margin-right: 0;
            margin-bottom: 5px
        }

            .footlink .footer-menu li a {
                display: block
            }

    .exam-result ul li {
        width: 97%;
        background-color: #e26631
    }

    .service-item {
        min-height: 120px;
        width: 46%;
        float: left;
        margin: 5px
    }
}

@media only screen and (min-width:600px) {
    .cat-home-box img, .service-item {
        min-height: 100px
    }

    .ttl-line21 {
        margin-left: 22%
    }

    .hc {
        width: 50%;
        float: left;
        margin-top: 20px
    }

    .headingss {
        font-size: 35px;
        font-family: Montserrat;
        font-weight: 500
    }

    .sl-btm-service {
        margin-top: 0
    }

    .cat-home-box {
        width: 48%;
        float: left;
        margin: 2px
    }

        .cat-home-box p, .totalnum p {
            font-size: 12px
        }

    .totalnum {
        width: 19% !important;
        margin: 5px;
        border-radius: 35px
    }

        .totalnum h3 {
            font-size: 40px
        }

    .xtracls {
        margin-bottom: 40px
    }

    .ftleft, .ftleft2, .ftright, .ftright2 {
        width: 30px
    }

    .footlink {
        margin-top: -55px
    }

        .footlink .footer-menu li {
            float: none;
            margin-right: 0;
            margin-bottom: 5px
        }

            .footlink .footer-menu li a {
                display: block
            }

    .exam-result ul li {
        width: 97%;
        background-color: #e26631
    }

    .service-item {
        width: 47%;
        float: left;
        margin: 5px
    }
}

@media only screen and (min-width:750px) {
    .ttl-line21 {
        margin-left: 36%
    }

    .headingss {
        font-size: 45px;
        font-family: Montserrat;
        font-weight: 500
    }

    .sl-btm-service {
        margin-top: 30px
    }

    .cat-home-box {
        width: 100%;
        float: none
    }

        .cat-home-box img {
            min-height: 160px
        }

        .cat-home-box p {
            font-size: 14px
        }

    .totalnum {
        width: 100%
    }

        .totalnum p {
            font-size: 18px
        }

    .ftleft, .ftleft2, .ftright, .ftright2 {
        width: 50px
    }

    .footlink {
        margin-top: -30px
    }

        .footlink .footer-menu li {
            float: left
        }

    .exam-result ul li {
        width: 45%;
        background-color: #e26631
    }

    .service-item {
        min-height: 130px;
        margin: 10px 0;
        width: 100%
    }
}

@media only screen and (min-width:992px) {
    .ttl-line21 {
        margin-left: 36%
    }

    .headingss {
        font-size: 45px;
        font-family: Montserrat;
        font-weight: 500
    }

    .sl-btm-service {
        margin-top: 30px
    }

    .cat-home-box, .totalnum {
        width: 100%
    }

        .cat-home-box img {
            min-height: 160px
        }

        .cat-home-box p {
            font-size: 14px
        }

        .totalnum p {
            font-size: 18px
        }

    .ftleft, .ftleft2, .ftright, .ftright2 {
        width: 50px
    }

    .footlink {
        margin-top: -30px
    }

        .footlink .footer-menu li {
            float: left
        }

    .exam-result ul li {
        width: 45%;
        background-color: #e26631
    }

    .service-item {
        min-height: 130px;
        margin: 10px 0;
        width: 100%
    }
}

@media only screen and (min-width:1200px) {
    .ttl-line21 {
        margin-left: 36%
    }

    .headingss {
        font-size: 45px;
        font-family: Montserrat;
        font-weight: 500
    }

    .sl-btm-service {
        margin-top: 30px
    }

    .cat-home-box, .totalnum {
        width: 100%
    }

        .cat-home-box img {
            min-height: 160px
        }

        .cat-home-box p {
            font-size: 14px
        }

        .totalnum p {
            font-size: 18px
        }

    .ftleft, .ftleft2, .ftright, .ftright2 {
        width: 100px
    }

    .service-item {
        min-height: 130px;
        margin: 10px 0;
        width: 100%
    }

    .footlink {
        margin-top: -30px
    }

        .footlink .footer-menu li {
            float: left
        }

    .exam-result ul li {
        width: 22%
    }

    .footer-link {
        padding: 30px 0 0
    }
}

/*.footer-link {
    background: #ff742f
}*/

.footerbtm {
    /* background: #e64c00; */
    padding: 15px 0;
    color: #000;
    font-size: .9em;
    border-top: solid 1px #8c3b9d61;
}

.ftright {
    background: #ff742f;
    position: absolute;
    right: 0;
    bottom: 0
}

    .ftright:before {
        border-bottom: 49px solid #ff742f;
        content: "";
        height: 0;
        position: absolute;
        top: 0;
        width: 0
    }

.ftright2 {
    background: #e64c00;
    position: absolute;
    right: 0;
    bottom: 0;
    display:none;
}

    .ftright2:before {
        border-bottom: 49px solid #e64c00;
        content: "";
        height: 0;
        position: absolute;
        top: 0;
        width: 0
    }

.ftleft {
    background: #ff742f;
    position: absolute;
    left: 0;
    bottom: 0
}

    .ftleft:before {
        border-bottom: 49px solid #ff742f
    }

.ftleft2 {
    background: #e64c00;
    position: absolute;
    left: 0;
    bottom: 0;
    display:none;
}

    .ftleft2:before {
        border-bottom: 49px solid #e64c00
    }

.footer-link {
    padding: 30px 0;
    color: #eae8e8;
    font-weight: 400;
    font-size: .9em;
    position: relative
}

.footlink {
    background-color: #e64c00;
    padding: 15px;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    margin-bottom: 15px
}

    .footlink .footer-menu {
        padding: 0;
        margin: 8px
    }

        .footlink .footer-menu li {
            list-style: none;
            margin-right: 4px
        }

            .footlink .footer-menu li a {
                color: #fff;
                padding: 4px 9px;
                border: 1px solid #fff;
                text-decoration: none;
                font-weight: bolder
            }

                .footlink .footer-menu li a:hover {
                    box-shadow: 0 0 5px rgb(0 0 0 / 100%)
                }

ul.social-network {
    list-style: none;
    display: inline-block;
    margin-left: 0 !important;
    padding: 0;
    position: relative;
    margin-bottom: 15px;
    margin-top: 30px;
}

    ul.social-network li {
        display: inline;
        margin: 0 1px
    }

.social-network a.icoRss:hover {
    background-color: #f56505
}

.social-network a.instagram:hover {
    background: radial-gradient(circle at 50% 50%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)
}

.social-network a.icoyoutube:hover {
    background-color: #fb4040
}

.social-network a.icoFacebook:hover {
    background-color: #3b5998
}

.social-network a.icoTwitter:hover {
    background-color: #3cf
}

.social-network a.icoGoogle:hover {
    background-color: #bd3518
}

.social-network a.icoVimeo:hover {
    background-color: #0590b8
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7
}

.socialHoverClass, a.socialIcon:hover {
    color: #44bcdd
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 33px;
}

.social-circle li i {
    margin: 0;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

.social-circle i {
    color: #fff;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -o-transition: .8s;
    -ms-transition: .8s;
    transition: .8s
}

/*.icoFacebook {
    background-color: #2f4c88
}

.icoTwitter {
    background-color: #22bcef
}

.icoRss {
    background-color: #e05b03
}

.icoGoogle {
    background-color: #bf0404
}

.icoLinkedin {
    background-color: #036da1
}

.iconinstagram {
    background: -moz-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: -webkit-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)
}

.icoyoutube {
    background-color: red
}*/

.foot-link li i {
    margin: 10px 0% 0 0;
    width: 10%;
    font-size: 15px;
    color: #000;
    float: left;
    text-align: left;
}

.foot-link li font {
    float: left;
    width: 90%;
    line-height: 27px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

footer .title-line {
    width: 50%;
    margin-bottom: 10px;
    height: 2px;
    background-color: #fff;
    position: relative
}

    footer .title-line .sub-title-line {
        width: 200px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0
    }

.required-field::after {
    content: "*";
    color: red;
    font-size: 18px;
    font-weight: 700
}

ul.aff-sec li {
    width: 30%;
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .menuee ul a, .menuee ul li {
        color: #000;
        display: block;
        float: none
    }

    .logo {
        width: 100%
    }

    .menu-link li a {
        border-right: 0px solid #e5e5e5;
        padding: 12.5px;
        text-transform: capitalize;
        font-weight: 500;
    }

    .head-time2 li {
        display: none;
        margin-right: 0;
        margin-bottom: 0;
        padding: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 26px
    }

    .menuee ul {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 45px;
        width: 200px;
        left: 0;
        z-index: 1;
        color: #000;
        transition: .3s ease-in-out
    }

    .menuee li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0
    }

    .menuee ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px 
    }

    .menuee ul li:last-child {
        box-shadow: none
    }

    .menuee ul a {
        padding: 12.5px 15px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        white-space: nowrap
    }

        .menuee ul a:hover {
            background-color: #e26631;
            color: #fff;
            border: 1px solid #e5e5e5
        }

    .menuee ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px
    }

    .menuee ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px
    }
}

#aspnetForm > header > div.container > div > div > div.col-lg-7.col-md-7.col-xs-7.col-sm-7 > div {
    padding: 0 !important;
    float: left
}

    #aspnetForm > header > div.container > div > div > div.col-lg-7.col-md-7.col-xs-7.col-sm-7 > div > img {
        margin: 0 !important
    }

#aspnetForm > header > div.container > div > div > div.col-lg-2.col-md-2.col-xs-2.col-sm-2 > img {
    width: 83px !important;
    height: auto !important;
    margin-right: 16px
}

@media only screen and (min-width:1200px) {
    .menuee ul a, .menuee ul li {
        color: #000;
        display: block;
        float: none
    }

    .logo {
        width: 75%;
        float: left
    }

    .menuee ul {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 45px;
        width: 200px;
        left: 0;
        z-index: 1;
        color: #000;
        transition: .3s ease-in-out
    }

    .menuee li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0
    }

    .menuee ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px
    }

    .menuee ul li:last-child {
        box-shadow: none
    }

    .menuee ul a {
        padding: 12.5px 15px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        white-space: nowrap
    }

        .menuee ul a:hover {
            background-color: #e26631;
            color: #fff;
            border: 1px solid #e5e5e5
        }

    .menuee ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px
    }

    .menuee ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px
    }
}

@media only screen and (min-width:1500px) {
    .menuee ul a, .menuee ul li {
        color: #000;
        display: block;
        float: none
    }

    ._51939484, ._51939484 ._271a7a15 {
        display: none
    }

    .menuee ul {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 40px;
        width: 200px;
        left: -109px;
        z-index: 1;
        color: #000 !important;
        transition: .3s ease-in-out;
    }
    #bs-example-navbar-collapse-1 > ul > li.setRight > ul {
        width: 290px !important;
        /* background: #FFC107 !important; */
    }
    .menuee li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0
    }

    .menuee ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px
    }

    .menuee ul li:last-child {
        box-shadow: none
    }
    #bs-example-navbar-collapse-1 > ul > li.setRight > a {
        color: #000;
        font-weight: 400;
    }
    .menuee ul a {
        padding: 12.5px 15px;
        width: 100%;
        background-color: #000;
        border: 0px solid #e5e5e5;
        white-space: nowrap;
        color: #fff !important;
        font-weight: 400 !important;
    }

        .menuee ul a:hover {
            background-color: #e26631;
            color: #fff;
            border: 0px solid #e5e5e5 !important;
        }
    .g-dash:hover {
        background-color:none !important;
    }

    .menuee ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px
    }

    .menuee ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px
    }
    
}

@media only screen and (min-width:1000px) {
    ._51939484, ._51939484 ._271a7a15 {
        display: none
    }
}

@media only screen and (max-width:780px) {
    ._51939484, ._51939484 ._271a7a15, .menuee ul {
        display: none
    }

        .menuee ul a, .menuee ul li {
            color: #000;
            display: block;
            float: none
        }

    .menuee ul {
        opacity: 0;
        top: 45px;
        width: 100%;
        left: 0;
        z-index: 1;
        color: #000;
        transition: .3s ease-in-out;
        display: contents;
    }

    .menuee li:hover > ul {
        opacity: 1;
        display: block;
        margin: 0
    }

    .menuee ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px
    }

    .menuee ul li:last-child {
        box-shadow: none
    }

    .menuee ul a {
        padding: 8.5px 10px;
        width: 100%;
        white-space: nowrap
    }

        .menuee ul a:hover {
            background-color: #e26631;
            color: #fff
        }

    .menuee ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px
    }

    .menuee ul ul li:first-child a:after {
        left: -6px;
        top: 50%;
        margin-top: -6px
    }
}

@media only screen and (max-width:768px) {
    ._51939484 {
        display: flex;
        justify-content: center;
        font-family: sans-serif
    }

        ._51939484 ._271a7a15 {
            position: fixed;
            bottom: 25px;
            z-index: var(--z-index-1);
            display: block;
            background-color: #000;
            color: #fff;
            padding: 10px 30px;
            border-radius: 24px;
            box-shadow: 0 2px 4px rgb(0 0 0 / 32%)
        }
}

.homeservice, .homeservice ul li h2 {
    font-family: 'Nunito Sans',sans-serif !important
}

.drop {
    float: right;
    margin-right: 5px;
    margin-top: 8px
}

.modal-dialog {
    max-width: 100%
}

#aspnetForm > div:nth-child(178) > div.container > div > div:nth-child(5) > div > div > div > div > img:first-child {
    height: 150px
}

.bg55 img {
    width: 90%;
    margin-top: 40px
}

.bg56 {
    margin: 120px 0 0 30px
}

#ctl00_MainContent_tblProject > tbody > tr:nth-child(6) > td:nth-child(2) > div.dvControl, #ctl00_MainContent_tblProject > tbody > tr:nth-child(7) > td:first-child > div:nth-child(2) > div.dvControl {
    position: relative;
    top: 10px
}

.mrpdflryt {
    background: #e26631;
    color: #fff;
    padding: 15px 20px;
    margin: 10px auto 0;
    width: 20%;
    display: block
}

    .mrpdflryt:hover {
        background: #fbb52f;
        color: #000 !important
    }

.fulad {
    min-height: 100px
}

.homeservice {
    box-shadow: 0 0 30px -9px #ccc6;
    width: 80%;
    padding: 20px 20px 0;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 20px auto 40px;
    display: flex
}

    .homeservice ul li h2 {
        width: 100%;
        float: left;
        text-align: center;
        margin: 0;
        font-size: 19px;
        font-weight: 700;
        color: #000
    }

    .homeservice ul li sub {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 14px;
        margin-top: 12px;
        line-height: normal;
        color: #848484
    }

.l1bx {
    width: 80%;
    display: block;
    margin: 0 auto
}

.butselect, .errormsg2 {
    width: 100%;
    float: left
}

.l1bx img {
    margin: 40px 0 20px
}

.gthome, .phra i {
    margin-right: 10px
}

.bor-bt {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

.homeservice ul li p {
    font-size: 15px;
    color: #000;
    line-height: 26px;
    text-align: justify
}

.phra i {
    font-size: 12px;
    color: #a1a1a1
}

li.phra {
    line-height: 34px
}

.butselect {
    border: 0 solid #ccc;
    text-align: center;
    padding: 15px 0;
    color: #000;
    background: #ff9a00;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700
}

    .butselect:hover {
        background: #000;
        color: #fff
    }

img.req {
    width: 50%;
    margin-top: 80px
}

.gthome {
    background: #fff !important;
    border: 1px solid #e26631;
    padding: 15px 30px;
    border-radius: 3px;
    color: #e26631;
    font-size: 18px;
    font-weight: 500;
    font-family: Montserrat
}

    .gthome:hover {
        background: #000 !important;
        color: #fff;
        border: 1px solid #000
    }

.imgbg font {
    background: #e2ffc0;
    width: 250px;
    height: 250px;
    margin: 30px auto 0;
    display: block;
    border-radius: 70%;
    border: 5px solid #fff;
    box-shadow: 4px -2px 0 1px #ff9c00
}

#ctl00_MainContent_ApplyCaptcha_TB_I {
    height: 60px;
    text-align: center;
    font-size: 25px
}

.paragraph hr {
    margin: 10px 0 0;
    padding: 10px 0 0
}

.errormsg2 {
    position: relative;
    margin-bottom: 10px
}

.closebox, .valid2 {
    position: absolute
}

.label5 {
    float: left;
    min-width: 55px;
    text-align: right;
}

.numdiv2 {
    float: right;
    width: 50px
}

.valid2 {
    float: left;
    width: 134px;
    font-weight: 600 !important;
    left: 120px;
    margin: 0 !important;
    line-height: normal;
    text-align: left;
    font-size: 12px
}

.closebox, .comp_butbx, .drpbox11, .favrte, .msg5, .time3, .ul11 em {
    text-align: center
}

honesize a {
    font-size: 30px;
    font-weight: 600;
    font-family: poppins
}

.col-lg-12.buttonsize span {
    font-size: 14px;
    color: #585858;
    font-family: Poppins;
    font-weight: 400
}

.brtp {
    border-top: 1px solid #ccc;
    padding-left: 0;
    padding-top: 9px
}

.tphd-bg {
    background: url(../images/tphdbg.jpg) #cccccc8c;
    padding: 4px 0 10px;
    border: 0 solid #ccc;
    border-radius: 5px;
    margin-top: 20px;
    min-height: 80px
}

.msg5 {
    width: 100%;
    float: left;
    line-height: 70px;
    font-size: 24px;
    color: #fff;
    text-shadow: 0 2px #000
}

.ul11 ul li b {
    font-weight: 100;
    font-family: inherit
}

.ul11 em {
    width: 10%;
    float: left;
    font-style: normal
}

    .ul11 em a {
        background: #ccc;
        padding: 6px;
        border-radius: 3px
    }

.comfullbx {
    width: 30%;
    float: left;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    margin-top: 5px
}

.bord5, .fontszi {
    border-bottom: 1px solid #ccc
}

.closebox {
    width: 30px;
    height: 22px;
    top: 0;
    right: 10px;
    border-radius: 3px 3px 0 0
}

    .closebox a {
        color: #000;
        line-height: 20px;
        font-size: 20px
    }

.comp_butbx {
    width: 100%;
    float: left;
    margin-top: 8px;
    position: relative
}

    .comp_butbx a {
        position: absolute;
        width: max-content;
        top: 40px
    }

div#ctl00_MainContent_pcCompanyComparisonPopup_PW-1 .dxpc-contentWrapper {
    position: fixed !important;
    width: 100% !important;
    background: #f3f3f3;
    left: 0 !important;
    bottom: 0;
    height: 170px !important
}

.bg-white1 {
    background: #fff;
    width: 100%;
    float: left;
    padding: 10px 0 0 10px;
    min-height: 143px
}

.fontszi, .mpbtop {
    padding-bottom: 10px
}

#ctl00_MainContent_pcCompanyComparisonPopup_PW-1 > div {
    box-shadow: none !important;
    border: 0 !important
}

table.table.table-bordered.cptbl tbody tr td img {
    width: 40%;
    height: auto !important;
    margin: 0 auto;
    display: block
}

div#ctl00_MainContent_pcCompanyComparisonPopup_PW-1 {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    background: red;
    height: 0 !important;
    top: 0 !important
}

div#ctl00_MainContent_pcBookingServiceDate_PW-1 {
    width: 600px !important
}

.chkcomp h6 {
    font-weight: 600;
    width: 100%;
    float: left;
    margin-bottom: 13px
}

td.bgrey b {
    width: 130px;
    float: left
}

td.text-left span {
    min-height: 39px;
    float: left
}

li.span.ratting {
    font-size: 12px;
    font-weight: 500
}

.mainimgwid {
    width: 60%;
    margin: 0 auto;
    min-height: 330px;
}

.whtspce b {
    white-space: nowrap
}

.mpbtop {
    margin-top: 10px
}

.dxdpLite_DevEx, .dxpcLite_DevEx {
    font: unset;
    width: 680px
}

.currency, .finalprice, .fontszi {
    font-weight: 600
}

table.table_main span {
    font-family: unset !important
}

table.table_main p {
    text-align: justify !important
}

.drpbx2 {
    width: 75%;
    float: left
}

.drpbox11 {
    padding-top: 15px;
    float: right;
    margin-top: 8px !important;
    border: 1px solid #ccc;
    border-radius: 5px
}

.popupmain, .topheadpopup {
    border-radius: 20px 20px 0 0
}

.currency {
    position: absolute;
    right: 0;
    top: 37px
}

.popupmain, .popupmain1 {
    display: block;
    position: relative;
    top: -19px
}

.fontszi {
    font-size: 16px;
    margin-bottom: 10px
}

.float-right {
    float: right;
    margin-bottom: 0
}

.finalprice {
    font-size: 18px
}

.popupmain {
    background: #fff;                     
    width: 900px;
    margin: 0 auto;
    min-height: 600px
}

.topheadpopup {
    background-repeat: repeat;
    height: 285px
}

.facepack {
    margin: 180px 0 0 30px;
    float: left
}

    .facepack h3 {
        font-size: 30px;
        font-weight: 700;
        color: #ff9500;
        margin: 0;
        line-height: 10px
    }

    .facepack h4 {
        float: left;
        margin-right: 20px
    }

.faicons {
    float: left;
    height: 30px;
    width: auto;
    min-width: 30px;
    margin-top: 20px;
    color: #ff9500
}

.line6 {
    background: #ff9500;
    height: 3px;
    float: left;
    width: 90%
}

.hairremove {
    width: 100%;
    margin: 0 auto;
    display: block
}

    .hairremove h4 {
        width: 100%;
        float: left;
        background: #fefbf4;
        padding: 20px 0 20px 30px;
        border-radius: 10px;
        display: block;
        margin-block-start: 1.33em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        font-weight: 700;
        font-size: 1.33em
    }

.eye2 p, .eye2 sub {
    font-weight: 500;
    float: left
}

.eye2 sub, .favrte i, .time3 i {
    font-size: 16px
}

.check53 input {
    float: left;
    width: 30px;
    height: 22px;
    margin-right: 20px;
    margin-top: 15px
}

.eye2 {
    width: 87%;
    float: left
}

    .eye2 u {
        float: left;
        margin-right: 15px
    }

        .eye2 u img {
            width: 60px !important;
            height: 60px !important;
            border-radius: 60%;
            float: left
        }

    .eye2 p {
        padding: 0;
        margin: 7px 0 0;
        width: 78%
    }

    .eye2 sub {
        color: #0293c0;
        margin-top: 10px
    }

.favrte, .time3 {
    float: left;
    width: 15%;
    color: #989898;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

.bord5 {
    width: 100%;
    float: left;
    padding: 10px 0
}

.vscroll {
    height: 410px;
    overflow-y: scroll;
    background: #fff
}

.packagedet {
    width: 90%;
    float: right;
    background: #f6f6f6;
    padding: 4% 5% 7%;
    margin-top: 26px;
    margin-right: 14px;
    border-radius: 20px
}

    .packagedet h3 {
        font-size: 1.33em;
        font-weight: 700;
        padding-bottom: 12px
    }

.pckg5 {
    width: 100%;
    float: left;
    padding: 12px 0
}

    .pckg5 em {
        font-style: normal;
        float: left;
        width: auto
    }

    .pckg5 b {
        font-weight: 400;
        float: right
    }

.packgbox {
    float: left;
    min-height: 200px;
    width: 100%;
}

.ttl_amt b {
    width: 50%;
    float: left
}

.ttl_amt strong {
    width: 50%;
    float: left;
    text-align: right
}

.ttl_amt {
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
    padding: 15px 0
}

    .ttl_amt a {
        background: #ff9500;
        width: 100%;
        float: left;
        text-align: center;
        padding: 20px 0;
        margin-top: 20px;
        color: #ffff;
        border-radius: 22px;
        text-decoration: none;
        font-size: 19px;
        text-transform: capitalize
    }

        .ttl_amt a:hover {
            background: #000;
            color: #ffff
        }

.dxdpLite_DevEx .dxpc-mainDiv, .dxdpLite_DevEx.dxpc-mainDiv, .dxpcLite_DevEx .dxpc-mainDiv, .dxpcLite_DevEx.dxpc-mainDiv {
    border: 0 solid #9da0aa !important
}

.popupmain1, .topheadpopup1 {
    border-radius: 20px 20px 0 0
}

.cur21 {
    float: left;
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 600
}

.imgbx2 i img {
    width: 100%;
    height: 85px;
    border-radius: 70%
}

.vscroll1 {
    height: 270px;
    overflow-y: scroll;
    background: #fff
}

.popupmain1 {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    min-height: 600px
}

.topheadpopup1 {
    background-image: url(../images/pop-headimg.png) !important;
    background-repeat: repeat;
    height: 285px;
    background-size: cover
}

.img5 a iframe {
    width: 100% !important;
    float: left;
}

#ctl00_MainContent_updatePanel > div > div > div > div > div.dteox.mt-5 > div > div > div {
    width: 100%;
}
/***************************UPSCI NEW HOME PAGE CSS***********************************/
.query {
    float: left;
    margin-left: 30px;
    color: #000;
    line-height: 35px;
}
    .query a {
        color: #000 !important;
        text-decoration: none !important;
    }
    .query i {
        margin: 0 4px 0 10px;
        color: #ffffff;
        background: #FF9800;
        padding: 4px;
        border-radius: 4px;
        font-size: 13px;
    }
.marnot address em {
    float: left;
    font-style: normal;
    /* background: #FFC107; */
    padding: 5px 10px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 9px;
    width: auto;
    text-align: center;
    margin-top: 2px;
    color: #fff;
}
.marnot address em i {
    margin-right: 5px;
}
.marnot address {
    margin: 0;
}
    .marnot address marquee {
        float: left;
        width: 80%;
    }
ul.head-acc2 {
    margin-top: 4px;
}
.topmn {
    background: rgb(215,10,132);
    background: #ffc107;
    padding: 3px 0;
}
.inner-bg div {
    display: none;
}
div#ctl00_MainContent_pnlCustomerRegister label {
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0;
}
h4.headingss {
    font-size: 17px;
    font-weight: 600;
}
    h4.headingss span {
        font-size: 24px;
        margin-bottom: 20px;
    }
.ttl-line {
    display: none !important;
}
#aspnetForm > div:nth-child(178) > section.container.sec-pad-lg > div > div:nth-child(1) > h4 span {
    font-size: 30px;
    width: 100%;
    float: left;
}
#aspnetForm > div:nth-child(178) > section.container.sec-pad-lg > div > div:nth-child(1) > h4 {
    font-size: 17px;
}
ul.nav.navbar-nav.menu-link.menuee li a {
    color: #fff;
    font-weight:300;
}
#ctl00_lnkSearchm {
    width: 45%; 
    margin-bottom: 0;
}
#ctl00_MainContent_BookNowControl1_pcCustomerLogin_pnl > div > div > div > center:nth-child(3) > div > div > i {
    /* display: none; */
    position: absolute;
    /* bottom: 0; */
    right: 276px;
    /* color: red; */
    bottom: 180px;
    color: #fff;
    font-size: 19px;
}
.desighome img {
    width: 100% !important;
    border-radius: 13px; 
    box-shadow: 0px 5px 0 #2f7abb;
}
.cstprc div span {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
}
.cstprc a {
    float: left;
}
li.setRight {
    float: right !important;
    width: 180px;
    position: absolute;
    right: 67px;
    margin-top: 0px;
    padding-bottom: 2px;
}
div#ctl00_dvLogin {
    /*position: absolute;
    right: 190px;*/
}
#ctl00_MainContent_pnlCustomerSignIn > div > div:nth-child(5) > ul > li:nth-child(6) {
    margin: 20px 0 10px 10px;
}
ul.forgot-sec {
    float: left;
    margin: 10px 0 10px 10px;
}
#ctl00_MainContent_pnlCustomerForm > div:nth-child(7) {
    margin: 0px 10px 10px 0;
    float: left;
}
#ctl00_MainContent_pnlCustomerForm > div:nth-child(6) > ul > li {
    display: none;
}
.marnot {
    display: none;
}
.gface {
    padding: 3px 45px;
    font-size: 28px;
}
#ctl00_MainContent_pnlForget > div.form-login {
    float: left;
    width: 100%;
}
#ctl00_MainContent_pnlForgetPassword > div {
    border: solid 1px #ccc;
    float: left;
    width: 100%;
    /* border-top: 0; */
}
#ctl00_MainContent_dvRemember > ul > li.pull-right {
    margin-left: 20px;
}
#ctl00_MainContent_pnlMain > div > div:nth-child(3) > ul > li.pull-right {
    margin-left: 20px;
}
span.orlogin {
    float: left;
    line-height: 24px;
    width: 100%;
    text-align: left;
    padding-left: 17px;
    margin-bottom: 10px;
    font-weight: 600;
}
.gface1 {
    padding: 2px 100px;
    font-size: 28px;
    float: left !important;
    margin-left: 8px;
}
div#ctl00_MainContent_dvRemember {
    float: left;
    width: 100%;
}
.iconcontainer a p {
    text-align: center;
}
.bnr21 {
    background-image: url(../images/nwbg1.jpg);
    background-repeat: no-repeat;
    min-height: 533px;
    width: 100%;
    background-size: 100%;
    position: relative;
}

.hdtxt h3 {
    font-size: 58px;
    float: left;
    width: 100%;
    margin-top: 60px;
    text-transform: uppercase;
    color: #000;
}

.hdtxt p {
    font-size: 22px;
    color: #000;
}
}

.iconcontainer {
    width: 1194px;
    height: auto;
    min-height: 40px;
    /* position: absolute;
    left: 180px;
    bottom: -240px;*/
    margin: 0 auto;
    margin-top: 210px;
}

    .iconcontainer a {
        float: left;
        background: #fff;
        width: 19%;
        margin-right: 11px;
        margin-bottom: 11px;
        min-height: 140px;
        text-align: center;
        border-radius: 10px;
        padding-top: 28px;
        text-transform: uppercase;
        color: #000;
        box-shadow: 0px 0px 14px #cccccc73;
    }

body > div > div.iconcontainer > a:nth-child(5) {
    /* min-height: 100px !important; */
    padding-top: 0;
}

.iconcontainer a:hover {
    background: #f05c40;
    color: #fff;
    text-decoration: none;
}

.formbx {
    float: left;
    /*background: #FFC107;*/
    width: 100%;
    padding: 10px 0;
    /* position: absolute; */
    /* bottom: -370px; */
    margin-top: 80px;
    min-height: 100px;
}

.drpdd5444 {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: 0;
    padding: 0 10px;
    float: left;
    margin-bottom: 10px;
}

.ssearch2 {
    background: #000;
    width: 100%;
    float: right;
    height: 67px;
    border-radius: 0;
    text-align: center;
    line-height: 67px;
    text-transform: capitalize;
    font-weight: 300;
    text-decoration: none !important;
    border: 0;
    padding: 0 7px;
    margin-bottom: 10px;
    color: #fff;
    /* margin-top: 15px; */
    font-size: 18px;
}

    .ssearch2:hover {
        background: #ffc107;
        color: #000;
    }

input.searchfild {
    width: 83%;
    border: 0;
    height: 40px;
    padding-left: 10px;
    border-radius: 3px;
}

input.search55 {
    float: right;
    width: 16%;
    height: 40px;
    background: #000;
    color: #ffff;
    border-radius: 3px;
}

.searchbx {
    margin-top: 130px;
    display: none;
}

@media (min-width: 992px) {
    .iconcontainer {
        width: 1194px;
        height: auto;
        min-height: 40px;
        margin: 0 auto;
        margin-top: 100px !important;
    }

    .minht {
        min-height: 120px
    }
}

.formbx {
    margin-top: 0px;
}


@media (min-width: 1536px) {
    .iconcontainer { 
        margin-top: 140px !important;
    }

    .minht {
        min-height: 120px
    }
}

a.active {
    background-color: red;
}

.iconcontainer a:active {
    visibility: hidden;
}
#ctl00_MainContent_lnkAddNewAddress:hover {
    background: none;
    color: #000;
    border-color: #000;
}
.sec-pad22 {
    min-height: 385px;
    border: solid 1px #ccc;
    padding: 10px;
    margin-bottom: 35px;
    height: auto;
}
.newdv2 {
    width: 19.7%;
    float: left;
    /*border: solid 1px #ccc;*/
    margin-right: 0;
    margin-right: 1px;
}
.rad {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}
.rad table tbody tr td {
    margin-right: 30px;
    float: left;
    margin-top: 20px;
}
    .rad table tbody tr td label {
        color: #000000;
        font-weight: 300;
        font-size: 17px;
    }
.iconselect {
    background: #f05c40;
    color: #fff;
    text-decoration: none;
}
.radio-options
 {
    margin: 0 auto;
}
.searchb {
    width: 20%;
    min-width: 284px;
    margin: 0 auto;
    padding-bottom: 50px;
    display: flex;
}
.fmbx {
    width: 100%;
    float: left;
    background: #f3f3f3;
    padding: 5px 0px 7px 11px;
}