﻿body {
    overflow-x: hidden;
    font-family: 'Didact Gothic', sans-serif;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0px!important;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #00a0e3;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

    p.large {
        font-size: 16px;
    }

a, a:hover, a:focus, a:active, a.active {
    outline: 0;
}

a {
    color: #00a0e3;
}

    a:hover, a:focus, a:active, a.active {
        color: #00a0e3;
    }

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 700;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #00a0e3;
    text-transform: uppercase;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #00a0e3;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        border-color: #00a0e3;
        color: #fff;
        background-color: #00a0e3;
    }

    .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        border-color: #00a0e3;
        background-color: #00a0e3;
    }

    .btn-primary .badge {
        color: #00a0e3;
        background-color: #fff;
    }

.btn-xl {
    padding: 20px 40px;
    border-color: #00a0e3;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #00a0e3;
}

    .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
        border-color: #00a0e3;
        color: #fff;
        background-color: #00a0e3;
    }

    .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
        background-image: none;
    }

    .btn-xl.disabled, .btn-xl[disabled], fieldset[disabled] .btn-xl, .btn-xl.disabled:hover, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl:hover, .btn-xl.disabled:focus, .btn-xl[disabled]:focus, fieldset[disabled] .btn-xl:focus, .btn-xl.disabled:active, .btn-xl[disabled]:active, fieldset[disabled] .btn-xl:active, .btn-xl.disabled.active, .btn-xl[disabled].active, fieldset[disabled] .btn-xl.active {
        border-color: #00a0e3;
        background-color: #00a0e3;
    }

    .btn-xl .badge {
        color: #00a0e3;
        background-color: #fff;
    }

.navbar-default {
    border-color: transparent;
    background-color: transparent;
}

    .navbar-default .navbar-brand {
        font-family: 'Didact Gothic', sans-serif;
        color: #00a0e3;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {
            color: #00a0e3;
        }

    .navbar-default .navbar-collapse {
        border-color: #fff;
        float: right;
        margin-top: -5px;
        border-color: hsla(0,0%,100%,.02);
    }

    .navbar-default .navbar-toggle {
        border-color: #00a0e3;
        background-color: #00a0e3;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #00a0e3;
        }

    .navbar-default .nav li a {
        text-transform: capitalize;
        font-family: 'Didact Gothic', sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        color: #5cbeec!important;
        font-weight: 700;
        font-size: 16px;
    }

        .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
            outline: 0;
            color: #00a0e3;
        }

    .navbar-default .navbar-nav > .active > a {
        border-radius: 0;
        color: #fff;
        background-color: #00a0e3;
    }

        .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            color: #fff;
            background-color: #00a0e3;
        }

@media (min-width:768px) {
    .navbar-default {
        padding: 10px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

        .navbar-default .navbar-brand {
            font-size: 2em;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .navbar-default .navbar-nav > .active > a {
            border-radius: 3px;
        }

        .navbar-default.navbar-shrink {
            padding: 10px 0;
            background-color: #fff;
        }

            .navbar-default.navbar-shrink .navbar-brand {
                font-size: 1.5em;
            }
}

header {
    text-align: center;
    color: #fff;
    background-color: #1b1b1d;
    background-attachment: scroll;
    background-color: #00a0e3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img2.jpg);
    position: relative;
    top: 55px;
}

    header .intro-text {
        padding-top: 90px;
        padding-bottom: 75px;
    }

        header .intro-text .intro-lead-in {
            margin-bottom: 25px;
            font-family: 'Didact Gothic', sans-serif;
            font-size: 15px;
            font-style: italic;
            line-height: 22px;
        }

        header .intro-text .intro-heading {
            text-transform: uppercase;
            font-family: 'Didact Gothic', sans-serif;
            font-size: 40px;
            font-weight: 700;
            line-height: 75px;
        }

.hdrSection {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width:768px) {
    header .intro-text {
        padding-top: 85px;
        padding-bottom: 80px;
    }

        header .intro-text .intro-lead-in {
            margin-bottom: 60px;
            font-family: 'Didact Gothic', sans-serif;
            font-size: 15px;
            font-style: italic;
            line-height: 30px;
            margin-left: 110px;
            margin-right: 110px;
        }

        header .intro-text .intro-heading {
            text-transform: uppercase;
            font-family: 'Didact Gothic', sans-serif;
            font-size: 40px;
            font-weight: 700;
            line-height: 75px;
        }

    section h2.section-heading {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 40px;
    }

    section {
        padding: 115px 0 30px 0;
    }
}

@media (max-width:768px) {
    section {
        padding: 55px 0;
    }

        section h2.section-heading {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 30px;
        }
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

aside.clients img {
    margin: 50px auto;
}

section#contact {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 0;
}

    section#contact .form-group {
        margin-bottom: 25px;
    }

        section#contact .form-group input, section#contact .form-group textarea {
            padding: 20px;
        }

            section#contact .form-group input.form-control {
                height: auto;
            }

            section#contact .form-group textarea.form-control {
                height: 236px;
            }

    section#contact .form-control:focus {
        border-color: #00a0e3;
        box-shadow: none;
    }

    section#contact::-webkit-input-placeholder {
        text-transform: uppercase;
        font-family: 'Didact Gothic', sans-serif;
        font-weight: 700;
        color: #bbb;
    }

    section#contact:-moz-placeholder {
        text-transform: uppercase;
        font-family: 'Didact Gothic', sans-serif;
        font-weight: 700;
        color: #bbb;
    }

    section#contact::-moz-placeholder {
        text-transform: uppercase;
        font-family: 'Didact Gothic', sans-serif;
        font-weight: 700;
        color: #bbb;
    }

    section#contact:-ms-input-placeholder {
        text-transform: uppercase;
        font-family: 'Didact Gothic', sans-serif;
        font-weight: 700;
        color: #bbb;
    }

    section#contact .text-danger {
        color: #e74c3c;
    }

footer {
    padding: 20px 0;
    text-align: center;
    background: #f1f1f1;
}

    footer span.copyright {
        text-transform: uppercase;
        text-transform: none;
        font-family: 'Didact Gothic', sans-serif;
        line-height: 40px;
    }

    footer ul.quicklinks {
        margin-bottom: 0;
        text-transform: uppercase;
        text-transform: none;
        font-family: 'Didact Gothic', sans-serif;
        line-height: 40px;
    }

ul.social-buttons {
    margin-bottom: 0;
}

    ul.social-buttons li a {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        font-size: 20px;
        line-height: 40px;
        outline: 0;
        color: #fff;
        background-color: #222;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {
            background-color: #00a0e3;
        }

.btn:focus, .btn:active, .btn.active, .btn:active:focus {
    outline: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #00a0e3;
}

::selection {
    text-shadow: none;
    background: #00a0e3;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

@media (max-device-width:480px) {
    .mtb_date {
        width: 55%;
        float: left;
        margin-left: -20px;
        padding: 6px 10px;
    }

    .mtb_time {
        width: 55%;
        float: right;
        margin-left: 5px;
        background-color: #fff;
        margin-right: -20px;
    }
}

@media (min-device-width:480px) and (max-width :768px) {
    .mtb_date {
        width: 45%;
        float: left;
        margin-left: -20px;
        padding: 6px 10px;
    }

    .mtb_time {
        width: 50%;
        float: right;
        margin-left: 5px;
        background-color: #fff;
    }
}

#collapse .panel-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    text-transform: none;
}

#collapse .panel-heading {
    padding: 4px 15px;
}

@media (min-width:992px) {
    .btnchk > label {
        white-space: normal;
    }
}

.btnchk .btn {
    border-radius: 0 0 0 0;
}

.btnchk > .btn-default.active {
    background-color: #00a0e3;
    border-color: #00a0e3;
    color: #fff;
}

#informationbar {
    padding: 5px 0;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    text-align: center;
}

.modal-backdrop {
    opacity: 0.5!important;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width:768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width:992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width:1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.logolink {
    padding: 0px!important;
}

.intro-text {
    padding-top: 85px;
    padding-bottom: 80px;
}

.bgcolor {
    background: rgba(0,0,0,.4);
}

.navbar {
    margin-bottom: 0 !Important;
}

.foot-container {
    padding: 0 43px;
}

.copyright p {
    margin-top: 10px;
}

.footer-color a {
    color: #000;
    width: 100%;
}

.copyright ul {
    margin-top: 15px;
}

    .copyright ul li {
        float: left;
        list-style: none;
        margin-left: 10px;
    }

.RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft .preview3 {
    background: linear-gradient(to right,#7bc24d,#38b0e5)!important;
}

.preview3 {
    background: linear-gradient(to right,#7bc24d,#38b0e5)!important;
}

.service {
    margin: 25px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 600;
    font-family: 'Didact Gothic', sans-serif;
    text-transform: capitalize;
}

h4.foothead {
    font-size: 25px;
    margin-bottom: 25px;
    text-transform: none;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 700;
    color: #00a0e3;
}

.footercontent p {
    color: #fff !Important;
    margin-bottom: 0;
    font-family: 'Didact Gothic', sans-serif;
}

.center-text {
    text-align: center;
}

.mb-60 {
    margin-bottom: 60px;
}

.text-white {
    color: #fff;
}

.mb-20 {
    margin-bottom: 20px;
}

.img-circle {
    border-radius: 50%;
}

.font-size-12 {
    font-size: 14px;
    color: #000;
    padding: 10px 20px;
    font-weight: 500;
    font-family: 'Didact Gothic', sans-serif;
}

.full-container3 {
    background-color: #73b1d6;
    padding: 7% 0% 7% 0%;
    margin-bottom: 0;
}

#aboutus p {
    font-size: 15px;
    font-family: 'Didact Gothic', sans-serif;
}

h2.intro-heading {
    color: #999;
    background: #ffffffbd;
    font-weight: 700;
    padding: 5px;
    width: 85%;
    margin: 0 auto 30px auto;
    border-radius: 2px;
    text-transform: capitalize;
    font-family: 'Didact Gothic', sans-serif;
}

.mapouter {
    position: relative;
    text-align: right;
    height: 200px!important;
    width: 400px!important;
}

.gmap_canvas {
    overflow: hidden;
    background: none!important;
    height: 200px!important;
    width: 400px!important;
}

@media (max-width:425px) {
    iframe#mainframe {
        height: 96vh;
    }

    ul.coninfo {
        margin-top: 10px!important;
    }

    .navbar-brand {
        float: left;
        height: 70px!important;
    }

    .navbar-toggle {
        margin-top: 25px!important;
        margin-right: 10px!important;
    }

    .carousel-caption {
        left: 0%!important;
    }

    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
        left: 0;
        height: 300px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 400px!important;
    }

    iframe#mainframe {
        height: 300px;
    }

    .main-text {
        position: absolute;
        top: 8%;
        width: 96.66666666666666%;
        color: #FFF;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        display: block;
        max-width: 100%;
        height: 300px!important;
        width: 100%!important;
        max-height: 100%!important;
    }

    .main-text {
        position: absolute;
        top: 20%!important;
        width: 96.66666666666666%;
        color: #FFF;
        display: block!important;
    }

    h2.intro-heading {
        color: #90c63c;
        font-size: 15px;
        margin-bottom: 20px!important;
    }

    .logolink {
        padding: 0px!important;
        float: none;
    }

        .logolink img {
            width: 260px!important;
            height: 100%!important;
            margin-top: 0!important;
        }

        .logolink h3 {
            line-height: 1!important;
            font-size: 18px;
        }

    .navbar-default .navbar-collapse {
        background: #fff;
        text-align: center;
    }

    .carousel-control {
        top: 0px!important;
    }

    .scheduleBtn {
        height: 34px !Important;
    }

        .scheduleBtn .rbDecorated {
            height: 34px!important;
            padding: 6px 16px!important;
        }

    td.rcbInputCell.rcbInputCellLeft {
        padding: 0 10px!important;
    }

    .single-service-content {
        height: auto!important;
    }

    #howitworks img {
        width: 100%;
    }

    ul.footlinks {
        list-style-type: none !important;
        padding-left: 0 !important;
    }

    .bg-overlay {
        text-align: left!important;
    }
}

.footp p {
    text-align: justify;
    color: #fff!important;
}

.gm-style-mtc {
    display: none;
}

.gmnoprint {
    display: none;
}

.gm-svpc {
    display: none;
}

.gm-fullscreen-control {
    display: none;
}

ul.coninfo {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0;
}

.coninfo li {
    padding: 5px 5px;
    font-family: 'Didact Gothic', sans-serif;
    color: #fff;
}

.logolink h3 {
    white-space: nowrap;
    line-height: 1.5;
    text-transform: none;
    color: #00a0e3;
    font-weight: 700;
    font-family: 'Didact Gothic', sans-serif;
}

iframe#mainframe {
    height: 461px;
}

.rcbList {
    font-size: 15px;
}

    .rcbList li {
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }

.scheduleBtn {
    background-image: none!important;
    border-color: #00a0e3!important;
    text-transform: uppercase;
    font-family: 'Didact Gothic', sans-serif!important;
    font-weight: 700;
    color: #fff!important;
    border-radius: 6px;
    background-color: #00a0e3!important;
    height: 46px!important;
    padding: 0px!important;
}

    .scheduleBtn .rbDecorated {
        background-image: none!important;
        height: 46px;
        padding: 10px 16px;
        font-size: 18px!important;
        text-transform: uppercase!important;
        color: #fff!important;
        line-height: 1.3333333;
        font-family: 'Didact Gothic', sans-serif!important;
    }

.RadComboBox_Default .rcbReadOnly .rcbInput {
    font-style: normal!important;
    font-size: 20px!important;
    color: #989898!important;
}

.searchList {
    border-color: #cccccc!important;
}

td.rcbArrowCell.rcbArrowCellRight {
    background-image: none;
}

td.rcbInputCell.rcbInputCellLeft {
    height: 44px;
    padding: 0 16px!important;
    background-image: none;
}

.searchBox {
    width: 100%!important;
    background-image: none!important;
    height: 46px;
}

.txt {
    border: none;
    font-size: 15px;
    font-family: 'Didact Gothic', sans-serif!important;
}

    .txt:focus {
        outline: none;
    }

.aspNetDisabled {
    border: none;
    background: transparent!important;
    font-family: 'Didact Gothic', sans-serif!important;
}

.control-label {
    text-align: right;
    font-size: 15px;
    font-family: 'Didact Gothic', sans-serif!important;
}

.form-group {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.panel-default {
    border-color: #efefef!important;
    box-shadow: 0 0 4px -2px #000;
}

.panel-body {
    background-color: #fff;
    color: #000;
    padding: 15px;
}

.head {
    text-align: center;
    font-family: 'Didact Gothic', sans-serif!important;
}

    .head H3 {
        font-weight: 700;
        font-size: 25px;
        font-family: 'Didact Gothic', sans-serif!important;
    }

.head1 {
    text-align: center;
    font-family: 'Didact Gothic', sans-serif!important;
}

.footText {
    margin-top: 15px;
    text-align: center;
}

    .footText p {
        font-size: 16px;
        color: #777;
        font-family: 'Didact Gothic', sans-serif!important;
    }

.head1 p {
    color: green;
    background: #d3f1d885;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    border: 1px solid #c3eac9;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: .7;
    background-color: #fff;
    z-index: 9999;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 50%;
    left: 48%;
    z-index: 999;
    width: 50px;
}

.carousel {
    position: relative;
    margin-top: 111px;
}

section#aboutus {
    float: left;
    width: 100%;
    padding: 115px 0 0;
}

section#services {
    float: left;
    width: 100%;
    padding: 115px 0 0;
}

section#howitworks {
    float: left;
    width: 100%;
    padding: 115px 0 90px;
    /*background: url(../Images/slider3.jpg);
    background-size: cover;*/
}

section#contact {
    float: left;
    width: 100%;
    padding: 115px 0 0;
}

.navbar-default.navbar-shrink {
    z-index: 99999;
}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
    outline: 0;
    color: #00a0e3!important;
}

.service h4 {
    text-transform: uppercase;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 700;
}

.service p {
    font-family: 'Didact Gothic', sans-serif;
    text-align: justify;
}

.center-text h4 {
    text-transform: uppercase;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 700;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff!important;
}

.RadComboBox_Default .rcbInput {
    font-size: 18px!important;
    font-family: 'Didact Gothic', sans-serif!important;
    font-style: normal!important;
}

.icon-box {
    width: 40px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px;
    position: relative;
    right: 15px;
    margin-left: 40px;
}

.navbar-default {
    background-color: #373435!important;
    border-color: #373435!important;
}

.icon-box i {
    color: #fff;
    font-size: 17px;
    vertical-align: text-top;
}

.maintext {
    color: #38b0e5;
}

.bubble-section {
    position: relative;
}

.bubbleContainer {
    width: 100%;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

div[class^="bubble-"] {
    height: 1px;
    width: 1px;
    position: absolute;
    background: url(https://smartlaundry.in/img/ClientWebsite/dcp/buble.png) no-repeat center center;
    background-size: cover;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}

.bubble-1 {
    bottom: 0;
    left: 60%;
    -webkit-animation: bubble-movement 4s infinite ease-in -5.7s;
    animation: bubble-movement 4s infinite ease-in -5.7s;
}

.bubble-2 {
    bottom: 0;
    left: 90%;
    -webkit-animation: bubble-movement 4s infinite ease-in -4.94s;
    animation: bubble-movement 4s infinite ease-in -4.94s;
}

.bubble-3 {
    bottom: 0;
    left: 20%;
    -webkit-animation: bubble-movement 4s infinite ease-in -1.2s;
    animation: bubble-movement 4s infinite ease-in -1.2s;
}

.bubble-4 {
    bottom: 0;
    left: 40%;
    -webkit-animation: bubble-movement 4s infinite ease-in -1.58s;
    animation: bubble-movement 4s infinite ease-in -1.58s;
}

.bubble-5 {
    bottom: 0;
    left: 80%;
    -webkit-animation: bubble-movement 4s infinite ease-in -6.31s;
    animation: bubble-movement 4s infinite ease-in -6.31s;
}

.bubble-7 {
    bottom: 0;
    left: 10%;
    -webkit-animation: bubble-movement 4s infinite ease-in -3.37s;
    animation: bubble-movement 4s infinite ease-in -3.37s;
}

.bubble-8 {
    bottom: 0;
    left: 70%;
    -webkit-animation: bubble-movement 4s infinite ease-in -0.66s;
    animation: bubble-movement 4s infinite ease-in -0.66s;
}

.bubble-9 {
    bottom: 0;
    left: 30%;
    -webkit-animation: bubble-movement 4s infinite ease-in -5.81s;
    animation: bubble-movement 4s infinite ease-in -5.81s;
}

.bubble-10 {
    bottom: 0;
    left: 95%;
    -webkit-animation: bubble-movement 4s infinite ease-in -3.98s;
    animation: bubble-movement 4s infinite ease-in -3.98s;
}

.bubble-11 {
    bottom: 0;
    left: 41%;
    -webkit-animation: bubble-movement 4s infinite ease-in -3.98s;
    animation: bubble-movement 4s infinite ease-in -3.98s;
}

.bubble-13 {
    bottom: 0;
    left: 50%;
    -webkit-animation: bubble-movement 4s infinite ease-in -3.98s;
    animation: bubble-movement 4s infinite ease-in -3.98s;
}

.bubble-15 {
    bottom: 0;
    left: 58%;
    -webkit-animation: bubble-movement 4s infinite ease-in -3.98s;
    animation: bubble-movement 4s infinite ease-in -3.98s;
}

@-webkit-keyframes bubble-movement {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        height: 1px;
        width: 1px;
    }

    100% {
        -webkit-transform: translate3d(-50%,-280px,0);
        transform: translate3d(-50%,-280px,0);
        height: 75px;
        width: 75px;
    }
}

@-moz-keyframes bubble-movement {
    0% {
        transform: translate3d(-50%,0,0);
        height: 1px;
        width: 1px;
    }

    100% {
        transform: translate3d(-50%,-280px,0);
        height: 75px;
        width: 75px;
    }
}

@keyframes bubble-movement {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        height: 1px;
        width: 1px;
    }

    100% {
        -webkit-transform: translate3d(-50%,-280px,0);
        transform: translate3d(-50%,-280px,0);
        height: 75px;
        width: 75px;
    }
}

.single-service-content {
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 3px 10px 2px rgba(204,204,204,.5);
    border-radius: 10px;
    height: 350px;
    background: #fff;
}

    .single-service-content img {
        width: 85px;
        margin-bottom: 10px;
    }

    .single-service-content .lower-content {
        padding: 41px 25px 33px 25px;
    }

    .single-service-content h3 {
        font-weight: 400;
        font-size: 20px;
        text-align: center;
        font-family: 'Didact Gothic', sans-serif;
        color: #222;
        text-transform: capitalize;
        margin: 0;
        line-height: 35px;
    }

.lh-24 {
    line-height: 24px;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 15px;
    text-align: center;
    color: #888;
}

.choose-section {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    padding: 90px 0;
}

.white {
    color: #fff;
}

.choose-section {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    padding: 90px 0;
}

    .choose-section:before {
        position: absolute;
        content: '';
        background: #000;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: .8;
    }

.single-choose-content {
    position: relative;
    background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
    margin-bottom: 10%;
    min-height: 290px;
    text-align: center;
}

    .single-choose-content .icon-box {
        margin-bottom: 16px;
    }

        .single-choose-content .icon-box i:before {
            font-size: 45px;
            color: #888;
            margin: 0;
            transition: all 500ms ease;
        }

    .single-choose-content:hover .icon-box i:before {
        color: #82a5fd;
    }

    .single-choose-content h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #38b0e5;
        font-weight: 700;
        font-size: 25px;
        text-align: center;
        font-family: 'Didact Gothic', sans-serif;
        text-transform: capitalize;
        line-height: 35px;
    }

.choose-section .title-text {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Didact Gothic', sans-serif;
    text-align: center;
}

.owl-nav-none .owl-nav {
    display: none;
}

.owl-dots {
    margin-top: 36px;
}

section#whyus {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    /*background-image: url(../Images/slider2.png);
    background-size: cover;
    background-position: center;*/
}

.text {
    line-height: 24px;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 15px;
    text-align: justify;
    color: #888;
}

.footercontent {
    padding: 20px 0;
    text-align: center;
}

iframe {
    width: 100%;
}

ul.footlinks {
    list-style-type: none;
    padding-left: 90px;
}

.footlinks li {
    text-align: left;
    line-height: 2;
}

.footlinks a {
    font-family: 'Didact Gothic', sans-serif;
    color: #fff;
}

    .footlinks a:hover {
        color: #fff;
    }

i.fa.fa-phone {
    transform: rotate(90deg);
}

.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.single-choose-content img {
    width: auto;
    height: 50px;
}

.bg-overlay h5 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Didact Gothic', sans-serif;
}

i.fas.fa-map-marker-alt {
    margin-right: 15px;
}

.logolink img {
    width: 300px;
    height: 90px;
    float: left;
    margin-top: -7px;
}

.footlinks a:focus {
    color: #fff;
}

.carousel-caption {
    top: 15%;
}

.carousel-caption {
    right: 0!important;
    width: 90%;
    left: 4%!important;
    margin: 0 auto;
}

    .carousel-caption h3 {
        font-family: 'Didact Gothic', sans-serif;
        font-size: 40px;
        font-weight: 700;
        text-align: left;
    }

    .carousel-caption p {
        font-family: 'Didact Gothic', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
    }

.coninfo a {
    color: #fff;
}

    .coninfo a:hover {
        color: #fff;
        text-decoration: none;
    }

    .coninfo a:focus {
        color: #fff;
        text-decoration: none;
    }

.carousel-inner > .item:before {
    content: "";
    position: absolute;
    background: #0000007d;
    width: 100%;
    height: 100%;
}

/*Responsive starts here*/

@media (max-width:425px) {
    .indexsupport {
        height: 100%;
        top: 45% !important;
    }

    .lagoonlogo {
        margin-top: -20px;
    }

    #loading-image {
        position: absolute;
        top: 50%;
        left: 48%;
        z-index: 999;
        width: 50px;
    }

    div#divPin {
        padding: 0 40px;
    }

    section h2.section-heading {
        font-size: 23px;
    }

    .carousel {
        top: 0;
        margin-top: 96px;
    }

    .single-choose-content h3 {
        font-size: 20px;
    }

    .coninfo li {
        font-size: 10px;
        padding: 0;
    }

    div#bs-example-navbar-collapse-1 {
        width: 100%;
    }

    .icon-box {
        padding: 1px 3px;
        right: 3px;
        margin-left: 7px;
    }

        .icon-box i {
            font-size: 10px;
            vertical-align: unset;
        }

    .icon-box {
        height: 20px;
        line-height: 20px;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 650px!important;
    }

    td.rcbInputCell.rcbInputCellLeft {
        padding: 0 10px!important;
    }

    .scheduleBtn {
        max-height: 34px!important;
    }

    .main-text {
        top: 50%!important;
        display: block!important;
    }

    h2.intro-heading {
        color: #90c63c;
        font-size: 14px!important;
        width: 100%!important;
        margin-bottom: 20px!important;
        line-height: 20px;
    }

    .RadComboBox_Default .rcbReadOnly .rcbInput {
        font-size: 16px!important;
    }

    .searchBox {
        width: 100%!important;
        background-image: none!important;
        max-height: 35px!important;
    }

    td.rcbInputCell.rcbInputCellLeft {
        height: 33px!important;
    }

    .scheduleBtn .rbDecorated {
        font-size: 13px!important;
        padding: 6px 10px!important;
    }

    .mb-60 {
        font-size: 17px!important;
    }

    .carousel-inner > .item {
        height: 700px!important;
        max-height: 100%;
    }

    iframe#mainframe {
        top: 0!important;
    }

    #loading-image {
        position: absolute;
        top: 46%;
        left: 43%;
        z-index: 999;
        width: 50px;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
        border: none;
    }

    #loading-image {
        position: absolute;
        top: 46%;
        left: 43%;
        z-index: 999;
        width: 50px;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
        border: none;
    }

    .carousel-caption {
        top: 0%;
        left: 0%!important;
    }

        .carousel-caption p {
            font-family: 'Didact Gothic', sans-serif;
            color: #fff;
            font-size: 15px;
        }

    input#cmbstore_Input {
        font-size: 15px!important;
    }

    input#cmbpincode_Input {
        font-size: 14px!important;
    }

    .RadComboBox table td.rcbArrowCell {
        display: none;
    }

    td.rcbInputCell.rcbInputCellLeft {
        padding: 0 10px!important;
    }

    input#RadButton1_input {
        font-size: 14px!important;
    }

    .finalbtn {
        text-align: center;
    }

    .carousel-caption h3 {
        font-size: 25px;
    }

    .carousel-caption p {
        font-size: 20px;
        line-height: 20px;
    }
}

.searchBox {
    width: 100%!important;
    background-image: none!important;
    height: 46px!important;
}

td.rcbInputCell.rcbInputCellLeft {
    height: 44px;
    padding: 0 16px!important;
    background-image: none;
}

td.rcbArrowCell.rcbArrowCellRight {
    background-image: none;
}

.searchList {
    border-color: #cccccc!important;
}

.RadComboBox_Default .rcbReadOnly .rcbInput {
    font-style: normal!important;
    font-size: 20px!important;
    color: #989898!important;
}

.scheduleBtn {
    background-image: none!important;
    text-transform: uppercase;
    font-family: 'Didact Gothic', sans-serif!important;
    font-weight: 700;
    color: #fff!important;
    border-radius: 6px;
    background: linear-gradient(to right,#90c63c,#009846)!important;
    height: 46px!important;
    padding: 0px!important;
}

    .scheduleBtn .rbDecorated {
        background-image: none!important;
        height: 46px;
        padding: 10px 16px;
        font-size: 18px!important;
        text-transform: uppercase!important;
        color: #fff!important;
        line-height: 1.3333333;
        font-family: 'Didact Gothic', sans-serif!important;
    }

.rcbList {
    font-size: 15px;
}

    .rcbList li {
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }

.main-text {
    position: absolute;
    top: 65%;
    width: 100%;
    color: #FFF;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-clear {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}

    .btn-clear:hover {
        color: #000;
        background-color: #FFF;
    }

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: 100%!important;
    width: 100%!important;
    object-fit: cover!important;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 485px;
}

.carousel-control {
    z-index: 9999;
}

.carousel-control {
    top: 0px!important;
}

body {
    padding-top: 0;
}

iframe#mainframe {
    height: 100vh;
    position: absolute;
}

h2.intro-heading {
    color: #6d6d6d;
    background: #ffffffbd;
    font-weight: 700;
    padding: 5px;
    width: 70%;
    margin: 0 auto 30px auto;
    border-radius: 2px;
    font-size: 25px;
    text-transform: capitalize;
    font-family: 'Didact Gothic', sans-serif;
}

.alertify .ajs-dialog {
    position: relative;
    margin: 15% auto;
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        display: block;
        max-width: 100%;
        height: 100%;
        width: 100%;
    }

    .logolink h3 {
        white-space: nowrap;
        line-height: 1.8;
        text-transform: none;
        color: #2e3094;
        font-weight: 700;
        font-family: 'Didact Gothic', sans-serif;
        font-size: 18px;
    }

    .nav > li > a {
        padding: 10px 10px !Important;
    }

    .carousel-inner > .item {
        height: 485px;
    }

    .main-text {
        top: 55%;
        width: 100%;
    }

    .carousel-control {
        width: 5%;
    }

    .carousel {
        top: 0;
        margin-top: 100px;
    }

    .RadComboBox_Default .rcbReadOnly .rcbInput {
        font-size: 15px!important;
    }

    .RadComboBox_Default .rcbInput {
        font-size: 15px!important;
    }

    .scheduleBtn .rbDecorated {
        font-size: 15px!important;
    }

    .carousel-caption h3 {
        font-size: 15px;
    }

    .carousel-caption p {
        font-size: 15px;
    }
}

@media only screen and (min-device-width :426px) and (max-device-width :767px) {
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 400px!important;
    }

    td.rcbInputCell.rcbInputCellLeft {
        padding: 0 10px!important;
    }

    .main-text {
        top: 55%!important;
        display: block!important;
    }

    h2.intro-heading {
        color: #90c63c;
        font-size: 14px!important;
        width: 100%!important;
        margin-bottom: 20px!important;
        line-height: 20px;
    }

    .RadComboBox_Default .rcbReadOnly .rcbInput {
        font-size: 16px!important;
    }

    .searchBox {
        width: 100%!important;
        background-image: none!important;
        height: 35px;
    }

    td.rcbInputCell.rcbInputCellLeft {
        height: 33px;
    }

    .scheduleBtn {
        height: 34px!important;
    }

        .scheduleBtn .rbDecorated {
            font-size: 13px!important;
            padding: 6px 10px!important;
            height: 34px;
        }

    .mb-60 {
        font-size: 17px!important;
    }

    .carousel-inner > .item {
        height: 700px!important;
        max-height: 100%;
    }

    .carousel-control {
        top: 0;
    }

    .navbar-default {
        background-color: #fff;
    }

    .logolink img {
        width: auto!important;
        height: 50px!important;
    }

    .logolink h3 {
        white-space: nowrap;
        line-height: 1;
        text-transform: none;
        font-size: 18px;
    }

    .navbar-brand {
        float: none;
    }

    iframe#mainframe {
        position: relative;
        height: 461px;
        top: 0;
    }

    #loading-image {
        top: 50%;
        left: 40%;
    }

    .carousel-caption h3 {
        font-size: 15px;
    }

    .carousel-caption p {
        font-size: 15px;
    }
}