@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap";
@import "https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap";

body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    font-family: open sans,sans-serif;
    color: #000000;
}

a {
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-decoration: none
}

    a:hover {
        text-decoration: none;
        color: #53a537
    }

    a:focus {
        text-decoration: none
    }

button {
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent
}

    button:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #53a537;
    font-family: dosis,sans-serif;
    font-weight: 700
}

h3 {
    font-size: 25px
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

p {
    font-size: 15px;
    margin-bottom: 15px
}

    p:last-child {
        margin-bottom: 0
    }

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

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.form-control {
    height: 50px;
    color: #000000;
    border: 1px solid #e8e8e8;
    background-color: #f7f7f7;
    border-radius: 0;
    padding: 0;
    font-size: 15px;
    padding: 10px 20px;
    width: 100%
}

    .form-control::-webkit-input-placeholder {
        color: #495057;
        font-size: 13px
    }

    .form-control:-ms-input-placeholder {
        color: #495057;
        font-size: 13px
    }

    .form-control::-ms-input-placeholder {
        color: #495057;
        font-size: 13px
    }

    .form-control::placeholder {
        color: #495057;
        font-size: 13px
    }

    .form-control:focus {
        color: #000;
        background-color: transparent;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        outline: 0;
        border: 1px solid #b82123ad;
    }

    .form-control:hover:focus, .form-control:focus {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

textarea.form-control {
    height: auto;
    height: 250px
}

.ptb-100 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pt-100 {
    padding-top: 30px
}

.pb-100 {
    padding-bottom: 20px
}

.pt-70 {
    padding-top: 70px
}

.pb-70 {
    padding-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.pl-30 {
    padding-left: 30px
}

.pr-30 {
    padding-right: 30px
}

.mt-30 {
    margin-top: 30px
}

.mt-20 {
    margin-top: 20px
}

.mtb-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mb-20 {
    margin-bottom: 20px
}

.mt-minus-70 {
    margin-top: -70px
}

.mb-minus-70 {
    margin-bottom: -70px
}

.ml-30 {
    margin-left: 30px
}

.mr-30 {
    margin-right: 30px
}

.fun-blue-bg {
    background-color: #24416b
}

.go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    background-color: #53a537;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s
}

    .go-top i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #fff;
        -webkit-transition: .5s;
        transition: .5s;
        font-size: 20px
    }

        .go-top i:last-child {
            opacity: 0;
            visibility: hidden;
            top: 60%
        }

    .go-top::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #00a7f5;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .5s;
        transition: .5s
    }

    .go-top:hover {
        color: #fff;
        background-color: #00a7f5
    }

        .go-top:hover::before {
            opacity: 1;
            visibility: visible
        }

        .go-top:hover i:first-child {
            opacity: 0;
            top: 0;
            visibility: hidden
        }

        .go-top:hover i:last-child {
            opacity: 1;
            visibility: visible;
            top: 50%
        }

    .go-top:focus {
        color: #fff
    }

        .go-top:focus::before {
            opacity: 1;
            visibility: visible
        }

        .go-top:focus i:first-child {
            opacity: 0;
            top: 0;
            visibility: hidden
        }

        .go-top:focus i:last-child {
            opacity: 1;
            visibility: visible;
            top: 50%
        }

    .go-top.active {
        top: 90%;
        -webkit-transform: translateY(-98%);
        transform: translateY(-98%);
        opacity: 1;
        visibility: visible
    }

.page-navigation-area {
    text-align: center;
    margin: 20px auto 0;
    display: table
}

    .page-navigation-area .page-link {
        color: #00a7f5;
        background-color: #fff;
        -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        line-height: 24px;
        -webkit-transition: all .5s;
        transition: all .5s;
        font-weight: 700
    }

        .page-navigation-area .page-link i {
            margin-right: -4px;
            font-size: 21px
        }

        .page-navigation-area .page-link:hover {
            color: #fff;
            background-color: #00a7f5;
            border: 1px solid #00a7f5
        }

        .page-navigation-area .page-link:focus {
            z-index: 2;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .page-navigation-area .page-link.page-links i::before {
            margin-left: -4px
        }

    .page-navigation-area .page-item {
        padding: 0 8px
    }

        .page-navigation-area .page-item:first-child .page-link {
            border-radius: none
        }

        .page-navigation-area .page-item:last-child .page-link {
            border-radius: none
        }

        .page-navigation-area .page-item.active .page-link {
            z-index: 1;
            color: #fff;
            background-color: #00a7f5;
            border-color: #00a7f5
        }

.video-btn {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 69px;
    text-align: center;
    border-radius: 50%;
    color: #00a7f5;
    position: relative;
    top: 3px;
    z-index: 1;
    background-color: #fff
}

    .video-btn i {
        font-size: 30px;
        font-weight: 700;
        padding-left: 4px;
        color: #00a7f5;
        position: relative;
        top: 5px;
        left: 0
    }

    .video-btn::after, .video-btn::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        background-color: #fff
    }

    .video-btn::before {
        -webkit-animation: ripple 1.6s ease-out infinite;
        animation: ripple 1.6s ease-out infinite
    }

    .video-btn::after {
        -webkit-animation: ripple 1.6s ease-out infinite;
        animation: ripple 1.6s ease-out infinite
    }

    .video-btn:hover {
        background-color: #00a7f5
    }

        .video-btn:hover i {
            color: #fff
        }

@-webkit-keyframes ripple {
    0%,35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .8
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes ripple {
    0%,35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .8
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.default-btn {
    font-size: 16px;
    color: #fff;
    padding: 20px 35px;
    line-height: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1;
    text-transform: capitalize;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

    .default-btn.active {
        color: #00a7f5
    }

        .default-btn.active:hover {
            color: #fff
        }

        .default-btn.active::after {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#ffffff),to(#ffffff));
            background-image: linear-gradient(to bottom right,#ffffff,#ffffff)
        }

    .default-btn::after {
        position: absolute;
        content: "";
        /*background-image: -webkit-gradient(linear,left top,right bottom,from(#fa4612),to(#ff416c));
        background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);*/
        background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s;
        transition: all .5s;
        z-index: -1;
        border-radius: 50px
    }

    .default-btn::before {
        position: absolute;
        content: "";
        /*   background-image: -webkit-gradient(linear,left top,right bottom,from(#a91f1e),to(#d3222a));
        background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);*/
        background-image: linear-gradient(to bottom right,#49b957,#69ad72);
        top: 0;
        left: 200px;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s;
        transition: all .5s;
        z-index: -1;
        border-radius: 50px
    }

    .default-btn:hover {
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .default-btn:hover::after {
            left: -200px
        }

        .default-btn:hover::before {
            left: 0
        }

.read-more {
    line-height: 1;
    color: #53a537;
    font-weight: 600;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    font-size: 14px
}

    .read-more i {
        position: relative;
        top: 4px;
        font-size: 18px;
        left: 8px;
        width: 20px;
        height: 20px;
        line-height: 19px;
        border-radius: 50%;
        border: 1px solid #53a537;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .read-more:hover {
        color: #53a537
    }

        .read-more:hover i {
            background-color: #00a7f5;
            color: #fff;
            border-color: #53a537
        }

.section-title {
    max-width: 625px;
    margin: -9px auto 60px;
    text-align: center;
    position: relative
}

    .section-title h2 {
        font-size: 40px;
        margin-bottom: 20px;
        position: relative;
        display: block
    }

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 99999
}

    .preloader .lds-ripple {
        position: relative;
        width: 64px;
        height: 64px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .preloader .lds-ripple div {
            position: absolute;
            border: 4px solid #00a7f5;
            opacity: 1;
            border-radius: 50%;
            -webkit-animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
            animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite
        }

            .preloader .lds-ripple div:nth-child(2) {
                -webkit-animation-delay: -.5s;
                animation-delay: -.5s
            }

@-webkit-keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

@-webkit-keyframes moveLeftBounces {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px)
    }

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

@keyframes moveLeftBounces {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px)
    }

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

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

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

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

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

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

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

@-webkit-keyframes moVEbounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

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

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

@keyframes moVEbounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

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

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

@-webkit-keyframes moVebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

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

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

@keyframes moVebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

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

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

@-webkit-keyframes Movebounce {
    0% {
        -webkit-transform: translateY(0px) rotate(-90deg);
        transform: translateY(0px) rotate(-90deg)
    }

    50% {
        -webkit-transform: translateY(20px) rotate(-90deg);
        transform: translateY(20px) rotate(-90deg)
    }

    100% {
        -webkit-transform: translateY(0px) rotate(-90deg);
        transform: translateY(0px) rotate(-90deg)
    }
}

@keyframes Movebounce {
    0% {
        -webkit-transform: translateY(0px) rotate(-90deg);
        transform: translateY(0px) rotate(-90deg)
    }

    50% {
        -webkit-transform: translateY(20px) rotate(-90deg);
        transform: translateY(20px) rotate(-90deg)
    }

    100% {
        -webkit-transform: translateY(0px) rotate(-90deg);
        transform: translateY(0px) rotate(-90deg)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
        transform: translate(0px,0px) rotate(0deg)
    }

    80% {
        -webkit-transform: translate(-300px,0px) rotate(360deg);
        transform: translate(-300px,0px) rotate(360deg)
    }

    100% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
        transform: translate(0px,0px) rotate(0deg)
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
        transform: translate(0px,0px) rotate(0deg)
    }

    80% {
        -webkit-transform: translate(-300px,0px) rotate(360deg);
        transform: translate(-300px,0px) rotate(360deg)
    }

    100% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
        transform: translate(0px,0px) rotate(0deg)
    }
}

@-webkit-keyframes focus-one {
    0% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes focus-one {
    0% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.nice-select .option {
    display: block
}

    .nice-select .option:hover {
        background-color: #00a7f5;
        color: #fff
    }

    .nice-select .option.selected.focus {
        background-color: #53a537;
        color: #00a7f5
    }

.nice-select .list {
    width: 100%
}

.wohust-nav-style .navbar-area .main-nav {
    position: unset;
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 00px
}

    .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a {
        font-weight: 700;
        font-size: 16px;
        color: #0c0c0c;
        text-transform: uppercase;
        -webkit-transition: all .5s;
        transition: all .5s;
        margin-left: 0;
        margin-right: 30px
    }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a i {
            font-size: 25px;
            line-height: 0;
            position: relative;
            top: 6px;
            -webkit-transition: all .5s;
            transition: all .5s;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
            color: #53a537
        }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active i {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active::before {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

    .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {
        color: #53a537
    }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a i {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

    .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {
        background-color: #fff;
        border: none;
        padding: 0
    }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu::before {
            position: absolute;
            width: 0;
            height: 0;
            content: "";
            border-top: 0;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff;
            border-left: 8px solid transparent;
            top: -8px;
            left: 20px
        }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
            font-size: 14px;
            color: #53a537;
            position: relative;
            padding: 6px 15px;
            border-bottom: 1px dashed #eee;
            margin-left: 0;
            margin-right: 0
        }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
                content: "";
                position: absolute;
                bottom: -1px;
                left: 0;
                width: 0;
                height: 1px;
                background-color: #00a7f5;
                -webkit-transition: all .5s;
                transition: all .5s
            }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
                color: #00a7f5
            }

                .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {
                    width: 100%
                }

                .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i {
                    opacity: 1;
                    margin-left: 145px
                }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
                color: #00a7f5
            }

                .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                float: right;
                position: relative;
                top: 13px
            }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a i {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            color: #00a7f5
        }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li.active a i {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
            left: 100%
        }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu::before {
                position: absolute;
                width: 0;
                height: 0;
                content: "";
                border-top: 0;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #fff;
                border-left: 8px solid transparent;
                top: 35px;
                left: -11px;
                -webkit-transform: rotate(-86deg);
                transform: rotate(-86deg)
            }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {
            border-bottom: none
        }

            .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a::before {
                display: none
            }

        .wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
            top: 0 !important;
            border-radius: 0 4px 4px 0
        }

.wohust-nav-style .navbar-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background-color: #ffff;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);
    box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100% !important
}

.wohust-nav-style .dropdown-toggle::after {
    display: none
}

.wohust-nav-style .others-option .default-btn {
    padding: 15px 35px
}

    .wohust-nav-style .others-option .default-btn i {
        position: relative;
        top: 1px;
        margin-left: 5px
    }

.wohust-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
    color: #fff
}

.wohust-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item a:hover {
    color: #fff
}

.wohust-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {
    color: #fff
}

.wohust-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
    color: #53a537
}

    .wohust-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
        color: #00a7f5
    }

    .wohust-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
        color: #00a7f5
    }

.main-banner-area {
    background-color: #021133;
    height: 900px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .main-banner-area .banner-text {
        max-width: 635px;
        margin-left: auto
    }

        .main-banner-area .banner-text h1 {
            color: #fff;
            font-size: 70px;
            margin-bottom: 32px
        }

        .main-banner-area .banner-text p {
            color: #fff;
            font-size: 21px;
            margin-bottom: 40px;
            text-transform: capitalize
        }

        .main-banner-area .banner-text .banner-btn .default-btn {
            margin-right: 15px
        }

    .main-banner-area .banner-main-img {
        display: none
    }

    .main-banner-area .white-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .main-banner-area .shape-line-one img {
        position: absolute;
        z-index: -1
    }

        .main-banner-area .shape-line-one img:nth-child(1) {
            top: -50px;
            left: 30px;
            -webkit-animation: moVebounce 5s linear infinite;
            animation: moVebounce 5s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(2) {
            top: -50px;
            left: 100px;
            -webkit-animation: moVebounce 6s linear infinite;
            animation: moVebounce 6s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(3) {
            top: -50px;
            left: 200px;
            -webkit-animation: moVebounce 7s linear infinite;
            animation: moVebounce 7s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(4) {
            top: -50px;
            left: 300px;
            -webkit-animation: moVebounce 8s linear infinite;
            animation: moVebounce 8s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(5) {
            top: -50px;
            left: 400px;
            -webkit-animation: moVebounce 9s linear infinite;
            animation: moVebounce 9s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(6) {
            top: -50px;
            left: 500px;
            -webkit-animation: moVebounce 10s linear infinite;
            animation: moVebounce 10s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(7) {
            top: -50px;
            left: 600px;
            -webkit-animation: moVebounce 11s linear infinite;
            animation: moVebounce 11s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(8) {
            top: -50px;
            left: 700px;
            -webkit-animation: moVebounce 12s linear infinite;
            animation: moVebounce 12s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(9) {
            top: -50px;
            left: 800px;
            -webkit-animation: moVebounce 13s linear infinite;
            animation: moVebounce 13s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(10) {
            top: -50px;
            left: 900px;
            -webkit-animation: moVebounce 14s linear infinite;
            animation: moVebounce 14s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(11) {
            top: -50px;
            left: 1000px;
            -webkit-animation: moVebounce 15s linear infinite;
            animation: moVebounce 15s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(12) {
            top: -50px;
            left: 1100px;
            -webkit-animation: moVebounce 16s linear infinite;
            animation: moVebounce 16s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(13) {
            top: -50px;
            left: 1200px;
            -webkit-animation: moVebounce 17s linear infinite;
            animation: moVebounce 17s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(14) {
            top: -50px;
            left: 1300px;
            -webkit-animation: moVebounce 18s linear infinite;
            animation: moVebounce 18s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(15) {
            top: -50px;
            left: 1400px;
            -webkit-animation: moVebounce 19s linear infinite;
            animation: moVebounce 19s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(16) {
            top: -50px;
            left: 1500px;
            -webkit-animation: moVebounce 20s linear infinite;
            animation: moVebounce 20s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(17) {
            top: -50px;
            left: 1600px;
            -webkit-animation: moVebounce 21s linear infinite;
            animation: moVebounce 21s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(18) {
            top: -50px;
            left: 1700px;
            -webkit-animation: moVebounce 16s linear infinite;
            animation: moVebounce 16s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(19) {
            top: -50px;
            left: 1800px;
            -webkit-animation: moVebounce 15s linear infinite;
            animation: moVebounce 15s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(20) {
            top: -50px;
            left: 1900px;
            -webkit-animation: moVebounce 14s linear infinite;
            animation: moVebounce 14s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(21) {
            top: -50px;
            left: 2000px;
            -webkit-animation: moVebounce 13s linear infinite;
            animation: moVebounce 13s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(22) {
            top: -50px;
            left: 2100px;
            -webkit-animation: moVebounce 12s linear infinite;
            animation: moVebounce 12s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(23) {
            top: -50px;
            left: 2200px;
            -webkit-animation: moVebounce 11s linear infinite;
            animation: moVebounce 11s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(24) {
            top: -50px;
            left: 2300px;
            -webkit-animation: moVebounce 10s linear infinite;
            animation: moVebounce 10s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(25) {
            top: -50px;
            left: 2400px;
            -webkit-animation: moVebounce 9s linear infinite;
            animation: moVebounce 9s linear infinite
        }

        .main-banner-area .shape-line-one img:nth-child(26) {
            top: 50px;
            left: 0;
            -webkit-animation: moVebounce 8s linear infinite;
            animation: moVebounce 8s linear infinite;
            -webkit-animation: focus-one 1s linear 1s infinite;
            animation: focus-one 1s linear 1s infinite
        }

        .main-banner-area .shape-line-one img:nth-child(27) {
            bottom: 0;
            left: 0;
            -webkit-animation: moVebounce 7s linear infinite;
            animation: moVebounce 7s linear infinite;
            -webkit-animation: focus-one 2s linear 2s infinite;
            animation: focus-one 2s linear 2s infinite
        }

        .main-banner-area .shape-line-one img:nth-child(28) {
            top: 50px;
            right: 0;
            -webkit-animation: moVebounce 6s linear infinite;
            animation: moVebounce 6s linear infinite;
            -webkit-animation: focus-one 3s linear 3s infinite;
            animation: focus-one 3s linear 3s infinite
        }

        .main-banner-area .shape-line-one img:nth-child(29) {
            bottom: 0;
            right: 0;
            -webkit-animation: moVebounce 5s linear infinite;
            animation: moVebounce 5s linear infinite;
            -webkit-animation: focus-one 4s linear 4s infinite;
            animation: focus-one 4s linear 4s infinite
        }

    .main-banner-area.main-banner-area-one .banner-text {
        margin-top: -50px
    }

    .main-banner-area.main-banner-area-one .banner-img {
        position: relative;
        z-index: 1;
        top: -50px
    }

        .main-banner-area.main-banner-area-one .banner-img img {
            position: absolute
        }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(1) {
                top: -100px;
                right: 0;
                left: 0;
                margin: auto
            }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(2) {
                top: -45px;
                right: 0;
                left: 0;
                margin: auto
            }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(3) {
                top: -100px;
                left: -20px;
                right: 0;
                margin: auto;
                -webkit-animation: moVebounce 5s linear infinite;
                animation: moVebounce 5s linear infinite
            }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(4) {
                top: -85px;
                left: -15px;
                right: 0;
                margin: auto
            }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(5) {
                top: 50px;
                right: 0
            }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(6) {
                top: 210px;
                right: 75px
            }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(7) {
                top: 200px;
                left: 45px
            }

            .main-banner-area.main-banner-area-one .banner-img img:nth-child(8) {
                top: 90px;
                left: -10px
            }

.search-domain {
    position: relative
}

    .search-domain .domain-wrap {
        position: relative
    }

        .search-domain .domain-wrap .input-domain {
            height: 70px;
            padding: 10px 20px;
            width: 100%;
            border-radius: 50px;
            border: none
        }

            .search-domain .domain-wrap .input-domain:focus {
                outline: 0
            }

        .search-domain .domain-wrap .default-btn {
            position: absolute;
            top: 6px;
            right: 6px
        }

        .search-domain .domain-wrap .select-domain-name {
            position: absolute;
            top: 16px;
            right: 140px;
            border: none
        }

.single-technology {
    text-align: center;
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 30px
}

    .single-technology::before {
        content: "";
        position: absolute;
        top: 0;
        left: 445px;
        width: 100%;
        height: 100%;
        background-image: url(../img/shape/card-bg.png);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        opacity: .1;
        z-index: -1;
        -webkit-transition: all 1s;
        transition: all 1s
    }

    .single-technology .technology-icon-bg {
        position: relative;
        display: inline-block;
        margin-bottom: 20px
    }

        .single-technology .technology-icon-bg i {
            position: absolute;
            top: 0;
            left: 0;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 100%;
            font-size: 40px;
            color: #00a7f5
        }

    .single-technology h3 {
        margin-bottom: 16px
    }

    .single-technology:hover::before {
        left: 0;
        border-radius: 50%;
        -webkit-animation: rotation 100s infinite linear;
        animation: rotation 100s infinite linear
    }

    .single-technology:hover .read-more {
        color: #00a7f5
    }

        .single-technology:hover .read-more i {
            color: #fff;
            background-color: #53a537;
            border-color: #53a537;
        }

.technology-wrap .single-technology {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-box-shadow: 0 0 9px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 9px 3px rgba(0,0,0,.05);
    padding: 20px
}

.technology-wrap.owl-theme .owl-nav {
    margin-top: 0 !important;
    margin-top: 0 !important;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .technology-wrap.owl-theme .owl-nav .owl-prev {
        margin: 0 !important;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }

        .technology-wrap.owl-theme .owl-nav .owl-prev i {
            background-color: #00a7f5;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 30px
        }

    .technology-wrap.owl-theme .owl-nav .owl-next {
        margin: 0 !important;
        margin: 0 !important;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }

        .technology-wrap.owl-theme .owl-nav .owl-next i {
            background-color: #00a7f5;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 30px
        }

    .technology-wrap.owl-theme .owl-nav [class*=owl-] {
        background-color: transparent
    }

.technology-wrap:hover.owl-theme .owl-nav {
    opacity: 1
}

.customer-title h2 {
    font-size: 40px;
    margin-bottom: 25px
}

.customer-title p {
    margin-bottom: 25px
}

.support-list li {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #53a537;
    position: relative;
    padding-left: 25px
}

    .support-list li::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        width: 11px;
        height: 11px;
        background-color: #53a537
    }

    .support-list li::after {
        content: "";
        position: absolute;
        top: 11px;
        left: 3px;
        width: 11px;
        height: 11px;
        background-color: #53a537;
        z-index: -1;
        opacity: .5
    }

.solutions-wrap .solutions-title h2 {
    font-size: 40px;
    margin-top: -9px;
    margin-bottom: 15px
}

.solutions-wrap .solutions-list {
    margin-top: 23px
}

    .solutions-wrap .solutions-list li {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 8px;
        color: #53a537;
        position: relative;
        padding-left: 30px
    }

        .solutions-wrap .solutions-list li:last-child {
            margin-bottom: 0
        }

        .solutions-wrap .solutions-list li i {
            font-size: 10px;
            background-color: #daf6fd;
            width: 20px;
            height: 20px;
            display: inline-block;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;
            color: #00a7f5;
            position: absolute;
            left: 0;
            top: 5px
        }

.solutions-wrap .default-btn {
    margin-top: 30px
}

.hosting-solution-area {
  /*  background-image: -webkit-gradient(linear,left top,right bottom,from(#a91f1e),to(#d3222a));
    background-image: linear-gradient(to bottom right,#04063c,#1c537b);*/
    background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
    position: relative;
    overflow: hidden
}

.ptb-70 {
/*    padding-top: 70px;
*/    padding-bottom: 30px;
}

.single-technology2 {
    text-align: center;
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 30px;
    height: 300px;
}

    .single-technology2 .technology-icon-bg i {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 150px;
        font-size: 40px;
        color: #00a7f5;
    }

.hosting-solution-area .shape-one {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 400px;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}

.hosting-solution-area .shape-two {
    position: absolute;
    top: 50px;
    right: 0;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}

.hosting-solution-wrap {
    text-align: center;
    max-width: 920px;
    margin: auto
}

    .hosting-solution-wrap h2 {
        font-size: 37px;
        /* margin-bottom: 30px; */
        color: #000;
        /* margin-top: -9px; */
        margin: 22px;
    }

    .hosting-solution-wrap p {
        color: #fff;
        margin-bottom: 30px
    }

    .hosting-solution-wrap .default-btn {
        margin: 0 10px
    }

.single-pricing {
    text-align: center;
    background-image: -webkit-gradient(linear,left top,right top,from(#88a0f8),to(#c099f6));
    padding: 19px 0px 18px 0px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px
}

    .single-pricing::before {
        content: "";
        position: absolute;
        top: 30px;
        left: 2px;
        width: 98%;
        height: 100%;
        background-image: url(../img/shape/price-shape.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
        right: 0;
        z-index: -1;
        display: none
    }

    .single-pricing::after {
        content: "";
        position: absolute;
        top: 0;
        left: 450px;
        width: 100%;
        height: 100%;
        background-image: url(../img/shape/card-bg.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        right: 0;
        z-index: -1;
        opacity: .1;
        -webkit-transition: all 1s;
        transition: all 1s
    }

    .single-pricing .pricing-top-heading {
        margin-bottom: 20px;
        position: relative;
        z-index: 1
    }

        .single-pricing .pricing-top-heading h3 {
            font-size: 25px;
            color: #fff
        }

        .single-pricing .pricing-top-heading p {
            font-weight: 600;
            font-size: 14px;
            color: #fff
        }

        .single-pricing .pricing-top-heading::before {
            content: "";
            position: absolute;
            top: -45px;
            right: -45px;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: #fff;
            z-index: -1;
            -webkit-transition: all .5s;
            transition: all .5s;
            opacity: .1
        }

        .single-pricing .pricing-top-heading::after {
            content: "";
            position: absolute;
            top: -45px;
            right: -45px;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background-color: #fff;
            z-index: -1;
            -webkit-transition: all .5s;
            transition: all .5s;
            opacity: .2
        }

    .single-pricing span {
        font-size: 30px;
        font-family: dosis,sans-serif;
        color: #53a537;
        font-weight: 700;
        display: block;
        line-height: 1;
        margin-bottom: 30px;
        color: #fff
    }

        .single-pricing span sub {
            font-size: 14px;
            color: #fff
        }

    .single-pricing ul {
        text-align: left;
        max-width: 250px;
        margin: 0 20px 30px;
    }

sub {
    bottom: 0px;
}

.single-pricing ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
    font-weight: 600;
    color: #fff;
    font-size: 17px;
}

            .single-pricing ul li:last-child {
                margin-bottom: 0
            }

            .single-pricing ul li i {
                font-size: 8px;
                display: inline-block;
                width: 16px;
                height: 16px;
                background-color: #daf6fd;
                text-align: center;
                line-height: 15px;
                border-radius: 50%;
                position: absolute;
                top: 5px;
                left: 0;
                color: #00a7f5
            }

    .single-pricing .default-btn {
        padding: 15px 35px
    }

    .single-pricing:hover::after {
        left: 0
    }

    .single-pricing:hover .pricing-top-heading::before {
        -webkit-animation: animationFramesOne 20s infinite linear;
        animation: animationFramesOne 20s infinite linear
    }

    .single-pricing:hover .pricing-top-heading::after {
        -webkit-animation: animationFramesOne 10s infinite linear;
        animation: animationFramesOne 10s infinite linear
    }

.pricing-area .col-lg-4 {
    position: relative
}

    .pricing-area .col-lg-4:nth-child(2) .single-pricing {
 background-image: -webkit-gradient(linear,left top,right top,from(#b6246e),to(#e2a9c7));
        background-image: linear-gradient(to right,#b6246e,#e2a9c7)
    }

    .pricing-area .col-lg-4:nth-child(3) .single-pricing {
     background-image: -webkit-gradient(linear,left top,right top,from(#6eb9fd),to(#9cd0ff));
        background-image: linear-gradient(to right,#6eb9fd,#9cd0ff)
    }
    .pricing-area .col-lg-4:nth-child(4) .single-pricing {
        background-image: -webkit-gradient(linear,left top,right top,from(#b6246e),to(#e2a9c7));
        background-image: linear-gradient(to right,#b6246e,#e2a9c7)
    }

    .pricing-area .col-lg-4:nth-child(5) .single-pricing {
        background-image: -webkit-gradient(linear,left top,right top,from(#6eb9fd),to(#9cd0ff));
        background-image: linear-gradient(to right,#6eb9fd,#9cd0ff)
    }

    .pricing-area .col-lg-4 .popular {
        position: absolute;
        top: 0px;
        left: 7px;
        z-index: 1;
        color: #fff;
        text-transform: uppercase;
        -webkit-transform: rotate( -90deg);
        transform: rotate( -90deg);
        background-color: #00a7f5;
        padding: 13px;
        -webkit-clip-path: polygon(40% 0%,40% 20%,100% 20%,100% 80%,40% 80%,40% 100%,0% 50%);
        clip-path: polygon(40% 0%,40% 20%,100% 20%,100% 80%,40% 80%,40% 100%,0% 50%);
        -webkit-animation: Movebounce 5s linear infinite;
        animation: Movebounce 5s linear infinite
    }

.server-content-wrap h2 {
    font-size: 40px;
    margin-top: -9px;
    margin-bottom: 25px
}

.server-content-wrap ul li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px
}

    .server-content-wrap ul li:last-child {
        margin-bottom: 0
    }

    .server-content-wrap ul li span {
        font-size: 24px;
        font-weight: 700;
        font-family: dosis,sans-serif;
        color: #53a537;
        margin-bottom: 5px;
        display: block
    }

    .server-content-wrap ul li i {
        font-size: 50px;
        position: absolute;
        top: 10px;
        left: 0;
        line-height: 1;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#0eadd3),to(#9b32fe));
        background-image: linear-gradient(to bottom,#0eadd3,#9b32fe);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .server-content-wrap ul li::before {
        content: "";
        position: absolute;
        top: 30px;
        left: -7px;
        width: 40px;
        height: 40px;
        background-color: #00a7f5;
        border-radius: 50%;
        opacity: .1
    }

.server-img {
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}

.location-area {
    background-color: #04063c;
    text-align: center
}

    .location-area .section-title h2 {
        color: #fff
    }

    .location-area .section-title p {
        color: #fff
    }

    .location-area .by-domain li {
        display: inline-block;
        color: #fff;
        padding: 0 10px
    }

        .location-area .by-domain li span {
            color: #969696;
            font-weight: 600;
            display: inline-block;
            margin-right: 5px
        }

.map-img {
    position: relative;
    max-width: 600px;
    margin: 0 auto 30px
}

    .map-img .single-location {
        position: absolute;
        top: 75px;
        left: 60px;
        cursor: pointer
    }

        .map-img .single-location.video-btn {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px
        }

            .map-img .single-location.video-btn i {
                font-size: 20px;
                top: 4px;
                left: -1px;
                -webkit-transition: all .5s;
                transition: all .5s;
                position: relative
            }

        .map-img .single-location span {
            font-weight: 600;
            opacity: 0;
            -webkit-transition: all .5s;
            transition: all .5s;
            position: relative;
            left: -15px;
            top: 20px;
            background-color: #fff;
            padding: 10px;
            color: #53a537;
            border-radius: 4px
        }

        .map-img .single-location.location-two {
            left: 300px;
            top: 35px
        }

        .map-img .single-location.location-three {
            left: 300px;
            top: 200px
        }

        .map-img .single-location.location-four {
            left: 450px;
            top: 100px
        }

        .map-img .single-location.location-five {
            left: 520px;
            top: 300px
        }

        .map-img .single-location.location-six {
            left: 130px;
            top: 250px
        }

        .map-img .single-location:hover span {
            opacity: 1
        }

.frequently-content-wrap ul li {
    position: relative;
    padding-left: 105px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .frequently-content-wrap ul li i {
        font-size: 35px;
        color: #fff;
        position: absolute;
        top: 28px;
        left: 20px;
        line-height: 70px;
        background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
        border-radius: 70% 30% 30% 70%/60% 40% 60% 40%;
        width: 70px;
        height: 70px;
        text-align: center;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .frequently-content-wrap ul li:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

        .frequently-content-wrap ul li:hover i {
            border-radius: 50%
        }

.frequently-img {
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}

.frequently-content-wrap ul li:last-child {
    margin-bottom: 0
}

.client-area {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#497595),to(#363863));
    background-image: linear-gradient(to bottom right,#497595,#363863);
    position: relative;
    overflow: hidden
}

    .client-area .section-title h2 {
        color: #fff
    }

    .client-area .section-title p {
        color: #fff
    }

    .client-area .owl-carousel .owl-item img {
        width: unset;
        margin: auto
    }

    .client-area .owl-theme .owl-dots {
        line-height: 1
    }

        .client-area .owl-theme .owl-dots .owl-dot span {
            width: 15px;
            height: 6px;
            margin: 0 5px;
            background: #d6d6d6;
            border-radius: 0 !important;
            -webkit-transition: all .5s;
            transition: all .5s
        }

        .client-area .owl-theme .owl-dots .owl-dot.active span {
            width: 20px;
            background-color: #00a7f5
        }

        .client-area .owl-theme .owl-dots .owl-dot:hover span {
            background-color: #00a7f5
        }

    .client-area .shape-ome {
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-animation: movebounce 5s linear infinite;
        animation: movebounce 5s linear infinite
    }

.single-client {
    background-color: #fff;
    text-align: center;
    padding: 0 30px 30px;
    border-radius: 4px;
    -webkit-box-shadow: -9px 9px 0 0 #eee;
    box-shadow: -9px 9px 0 0 #eee;
    margin-bottom: 30px;
    margin-top: 30px
}

    .single-client img {
        border-radius: 50%;
        margin-bottom: -30px !important;
        position: relative;
        top: -30px;
        width: unset
    }

    .single-client h3 {
        margin-top: 20px;
        margin-bottom: 5px
    }

    .single-client span {
        margin-bottom: 10px;
        display: block;
        font-weight: 600
    }

    .single-client ul {
        line-height: 1
    }

        .single-client ul li {
            display: inline-block
        }

            .single-client ul li i {
                color: #53a537;
                font-size: 20px
            }

.single-client-area .single-client {
    margin-bottom: 30px
}

.single-blog {
    background-color: #d2ecfe;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 30px
}

    .single-blog img {
        text-align: center
    }

    .single-blog .blog-content-wrap {
        text-align: left;
        -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        background-color: #fff;
        padding: 30px
    }

        .single-blog .blog-content-wrap ul {
            margin-bottom: 15px;
            line-height: 1
        }

            .single-blog .blog-content-wrap ul li {
                display: inline-block;
                font-size: 13px;
                padding-right: 10px
            }

                .single-blog .blog-content-wrap ul li:last-child {
                    padding-right: 0
                }

                .single-blog .blog-content-wrap ul li i {
                    font-size: 12px;
                    display: inline-block;
                    margin-right: 5px
                }

                .single-blog .blog-content-wrap ul li a {
                    color: #4d4d4d
                }

                    .single-blog .blog-content-wrap ul li a:hover {
                        color: #00a7f5
                    }

        .single-blog .blog-content-wrap h3 {
            margin-bottom: 14px;
            font-size: 23px
        }

            .single-blog .blog-content-wrap h3 a {
                color: #53a537
            }

    .single-blog:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

        .single-blog:hover .blog-content-wrap h3 a {
            color: #00a7f5
        }

        .single-blog:hover .read-more {
            color: #00a7f5
        }

            .single-blog:hover .read-more i {
                background-color: #00a7f5;
                border-color: #00a7f5;
                color: #fff
            }

.footer-top-area {
    /*background-image: -webkit-gradient(linear,left top,right bottom,from(#04183c),to(#00031e));
    background-image: linear-gradient(to bottom right,#04183c,#00031e)*/
    background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
}

.single-widget {
    margin-bottom: 30px
}

    .single-widget img {
        margin-bottom: 30px
    }

    .single-widget p {
        color: #000000;
        margin-bottom: 30px
    }

    .single-widget h3 {
        color: #fff;
        margin-bottom: 25px;
        font-size: 25px
    }

    .single-widget ul li {
        margin-bottom: 8px
    }

        .single-widget ul li:last-child {
            margin-bottom: 0
        }

        .single-widget ul li a {
            color: #000000
        }

            .single-widget ul li a:hover {
                color: #bb2123;
                -webkit-transform: translateX(5px);
                transform: translateX(5px)
            }

    .single-widget .social-icon {
        line-height: 1
    }

        .single-widget .social-icon li {
            display: inline-block;
            margin-right: 5px;
            margin-bottom: 0
        }

            .single-widget .social-icon li a {
                width: 25px;
                height: 25px;
                line-height: 25px;
                border: 1px solid #d9d6d6;
                color: #000000;
                border-radius: 50%;
                text-align: center
            }

                .single-widget .social-icon li a:hover {
                    background-color: #00a7f5;
                    border-color: #00a7f5;
                    color: #fff;
                    -webkit-transform: translateX(0px);
                    transform: translateX(0px)
                }

.footer-bottom-area {
    background-color: #00051e;
    padding: 15px 0
}

    .footer-bottom-area .copy-right {
        color: #d9d6d6
    }

    .footer-bottom-area .copy-right p{
        font-family: Arial;
    }

        .footer-bottom-area .copy-right i {
            position: relative;
            top: 1px
        }

        .footer-bottom-area .copy-right a {
            color: #d9d6d6
        }

            .footer-bottom-area .copy-right a:hover {
                color: #fff;
            }

    .footer-bottom-area .designed {
        text-align: right;
        color: #d9d6d6
    }

        .footer-bottom-area .designed i {
            position: relative;
            top: 2px;
            color: #00a7f5;
            -webkit-animation: heartBeat 1000ms infinite linear;
            animation: heartBeat 1000ms infinite linear
        }

        .footer-bottom-area .designed a {
            color: #00a7f5
        }

    .footer-bottom-area .privacy {
        text-align: center
    }

        .footer-bottom-area .privacy ul li {
            display: inline-block;
            padding-right: 15px
        }

            .footer-bottom-area .privacy ul li a {
                color: #d9d6d6;
                position: relative
            }

                .footer-bottom-area .privacy ul li a::before {
                    content: "";
                    position: absolute;
                    top: 13px;
                    left: -14px;
                    width: 10px;
                    height: 2px;
                    background-color: #d9d6d6
                }

                .footer-bottom-area .privacy ul li a:hover {
                    color: #00a7f5
                }

            .footer-bottom-area .privacy ul li:first-child a::before {
                display: none
            }

.main-banner-area-two {
    background-color: transparent;
    background-image: url(../img/banner-two/banner-two-bg.jpg);
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

    .main-banner-area-two .banner-text {
        margin-top: 60px
    }

    .main-banner-area-two .banner-img {
        position: relative;
        z-index: 1;
        top: 0
    }

        .main-banner-area-two .banner-img img {
            position: absolute
        }

            .main-banner-area-two .banner-img img:nth-child(1) {
                top: 35px;
                right: 0;
                left: 0;
                margin: auto
            }

            .main-banner-area-two .banner-img img:nth-child(2) {
                top: 55px;
                left: -45px
            }

            .main-banner-area-two .banner-img img:nth-child(3) {
                top: 190px;
                left: 150px
            }

            .main-banner-area-two .banner-img img:nth-child(4) {
                top: 250px;
                left: 350px
            }

            .main-banner-area-two .banner-img img:nth-child(5) {
                top: 130px;
                right: 10px
            }

            .main-banner-area-two .banner-img img:nth-child(6) {
                top: -30px;
                right: 45px
            }

            .main-banner-area-two .banner-img img:nth-child(7) {
                top: 0;
                z-index: -1;
                -webkit-animation: focus-one 4s linear 4s infinite;
                animation: focus-one 4s linear 4s infinite
            }

.search-domain-area {
    background-color: #efedf1
}

    .search-domain-area .search-text h2 {
        font-size: 40px
    }

    .search-domain-area ul {
        text-align: center;
        margin-top: 30px
    }

        .search-domain-area ul li {
            display: inline-block;
            color: #9b9b9b;
            font-size: 14px;
            font-weight: 600;
            padding: 0 15px
        }

            .search-domain-area ul li span {
                margin: 0 5px
            }

            .search-domain-area ul li:nth-child(1) span {
                color: #ff4b2b
            }

            .search-domain-area ul li:nth-child(2) span {
                color: #53a537
            }

            .search-domain-area ul li:nth-child(3) span {
                color: #1fa2e1
            }

            .search-domain-area ul li:nth-child(4) span {
                color: #d84126
            }

            .search-domain-area ul li:nth-child(5) span {
                color: #0371ec
            }

            .search-domain-area ul li:nth-child(6) span {
                color: #b86d60
            }

.services-area .single-technology {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .services-area .single-technology:hover {
        -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        background-color: #fff
    }

    .services-area .single-technology.active {
        -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        background-color: #fff
    }

        .services-area .single-technology.active::before {
            left: 0
        }

.choose-area {
    background-color: #12abd5
}

    .choose-area .choose-content-wrap h2 {
        font-size: 40px;
        margin-bottom: 15px;
        color: #fff
    }

    .choose-area .choose-content-wrap p {
        color: #fff;
        margin-bottom: 30px
    }

    .choose-area .choose-content-wrap ul li {
        position: relative;
        padding-left: 60px;
        margin-bottom: 20px
    }

        .choose-area .choose-content-wrap ul li:last-child {
            margin-bottom: 0
        }

        .choose-area .choose-content-wrap ul li span {
            font-size: 20px;
            font-weight: 700;
            font-family: dosis,sans-serif;
            color: #fff;
            margin-bottom: 5px;
            display: block
        }

        .choose-area .choose-content-wrap ul li i {
            font-size: 30px;
            position: absolute;
            top: 10px;
            left: 0;
            background-color: #fff;
            color: #53a537;
            font-weight: 700;
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            border-radius: 50%
        }

        .choose-area .choose-content-wrap ul li::before {
            content: "";
            position: absolute;
            top: 30px;
            left: -7px;
            width: 40px;
            height: 40px;
            background-color: #00a7f5;
            border-radius: 50%;
            opacity: .1
        }

.try-now-free {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    padding-top: 50px;
    padding-bottom: 50px
}

    .try-now-free .default-btn {
        float: right
    }

label {
    margin-bottom: 12px
}

.main-banner-area-three {
    background-color: #04063c;
    position: relative
}

    .main-banner-area-three .banner-text {
        margin-top: 140px
    }

    .main-banner-area-three .banner-img {
        text-align: center;
        display: block !important;
        position: relative
    }

        .main-banner-area-three .banner-img .banner-main-img {
            -webkit-animation: movebounce 5s linear infinite;
            animation: movebounce 5s linear infinite;
            display: inline-table
        }

        .main-banner-area-three .banner-img .banner-main-img-shape {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            left: 0;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-animation: rotation 100s infinite linear;
            animation: rotation 100s infinite linear;
            opacity: .4
        }

.single-team {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    z-index: 1;
    overflow: hidden
}

    .single-team .team-man {
        position: absolute;
        top: -21px;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: -1;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .single-team h3 {
        margin-top: 20px
    }

    .single-team span {
        margin-bottom: 10px;
        display: block
    }

    .single-team .social-icon li {
        display: inline-block;
        margin-right: 5px
    }

        .single-team .social-icon li a {
            width: 25px;
            height: 25px;
            line-height: 25px;
            border: 1px solid #53a537;
            color: #53a537;
            border-radius: 50%;
            text-align: center
        }

            .single-team .social-icon li a:hover {
                background-color: #00a7f5;
                border-color: #00a7f5;
                color: #fff
            }

    .single-team:hover .team-man {
        -webkit-animation: movebounce 5s linear infinite;
        animation: movebounce 5s linear infinite
    }

.contact-area {
    background-color: #0a0d39
}

    .contact-area .section-title h2 {
        color: #fff
    }

    .contact-area .section-title p {
        color: #fff
    }

    .contact-area label {
        color: #fff
    }

    .contact-area .form-control {
        color: #fff;
        background-color: #1e2258;
        border-color: #1e2258;
        border-radius: 4px
    }

        .contact-area .form-control::-webkit-input-placeholder {
            color: #cac4c4 !important
        }

        .contact-area .form-control:-ms-input-placeholder {
            color: #cac4c4 !important
        }

        .contact-area .form-control::-ms-input-placeholder {
            color: #cac4c4 !important
        }

        .contact-area .form-control::placeholder {
            color: #cac4c4 !important
        }

        .contact-area .form-control:focus {
            background-color: transparent
        }

    .contact-area .form-group {
        margin-bottom: 30px
    }

    .contact-area #msgSubmit {
        text-align: left !important
    }

.list-unstyled {
    color: #dc3545 !important;
    margin-top: 10px
}

#msgSubmit {
    text-align: center;
    bottom: 3px;
    right: 0;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 18px
}

.hidden {
    display: none
}

.text-danger {
    color: #dc3545 !important
}

.text-success {
    color: #28a745 !important
}

.map iframe {
    border: none;
    width: 100%;
    height: 456px
}

.main-banner-area-four .banner-text {
    margin-top: -120px
}

.main-banner-area-four .banner-img {
    position: relative;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    top: -50px
}

    .main-banner-area-four .banner-img .banner-img-part-one {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.search-domain-area-four {
    background-color: #efedf1;
    max-width: 1000px;
    margin: auto;
    padding: 50px;
    margin-top: -110px;
    border-radius: 4px;
    position: relative;
    z-index: 1
}

    .search-domain-area-four ul li {
        padding: 0 10px
    }

.single-hosting-service {
    position: relative;
    text-align: center;
    padding-bottom: 15px;
    background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
    border-radius: 100%;
    padding-top: 15px;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
}

    .single-hosting-service::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        /*background-color: #00a7f5;*/
        z-index: -1;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .single-hosting-service i {
        position: absolute;
        top: 34px;
        left: 30px;
        font-size: 30px;
        color: #fff;
        background-color: #53a537;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 50%;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .single-hosting-service h3 {
        -webkit-transition: all .5s;
        transition: all .5s;
        margin-bottom: 10px
    }

    .single-hosting-service p {
        -webkit-transition: all .5s;
        transition: all .5s;
        margin-bottom: -3px
    }

    .single-hosting-service:hover {
        border-color: #00a7f5
    }

        .single-hosting-service:hover::before {
            width: 100%
        }

        .single-hosting-service:hover i {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            background-color: #fff;
            color: #00a7f5
        }

        .single-hosting-service:hover h3 {
            color: #fff
        }

        .single-hosting-service:hover p {
            color: #fff
        }

.hosting-list li {
    margin-bottom: 10px
}

    .hosting-list li:last-child {
        margin-bottom: 0
    }

    .hosting-list li a {
        font-size: 20px;
        font-weight: 700;
        font-family: dosis,sans-serif;
        color: #53a537;
        background-color: #fff;
        -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        padding: 20px;
        display: block;
        text-align: center;
        position: relative;
        z-index: 1;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .hosting-list li a::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background-color: #00a7f5;
            z-index: -1;
            -webkit-transition: all .5s;
            transition: all .5s
        }

    .hosting-list li:hover a {
        color: #fff
    }

        .hosting-list li:hover a::before {
            width: 100%
        }

.shared-hosting-content h2 {
    font-size: 40px;
    margin-bottom: 20px
}

.shared-hosting-list {
    margin-top: 20px
}

    .shared-hosting-list li {
        font-size: 15px;
        font-weight: 600;
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px
    }

        .shared-hosting-list li:last-child {
            margin-bottom: 0
        }

        .shared-hosting-list li i {
            color: #00a7f5;
            position: absolute;
            top: 1px;
            left: 0
        }

.special-intro-offer-wrap {
    margin-top: 100px
}

    .special-intro-offer-wrap .special-intro-offer {
        text-align: center;
        background-color: #fff;
        padding: 30px;
        margin: auto;
        border-radius: 4px
    }

        .special-intro-offer-wrap .special-intro-offer h3 {
            margin-bottom: 20px
        }

        .special-intro-offer-wrap .special-intro-offer span {
            display: block;
            font-size: 50px;
            font-weight: 700;
            font-family: dosis,sans-serif;
            color: #00a7f5;
            line-height: 1;
            margin-bottom: 20px
        }

            .special-intro-offer-wrap .special-intro-offer span sub {
                font-size: 14px;
                color: #4d4d4d
            }

        .special-intro-offer-wrap .special-intro-offer p {
            margin-bottom: 20px
        }

    .special-intro-offer-wrap .special-intro-offer-list ul {
        float: unset !important
    }

        .special-intro-offer-wrap .special-intro-offer-list ul li {
            display: block !important;
            list-style: none;
            color: #fff !important;
            position: relative;
            font-weight: 600 !important;
            padding-left: 25px !important;
            margin-bottom: 10px
        }

            .special-intro-offer-wrap .special-intro-offer-list ul li:last-child {
                margin-bottom: 0
            }

            .special-intro-offer-wrap .special-intro-offer-list ul li:before {
                display: none
            }

            .special-intro-offer-wrap .special-intro-offer-list ul li i {
                position: absolute;
                top: 5px;
                left: 0;
                width: 16px;
                height: 16px;
                line-height: 16px;
                border-radius: 50%;
                background-color: #fff;
                color: #00a7f5;
                font-size: 10px;
                text-align: center
            }

.reseller-hosting-title {
    padding-bottom: 70px !important
}

.reseller-item {
    border: 1px dashed #fff;
    padding: 30px;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 30px
}

    .reseller-item i {
        color: #00a7f5;
        font-size: 25px;
        line-height: 1;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
        margin-bottom: 15px;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .reseller-item h3 {
        color: #fff;
        margin-bottom: 14px;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .reseller-item p {
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .reseller-item:hover {
        background-color: #00a7f5
    }

.client-area-four {
    position: relative
}

    .client-area-four::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background-color: #fff
    }

    .client-area-four .single-client {
        -webkit-box-shadow: 0 0 9px 3px rgba(0,0,0,.05);
        box-shadow: 0 0 9px 3px rgba(0,0,0,.05);
        margin-right: 10px;
        margin-left: 10px
    }

.brand-area {
    margin-top: -30px
}

.single-brand {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    padding: 20px 30px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 9px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 9px 3px rgba(0,0,0,.05);
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .single-brand img {
        height: 125px;
        margin: auto
    }

    .single-brand:hover {
        background-color: #53a537
    }

.main-slider-area {
    height: 100vh
}

    .main-slider-area .banner-text {
        margin-top: 70px !important
    }

    .main-slider-area .owl-carousel .owl-item img {
        width: unset
    }

    .main-slider-area .main-slider-item {
        height: 100vh
    }

    .main-slider-area .owl-carousel .owl-stage-outer {
        overflow: none
    }

    .main-slider-area .owl-item.active .banner-img {
        top: 80px
    }

        .main-slider-area .owl-item.active .banner-img .animation-1 {
            -webkit-animation: 1s .1s fadeInDown both;
            animation: 1s .1s fadeInDown both
        }

        .main-slider-area .owl-item.active .banner-img .animation-2 {
            -webkit-animation: 2s .2s fadeInDown both;
            animation: 2s .2s fadeInDown both
        }

        .main-slider-area .owl-item.active .banner-img .animation-3 {
            -webkit-animation: 3s .3s fadeInDown both;
            animation: 3s .3s fadeInDown both
        }

        .main-slider-area .owl-item.active .banner-img .animation-4 {
            -webkit-animation: 4s .4s fadeInDown both;
            animation: 4s .4s fadeInDown both
        }

        .main-slider-area .owl-item.active .banner-img .animation-5 {
            -webkit-animation: 5s .5s fadeInDown both;
            animation: 5s .5s fadeInDown both
        }

        .main-slider-area .owl-item.active .banner-img .animation-6 {
            -webkit-animation: 5s .5s fadeInDown both;
            animation: 5s .5s fadeInDown both
        }

        .main-slider-area .owl-item.active .banner-img .animation-7 {
            -webkit-animation: 5s .5s fadeInDown both;
            animation: 5s .5s fadeInDown both
        }

        .main-slider-area .owl-item.active .banner-img .animation-8 {
            -webkit-animation: 5s .5s fadeInDown both;
            animation: 5s .5s fadeInDown both
        }

    .main-slider-area .banner-img img:nth-child(3) {
        top: -60px !important
    }

    .main-slider-area .owl-prev {
        position: absolute;
        top: 50%;
        left: -60px;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .main-slider-area .owl-prev i {
            font-size: 30px;
            background-color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            display: inline-block;
            color: #00a7f5;
            border-radius: 4px;
            -webkit-transition: all .5s;
            transition: all .5s
        }

        .main-slider-area .owl-prev:hover i {
            background-color: #00a7f5;
            color: #fff
        }

    .main-slider-area .owl-next {
        position: absolute;
        top: 50%;
        right: -60px;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .main-slider-area .owl-next i {
            font-size: 30px;
            background-color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            display: inline-block;
            color: #00a7f5;
            border-radius: 4px;
            -webkit-transition: all .5s;
            transition: all .5s
        }

        .main-slider-area .owl-next:hover i {
            background-color: #00a7f5;
            color: #fff
        }

    .main-slider-area:hover .owl-prev {
        left: 0
    }

    .main-slider-area:hover .owl-next {
        right: 0
    }

.page-title-area {
    position: relative;
    z-index: 1;
    padding-top: 200px;
    padding-bottom: 150px;
    background-color: #00051e;
    overflow: hidden
}

    .page-title-area::before {
        content: '';
        position: absolute;
        left: 0;
        top: 100px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../img/page-bg.png);
        -webkit-animation: moVEbounce 10s linear infinite;
        animation: moVEbounce 10s linear infinite
    }

    .page-title-area .page-title-content h2 {
        margin-bottom: 0;
        color: #fff;
        font-size: 40px;
        font-weight: 700
    }

    .page-title-area .page-title-content ul {
        padding-left: 0;
        list-style-type: none;
        margin-top: 10px;
        margin-bottom: 0;
        float: right
    }

        .page-title-area .page-title-content ul li {
            display: inline-block;
            position: relative;
            font-size: 15px;
            font-weight: 500;
            padding-left: 20px;
            color: #53a537;
            text-transform:uppercase
        }

            .page-title-area .page-title-content ul li::before {
                content: "";
                position: absolute;
                top: 12px;
                right: -15px;
                background-color: #53a537;
                width: 5px;
                height: 5px;
                border-radius: 50%
            }

            .page-title-area .page-title-content ul li:last-child::before {
                display: none
            }

            .page-title-area .page-title-content ul li a {
                color: #fff
            }

                .page-title-area .page-title-content ul li a:hover {
                    color: #53a537
                }

.faq-area .faq-accordion .accordion {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

    .faq-area .faq-accordion .accordion .accordion-item {
        display: block;
        -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
        box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
        background: #fff
    }

        .faq-area .faq-accordion .accordion .accordion-item:last-child {
            margin-bottom: 0
        }

    .faq-area .faq-accordion .accordion .accordion-title {
        padding: 12px 20px 12px 60px;
        color: #53a537;
        position: relative;
        border-bottom: 1px dashed #eee;
        margin-bottom: -1px;
        display: block;
        font-size: 18px
    }

        .faq-area .faq-accordion .accordion .accordion-title i {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            text-align: center;
            height: 100%;
            background: #faf5f5;
            color: #00a7f5;
            font-size: 14px;
            -webkit-transition: .5s;
            transition: .5s
        }

            .faq-area .faq-accordion .accordion .accordion-title i::before {
                position: absolute;
                left: 0;
                top: 50%;
                right: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

        .faq-area .faq-accordion .accordion .accordion-title span {
            position: absolute;
            top: 14px;
            left: 20px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            background-color: #00a7f5;
            color: #fff;
            text-align: center;
            border-radius: 50%
        }

        .faq-area .faq-accordion .accordion .accordion-title.active {
            border-bottom-color: #00a7f5
        }

            .faq-area .faq-accordion .accordion .accordion-title.active i {
                background-color: #00a7f5;
                color: #fff
            }

                .faq-area .faq-accordion .accordion .accordion-title.active i::before {
                    content: "\f063"
                }

    .faq-area .faq-accordion .accordion .accordion-content {
        display: none;
        position: relative;
        padding: 30px
    }

        .faq-area .faq-accordion .accordion .accordion-content.show {
            display: block
        }

.ask-question {
    background-color: #fff;
    -webkit-box-shadow: 0 0 29px 0 rgba(102,102,102,.08);
    box-shadow: 0 0 29px 0 rgba(102,102,102,.08);
    padding: 50px
}

    .ask-question h3 {
        margin-bottom: 20px
    }

    .ask-question .form-group {
        margin-bottom: 30px
    }

    .ask-question .default-btn {
        margin: auto;
        display: table;
        background-color: transparent
    }

.user-area-all-style {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: url(../img/sign-up-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

    .user-area-all-style::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00a7f5;
        opacity: .9;
        z-index: -1
    }

    .user-area-all-style .contact-form-action {
        background-color: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 40px rgba(82,85,90,.1);
        box-shadow: 0 0 40px rgba(82,85,90,.1);
        padding: 40px;
        max-width: 570px;
        margin: auto
    }

        .user-area-all-style .contact-form-action .form-heading {
            margin-bottom: 33px
        }

            .user-area-all-style .contact-form-action .form-heading .form-title {
                font-size: 38px;
                color: #233d63;
                margin-bottom: 10px;
                text-transform: capitalize
            }

            .user-area-all-style .contact-form-action .form-heading .form-desc {
                font-size: 18px;
                color: #677286;
                font-weight: 500
            }

            .user-area-all-style .contact-form-action .form-heading .reset-desc {
                line-height: 30px;
                margin-top: 15px
            }

                .user-area-all-style .contact-form-action .form-heading .reset-desc a {
                    color: #00a7f5
                }

            .user-area-all-style .contact-form-action .form-heading .reset-desc {
                font-size: 16px
            }

                .user-area-all-style .contact-form-action .form-heading .reset-desc a {
                    font-weight: 600
                }

        .user-area-all-style .contact-form-action form .submit-btn {
            margin-top: 24px
        }

        .user-area-all-style .contact-form-action form .default-btn {
            font-size: 14px;
            padding: 12px 20px;
            background-color: transparent;
            margin-bottom: 30px
        }

            .user-area-all-style .contact-form-action form .default-btn.btn-two {
                display: table;
                margin: 30px auto 0;
                padding: 20px 35px
            }

        .user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn::after {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#fa4612),to(#fa4612));
            background-image: linear-gradient(to bottom right,#fa4612,#fa4612)
        }

        .user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn:hover::before {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#fa4612),to(#fa4612));
            background-image: linear-gradient(to bottom right,#fa4612,#fa4612)
        }

        .user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn::after {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#3b5998),to(#3b5998));
            background-image: linear-gradient(to bottom right,#3b5998,#3b5998)
        }

        .user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn:hover::before {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#3b5998),to(#3b5998));
            background-image: linear-gradient(to bottom right,#3b5998,#3b5998)
        }

        .user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn::after {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#1da1f2),to(#1da1f2));
            background-image: linear-gradient(to bottom right,#1da1f2,#1da1f2)
        }

        .user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn:hover::before {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#1da1f2),to(#1da1f2));
            background-image: linear-gradient(to bottom right,#1da1f2,#1da1f2)
        }

        .user-area-all-style .contact-form-action form .reset-btn {
            margin-top: 0
        }

        .user-area-all-style .contact-form-action form .form-condition {
            margin-bottom: 0
        }

            .user-area-all-style .contact-form-action form .form-condition label {
                margin-bottom: 0
            }

            .user-area-all-style .contact-form-action form .form-condition .agree-label {
                font-weight: 600
            }

                .user-area-all-style .contact-form-action form .form-condition .agree-label a {
                    color: #00a7f5
                }

        .user-area-all-style .contact-form-action form .form-group {
            margin-bottom: 30px
        }

        .user-area-all-style .contact-form-action .account-desc {
            margin: 30px auto 0;
            display: table;
            font-weight: 600
        }

            .user-area-all-style .contact-form-action .account-desc a {
                color: #00a7f5;
                margin-left: 10px;
                font-weight: 600
            }

        .user-area-all-style .contact-form-action #chb1 {
            position: relative;
            top: 1px
        }

        .user-area-all-style .contact-form-action #chb2 {
            position: relative;
            top: 1px
        }

        .user-area-all-style .contact-form-action .forget {
            float: right;
            color: #00a7f5;
            font-weight: 600
        }

        .user-area-all-style .contact-form-action .now-register {
            font-weight: 600;
            float: right
        }

            .user-area-all-style .contact-form-action .now-register a {
                color: #00a7f5
            }

        .user-area-all-style .contact-form-action .now-log-in {
            color: #00a7f5;
            font-weight: 600
        }

            .user-area-all-style .contact-form-action .now-log-in .font-q {
                font-weight: 600
            }

.coming-soon-area {
    position: relative;
    height: 100vh;
    z-index: 1;
    overflow: hidden;
    background-image: url(../img/coming-soon-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

    .coming-soon-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00a7f5;
        opacity: .9;
        z-index: 1
    }

    .coming-soon-area .coming-soon-content {
        text-align: center;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 2
    }

        .coming-soon-area .coming-soon-content h1 {
            margin-bottom: 0;
            color: #fff;
            font-size: 60px;
            margin-top: -18px
        }

        .coming-soon-area .coming-soon-content p {
            color: #f3f3f3;
            font-size: 14.5px;
            max-width: 600px;
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto
        }

        .coming-soon-area .coming-soon-content #timer {
            margin-top: 30px
        }

            .coming-soon-area .coming-soon-content #timer div {
                display: inline-block;
                color: #fff;
                position: relative;
                margin-left: 35px;
                margin-right: 35px;
                font-size: 45px;
                font-weight: 700
            }

                .coming-soon-area .coming-soon-content #timer div span {
                    display: block;
                    text-transform: capitalize;
                    margin-top: -15px;
                    font-size: 16px;
                    font-weight: 400
                }

                .coming-soon-area .coming-soon-content #timer div:last-child {
                    margin-right: 0
                }

                    .coming-soon-area .coming-soon-content #timer div:last-child::before {
                        display: none
                    }

                .coming-soon-area .coming-soon-content #timer div:first-child {
                    margin-left: 0
                }

                .coming-soon-area .coming-soon-content #timer div::before {
                    content: "";
                    position: absolute;
                    right: -50px;
                    top: -10px;
                    font-size: 70px;
                    color: #fff
                }

        .coming-soon-area .coming-soon-content .newsletter-form {
            position: relative;
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px
        }

            .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
                display: block;
                width: 100%;
                height: 60px;
                border: none;
                background-color: rgba(255,255,255,.3);
                padding-left: 15px;
                color: #fff;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s;
                border-radius: 50px
            }

                .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
                    color: #fff
                }

                .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:-ms-input-placeholder {
                    color: #fff
                }

                .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-ms-input-placeholder {
                    color: #fff
                }

                .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::placeholder {
                    color: #fff
                }

                .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
                    border-color: #00a7f5
                }

            .coming-soon-area .coming-soon-content .newsletter-form button {
                position: absolute;
                right: 0;
                top: 0;
                height: 60px;
                padding: 0 30px;
                text-transform: uppercase;
                outline: 0;
                color: #fff;
                background-color: transparent;
                -webkit-transition: .5s;
                transition: .5s;
                font-weight: 500;
                font-size: 15px;
                cursor: pointer
            }

                .coming-soon-area .coming-soon-content .newsletter-form button::after {
                    border-radius: 0
                }

                .coming-soon-area .coming-soon-content .newsletter-form button::before {
                    border-radius: 0
                }

                .coming-soon-area .coming-soon-content .newsletter-form button:hover {
                    color: #fff
                }

            .coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter {
                color: #fff;
                font-size: 14px;
                position: absolute;
                left: 0;
                right: 0;
                bottom: -30px;
                margin: 0 auto
            }

.error-area {
    padding: 50px 0;
    height: 100vh;
    text-align: center;
    position: relative;
    z-index: 1;
    background-color: #fff
}

    .error-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .9;
        z-index: -1
    }

    .error-area .error-contact-wrap {
        z-index: 1;
        position: relative
    }

        .error-area .error-contact-wrap h1 {
            font-size: 300px;
            line-height: 1
        }

            .error-area .error-contact-wrap h1 span {
                background-image: -webkit-gradient(linear,left top,right bottom,from(#ff416c),to(#fa4612));
                background-image: linear-gradient(to bottom right,#ff416c,#fa4612);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent
            }

        .error-area .error-contact-wrap h3 {
            margin: 30px 0 0;
            position: relative;
            color: red
        }

        .error-area .error-contact-wrap p {
            margin: 20px 0;
            font-size: 19px
        }

.affiliate-content-wrap {
    max-width: 600px;
    margin: 50px auto 0;
    text-align: center
}

    .affiliate-content-wrap h3 {
        color: #fff;
        font-size: 30px;
        margin-bottom: 20px
    }

    .affiliate-content-wrap p {
        color: #fff;
        margin-bottom: 20px
    }

.single-affiliate-info {
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    padding: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 30px
}

    .single-affiliate-info i {
        color: #fff;
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #00a7f5;
        font-size: 30px;
        border-radius: 50%;
        margin-bottom: 20px
    }

    .single-affiliate-info .shape {
        color: #fff;
        display: inline-block;
        width: 70px;
        height: 70px;
        line-height: 65px;
        text-align: center;
        /* background-color: #00a7f5;*/
        background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
        font-size: 30px;
        border-radius: 50%;
        margin-bottom: 20px
    }

    

    .single-affiliate-info h3 {
        margin-bottom: 20px
    }

    .single-affiliate-info p {
        margin-bottom: 20px
    }

        .single-affiliate-info p a {
            color: #00a7f5
        }

            .single-affiliate-info p a:hover {
                color: #53a537
            }

    .single-affiliate-info .default-btn {
        padding: 10px 35px;
        display: block
    }

    .single-affiliate-info:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

.single-work {
    position: relative;
    margin-bottom: 30px;
    padding-left: 115px
}

    .single-work span {
        display: inline-block;
        width: 100px;
        height: 100px;
        line-height: 85px;
        /*background-color: #00a7f5;*/
        background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
        color: #fff;
        position: absolute;
        text-align: center;
        font-weight: 700;
        top: 0;
        left: 0;
        border-radius: 50%;
        font-size: 50px
    }

.domain-banner-area {
    background-color: #04063c;
    height: 700px;
    position: relative;
    z-index: 1;
    text-align: center
}

    .domain-banner-area::before {
        content: "";
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/page-bg.png);
        -webkit-animation: moVEbounce 5s linear infinite;
        animation: moVEbounce 5s linear infinite;
        z-index: -1
    }

    .domain-banner-area .banner-text {
        max-width: 600px;
        margin: auto
    }

        .domain-banner-area .banner-text h1 {
            color: #fff;
            font-size: 50px;
            margin-bottom: 32px
        }

        .domain-banner-area .banner-text p {
            color: #fff;
            font-size: 16px;
            margin-bottom: 40px;
            text-transform: capitalize
        }

        .domain-banner-area .banner-text .banner-btn .default-btn {
            margin-right: 15px
        }

.single-domine {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    padding: 30px;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 4px;
    margin-bottom: 30px
}

    .single-domine .domain-name-wrap {
        position: relative;
        margin-bottom: 20px
    }

        .single-domine .domain-name-wrap .domain-name {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .single-domine .domain-name-wrap .domain-name h3 {
                font-size: 25px
            }

    .single-domine p {
        margin-bottom: 20px;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .single-domine span {
        display: block;
        font-size: 20px;
        font-weight: 700;
        color: #53a537;
        margin-bottom: 20px;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .single-domine span sub {
            font-size: 12px;
            font: 500px;
            color: #4d4d4d;
            -webkit-transition: all .5s;
            transition: all .5s
        }

    .single-domine .default-btn {
        padding: 12px 35px
    }

    .single-domine:hover {
        background-color: #00a7f5
    }

        .single-domine:hover p {
            color: #fff
        }

        .single-domine:hover span {
            color: #fff
        }

            .single-domine:hover span sub {
                color: #fff
            }

.domain-pricing-list {
    margin-bottom: 30px
}

    .domain-pricing-list h2 {
        margin-bottom: 40px;
        text-align: center
    }

    .domain-pricing-list .domain-price {
        margin: auto
    }

        .domain-pricing-list .domain-price .domain-mane-title {
            background-color: #00a7f5
        }

            .domain-pricing-list .domain-price .domain-mane-title:hover {
                background-color: #00a7f5
            }

        .domain-pricing-list .domain-price tr {
            border: 1px solid #eee;
            -webkit-transition: all .5s;
            transition: all .5s
        }

            .domain-pricing-list .domain-price tr:hover {
                background-color: #eee
            }

        .domain-pricing-list .domain-price th {
            padding: 20px 30px;
            font-weight: 700;
            font-size: 18px;
            color: #fff;
            font-family: dosis,sans-serif;
            text-align: center
        }

        .domain-pricing-list .domain-price td {
            font-size: 18px;
            font-weight: 700;
            font-family: dosis,sans-serif;
            color: #53a537;
            padding: 5px 66px;
            text-align: center;
            -webkit-transition: all .5s;
            transition: all .5s;
            position: relative
        }

            .domain-pricing-list .domain-price td .sale {
                position: absolute;
                top: 18px;
                background-color: #fcbe17;
                line-height: 1;
                color: #fff;
                font-size: 14px;
                padding: 3px 8px;
                border-radius: 50px;
                right: 15px
            }

            .domain-pricing-list .domain-price td .save {
                position: absolute;
                top: 16px;
                background-color: #2ebf6d;
                line-height: 1;
                color: #fff;
                font-size: 14px;
                padding: 3px 8px;
                border-radius: 50px;
                right: -15px
            }

        .domain-pricing-list .domain-price .table-domain-price {
            color: #4d4d4d
        }

        .domain-pricing-list .domain-price .default-btn {
            padding: 8px 30px;
            position: relative;
            top: 5px;
            font-size: 15px;
            border: 1px solid #00a7f5;
            color: #00a7f5
        }

            .domain-pricing-list .domain-price .default-btn:hover {
                border-color: transparent
            }

            .domain-pricing-list .domain-price .default-btn::after {
                display: none
            }

.btn-center {
    display: table;
    margin: auto
}

.shared-hosting-area .col-lg-3:nth-child(1) ul {
    border-left: 1px solid #eee
}

.shared-hosting-area .col-lg-3:nth-child(2) ul {
    border-left: 1px solid #eee
}

    .shared-hosting-area .col-lg-3:nth-child(2) ul li:nth-child(10) {
        color: #00a7f5
    }

    .shared-hosting-area .col-lg-3:nth-child(2) ul li:nth-child(11) {
        color: #00a7f5
    }

    .shared-hosting-area .col-lg-3:nth-child(2) ul li:nth-child(12) {
        color: #fa4612
    }

.shared-hosting-area .col-lg-3:nth-child(3) ul {
    border-left: 1px solid #eee
}

    .shared-hosting-area .col-lg-3:nth-child(3) ul li:nth-child(10) {
        color: #00a7f5
    }

    .shared-hosting-area .col-lg-3:nth-child(3) ul li:nth-child(11) {
        color: #00a7f5
    }

    .shared-hosting-area .col-lg-3:nth-child(3) ul li:nth-child(12) {
        color: #00a7f5
    }

.shared-hosting-area .col-lg-3:nth-child(4) ul {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

    .shared-hosting-area .col-lg-3:nth-child(4) ul li:nth-child(10) {
        color: #00a7f5
    }

    .shared-hosting-area .col-lg-3:nth-child(4) ul li:nth-child(11) {
        color: #00a7f5
    }

    .shared-hosting-area .col-lg-3:nth-child(4) ul li:nth-child(12) {
        color: #00a7f5
    }

.shared-hosting-area .col-lg-3:hover:nth-child(2) ul li:nth-child(10) {
    color: #fff
}

.shared-hosting-area .col-lg-3:hover:nth-child(2) ul li:nth-child(11) {
    color: #fff
}

.shared-hosting-area .col-lg-3:hover:nth-child(3) ul li:nth-child(10) {
    color: #fff
}

.shared-hosting-area .col-lg-3:hover:nth-child(3) ul li:nth-child(11) {
    color: #fff
}

.shared-hosting-area .col-lg-3:hover:nth-child(3) ul li:nth-child(12) {
    color: #fff
}

.shared-hosting-area .col-lg-3:hover:nth-child(4) ul li:nth-child(10) {
    color: #fff
}

.shared-hosting-area .col-lg-3:hover:nth-child(4) ul li:nth-child(11) {
    color: #fff
}

.shared-hosting-area .col-lg-3:hover:nth-child(4) ul li:nth-child(12) {
    color: #fff
}

.single-shared-hosting {
    margin-bottom: 30px
}

    .single-shared-hosting ul li {
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #eee;
        padding: 10px 30px;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .single-shared-hosting ul li .default-btn {
            padding: 12px 35px;
            display: block;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px
        }

    .single-shared-hosting ul .price-top-title {
        font-size: 25px;
        font-family: dosis,sans-serif;
        color: #53a537;
        font-weight: 700;
        padding: 30px;
        background-color: #00a7f5;
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .single-shared-hosting ul .price-title {
        font-size: 18px;
        font-family: dosis,sans-serif;
        color: #53a537;
        font-weight: 700;
        padding: 15px 30px;
        background-color: #f3f3f3;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .single-shared-hosting ul .price-title sub {
            font-size: 14px;
            -webkit-transition: all .5s;
            transition: all .5s
        }

    .single-shared-hosting:hover ul li {
        background-color: #00a7f5;
        color: #fff
    }

    .single-shared-hosting:hover ul .price-top-title {
        color: #fff
    }

    .single-shared-hosting:hover ul .price-title {
        color: #fff
    }

        .single-shared-hosting:hover ul .price-title sub {
            color: #fff
        }

.tab.quote-list-tab {
    text-align: center
}

    .tab.quote-list-tab .tabs {
        border-radius: 50px;
        display: inline-block;
        background-color: #021133;
        margin-bottom: 30px
    }
    
        .tab.quote-list-tab .tabs li {
            display: inline-block;
            padding: 0 10px;
            font-family: dosis,sans-serif;
            color: #53a537;
            font-size: 20px;
            font-weight: 700
        }

            .tab.quote-list-tab .tabs li a {
                color: #ffffff;
                padding: 10px 20px
            }

        .tab.quote-list-tab .tabs .current {
            /* background-color: #c22125;*/
            background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
            border-radius: 50px
        }

            .tab.quote-list-tab .tabs .current a {
                color: #fff
            }

.tab .tabs_item {
    display: none
}

    .tab .tabs_item:first-child {
        display: block
    }

.blog-details-area {
}

    .blog-details-area .blog-details-desc .article-image {
        position: relative;
        background-color: #53a537;
        text-align: center
    }

    .blog-details-area .blog-details-desc .article-content {
        margin-top: 30px
    }

        .blog-details-area .blog-details-desc .article-content .entry-meta {
            margin-bottom: -10px
        }

            .blog-details-area .blog-details-desc .article-content .entry-meta ul {
                padding-left: 0;
                margin-bottom: 0;
                list-style-type: none
            }

                .blog-details-area .blog-details-desc .article-content .entry-meta ul li {
                    position: relative;
                    display: inline-block;
                    color: #00a7f5;
                    margin-right: 21px;
                    font-size: 14px
                }

                    .blog-details-area .blog-details-desc .article-content .entry-meta ul li span {
                        display: inline-block;
                        color: #00a7f5;
                        font-weight: 500
                    }

                    .blog-details-area .blog-details-desc .article-content .entry-meta ul li a {
                        display: inline-block;
                        color: #666;
                        font-size: 13px
                    }

                        .blog-details-area .blog-details-desc .article-content .entry-meta ul li a:hover {
                            color: #00a7f5
                        }

                    .blog-details-area .blog-details-desc .article-content .entry-meta ul li i {
                        color: #00a7f5;
                        margin-right: 2px
                    }

                    .blog-details-area .blog-details-desc .article-content .entry-meta ul li::before {
                        content: '';
                        position: absolute;
                        top: 11px;
                        right: -15px;
                        width: 6px;
                        height: 1px;
                        background: #00a7f5
                    }

                    .blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child {
                        margin-right: 0
                    }

                        .blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before {
                            display: none
                        }

        .blog-details-area .blog-details-desc .article-content h3 {
            margin-bottom: 13px;
            margin-top: 25px
        }

        .blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 {
            padding-left: 0;
            list-style-type: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -10px;
            margin-left: -10px;
            margin-bottom: 30px;
            margin-top: 30px
        }

            .blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 33.3333%;
                flex: 0 0 33.3333%;
                max-width: 33.3333%;
                padding-right: 10px;
                padding-left: 10px
            }

                .blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
                    margin-bottom: 0
                }

    .blog-details-area .blog-details-desc .article-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 30px
    }

        .blog-details-area .blog-details-desc .article-footer .article-tags {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

            .blog-details-area .blog-details-desc .article-footer .article-tags span {
                display: inline-block;
                color: #00a7f5;
                font-size: 20px;
                margin-right: 5px;
                position: relative;
                top: 4px
            }

            .blog-details-area .blog-details-desc .article-footer .article-tags a {
                display: inline-block;
                color: #666;
                font-weight: 600
            }

                .blog-details-area .blog-details-desc .article-footer .article-tags a:hover {
                    color: #00a7f5
                }

        .blog-details-area .blog-details-desc .article-footer .article-share {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

            .blog-details-area .blog-details-desc .article-footer .article-share .social {
                padding-left: 0;
                list-style-type: none;
                text-align: right;
                margin-bottom: 0
            }

                .blog-details-area .blog-details-desc .article-footer .article-share .social li {
                    display: inline-block
                }

                    .blog-details-area .blog-details-desc .article-footer .article-share .social li span {
                        display: inline-block;
                        margin-right: 2px;
                        font-weight: 500;
                        color: #666
                    }

                    .blog-details-area .blog-details-desc .article-footer .article-share .social li a {
                        display: block;
                        color: #fff;
                        width: 32px;
                        height: 32px;
                        line-height: 33px;
                        border-radius: 50%;
                        background-color: #00a7f5;
                        text-align: center;
                        font-size: 14px
                    }

                        .blog-details-area .blog-details-desc .article-footer .article-share .social li a:hover {
                            background-color: #53a537
                        }

    .blog-details-area .blog-details-desc .post-navigation {
        margin-top: 30px
    }

    .blog-details-area blockquote {
        overflow: hidden;
        background-color: #f7f7f7;
        padding: 50px !important;
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
        margin-top: 20px;
        border-radius: 4px
    }

        .blog-details-area blockquote p {
            color: #53a537;
            line-height: 1.6;
            margin-bottom: 0;
            font-style: italic;
            font-weight: 600;
            font-size: 17px !important
        }

        .blog-details-area blockquote cite {
            display: none
        }

        .blog-details-area blockquote::before {
            color: #00a7f5;
            content: "\ed67";
            position: absolute;
            left: 50px;
            top: -50px;
            z-index: -1;
            font-family: boxicons;
            font-size: 140px;
            font-weight: 900;
            opacity: .5
        }

        .blog-details-area blockquote::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background-color: #00a7f5;
            margin-top: 20px;
            margin-bottom: 20px
        }

    .blog-details-area .post-navigation {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding-top: 20px;
        padding-bottom: 20px
    }

        .blog-details-area .post-navigation .navigation-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .blog-details-area .post-navigation .navigation-links .nav-previous {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

                .blog-details-area .post-navigation .navigation-links .nav-previous a i {
                    margin-right: 0;
                    font-size: 20px;
                    position: relative;
                    top: 4px
                }

            .blog-details-area .post-navigation .navigation-links .nav-next {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
                text-align: right
            }

                .blog-details-area .post-navigation .navigation-links .nav-next a i {
                    margin-left: 0;
                    font-size: 20px;
                    position: relative;
                    top: 4px
                }

            .blog-details-area .post-navigation .navigation-links div a {
                display: inline-block;
                font-weight: 600;
                color: #53a537
            }

                .blog-details-area .post-navigation .navigation-links div a:hover {
                    color: #00a7f5
                }

    .blog-details-area .comments-area {
        padding: 25px;
        margin-top: 30px;
        -webkit-box-shadow: 0 0 29px 0 rgba(102,102,102,.08);
        box-shadow: 0 0 29px 0 rgba(102,102,102,.08);
        background-color: #fff
    }

        .blog-details-area .comments-area .comments-title {
            position: relative;
            margin-bottom: 30px;
            line-height: initial;
            font-size: 22px
        }

            .blog-details-area .comments-area .comments-title::before {
                content: '';
                height: 25px;
                width: 3px;
                left: -25px;
                position: absolute;
                background: #00a7f5;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

        .blog-details-area .comments-area ol {
            padding: 0;
            margin: 0;
            list-style-type: none
        }

        .blog-details-area .comments-area ul {
            padding: 0;
            margin: 0;
            list-style-type: none
        }

        .blog-details-area .comments-area .comment-list {
            padding: 0;
            margin: 0;
            list-style-type: none
        }

        .blog-details-area .comments-area .children {
            margin-left: 40px
        }

        .blog-details-area .comments-area .comment-body {
            border-bottom: 1px solid #eee;
            padding-left: 65px;
            font-size: 14px;
            margin-bottom: 20px;
            padding-bottom: 20px
        }

            .blog-details-area .comments-area .comment-body .reply {
                margin-top: 15px
            }

                .blog-details-area .comments-area .comment-body .reply a {
                    border: 1px solid #ded9d9;
                    color: #53a537;
                    display: inline-block;
                    padding: 5px 20px;
                    border-radius: 30px;
                    text-transform: uppercase;
                    position: relative;
                    z-index: 1;
                    font-size: 13px;
                    font-weight: 600
                }

                    .blog-details-area .comments-area .comment-body .reply a:hover {
                        color: #fff;
                        background-color: #00a7f5;
                        border-color: #00a7f5
                    }

        .blog-details-area .comments-area .comment-meta {
            margin-bottom: .8em
        }

        .blog-details-area .comments-area .comment-author {
            font-size: 16px;
            margin-bottom: .4em;
            position: relative;
            z-index: 2
        }

            .blog-details-area .comments-area .comment-author .avatar {
                height: 50px;
                left: -65px;
                position: absolute;
                width: 50px;
                border-radius: 50%
            }

            .blog-details-area .comments-area .comment-author .fn {
                font-weight: 600;
                color: #53a537;
                font-size: 14px
            }

            .blog-details-area .comments-area .comment-author .says {
                display: none
            }

        .blog-details-area .comments-area .comment-metadata {
            color: #666;
            letter-spacing: .01em;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 500
        }

            .blog-details-area .comments-area .comment-metadata a {
                color: #666;
                font-size: 11px
            }

                .blog-details-area .comments-area .comment-metadata a:hover {
                    color: #00a7f5
                }

        .blog-details-area .comments-area .comment-content p {
            font-size: 14px
        }

        .blog-details-area .comments-area .comment-respond {
            margin-top: 30px
        }

            .blog-details-area .comments-area .comment-respond .comment-reply-title {
                margin-bottom: 15px;
                position: relative;
                font-size: 22px
            }

                .blog-details-area .comments-area .comment-respond .comment-reply-title::before {
                    content: '';
                    height: 25px;
                    width: 3px;
                    left: -25px;
                    position: absolute;
                    background: #00a7f5;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

                .blog-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
                    display: inline-block
                }

            .blog-details-area .comments-area .comment-respond .comment-form {
                overflow: hidden
            }

            .blog-details-area .comments-area .comment-respond .comment-form-comment {
                margin-bottom: 30px;
                float: left;
                width: 100%
            }

            .blog-details-area .comments-area .comment-respond label {
                display: block;
                font-weight: 500;
                color: #53a537;
                margin-bottom: 5px
            }

            .blog-details-area .comments-area .comment-respond input[type=datetime-local] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=week] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=week]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=month] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=month]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=text] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=text]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=email] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=email]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=url] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=url]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=password] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=password]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=search] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=search]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=tel] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=tel]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond input[type=number] {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond input[type=number]:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond textarea {
                display: block;
                width: 100%;
                background-color: #f7f7f7;
                border: 1px solid #eee;
                padding: .625em .7375em;
                outline: 0;
                -webkit-transition: .5s;
                transition: .5s
            }

                .blog-details-area .comments-area .comment-respond textarea:focus {
                    border-color: #00a7f5
                }

            .blog-details-area .comments-area .comment-respond .comment-form-author {
                float: left;
                width: 50%;
                padding-right: 10px;
                margin-bottom: 20px
            }

            .blog-details-area .comments-area .comment-respond .comment-form-email {
                float: left;
                width: 50%;
                padding-left: 12px;
                margin-bottom: 20px
            }

            .blog-details-area .comments-area .comment-respond .comment-form-url {
                float: left;
                width: 100%;
                margin-bottom: 20px
            }

            .blog-details-area .comments-area .comment-respond .comment-form-cookies-consent {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 20px;
                margin-bottom: 20px
            }

                .blog-details-area .comments-area .comment-respond .comment-form-cookies-consent input {
                    position: absolute;
                    left: 0;
                    top: 6px
                }

                .blog-details-area .comments-area .comment-respond .comment-form-cookies-consent label {
                    display: inline-block;
                    margin: 0;
                    color: #666;
                    font-weight: 400
                }

            .blog-details-area .comments-area .comment-respond .form-submit {
                float: left;
                width: 100%
            }

                .blog-details-area .comments-area .comment-respond .form-submit input {
                    background: #00a7f5;
                    border: none;
                    color: #fff;
                    padding: 14px 30px 12px;
                    display: inline-block;
                    cursor: pointer;
                    outline: 0;
                    border-radius: 0;
                    text-transform: uppercase;
                    -webkit-transition: .5s;
                    transition: .5s;
                    font-weight: 500;
                    font-size: 14px
                }

                    .blog-details-area .comments-area .comment-respond .form-submit input:hover {
                        color: #fff;
                        background-color: #53a537
                    }

                    .blog-details-area .comments-area .comment-respond .form-submit input:focus {
                        color: #fff;
                        background-color: #00a7f5
                    }

    .blog-details-area .widget-area .widget {
        margin-top: 35px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 29px 0 rgba(102,102,102,.08);
        box-shadow: 0 0 29px 0 rgba(102,102,102,.08)
    }

        .blog-details-area .widget-area .widget .post-wrap {
            padding: 20px
        }

        .blog-details-area .widget-area .widget:first-child {
            margin-top: 0
        }

        .blog-details-area .widget-area .widget .widget-title {
            text-transform: capitalize;
            position: relative;
            font-size: 20px;
            margin-bottom: 0;
            background-color: #f7f7f7;
            padding: 10px 20px;
            color: #53a537;
            position: relative
        }

            .blog-details-area .widget-area .widget .widget-title::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 2px;
                height: 100%;
                background-color: #00a7f5
            }

    .blog-details-area .widget-area .widget_search form {
        position: relative
    }

        .blog-details-area .widget-area .widget_search form label {
            display: block;
            margin-bottom: 0
        }

        .blog-details-area .widget-area .widget_search form .screen-reader-text {
            display: none
        }

        .blog-details-area .widget-area .widget_search form .search-field {
            background-color: transparent;
            height: 50px;
            padding: 6px 15px;
            border: 1px solid #eee;
            width: 100%;
            display: block;
            outline: 0;
            -webkit-transition: .5s;
            transition: .5s
        }

            .blog-details-area .widget-area .widget_search form .search-field:focus {
                border-color: #00a7f5
            }

        .blog-details-area .widget-area .widget_search form button {
            position: absolute;
            right: 0;
            outline: 0;
            bottom: 0;
            height: 50px;
            width: 50px;
            border: none;
            color: #fff;
            background-color: #00a7f5;
            -webkit-transition: .5s;
            transition: .5s;
            cursor: pointer
        }

            .blog-details-area .widget-area .widget_search form button:hover {
                background-color: #53a537
            }

    .blog-details-area .widget-area .widget-peru-posts-thumb {
        position: relative;
        overflow: hidden
    }

        .blog-details-area .widget-area .widget-peru-posts-thumb .item {
            overflow: hidden;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #efefef
        }

            .blog-details-area .widget-area .widget-peru-posts-thumb .item:last-child {
                margin-bottom: 0;
                border-bottom: none;
                padding-bottom: 0
            }

            .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb {
                float: left;
                height: 80px;
                overflow: hidden;
                position: relative;
                width: 80px;
                margin-right: 15px
            }

                .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage {
                    width: 80px;
                    height: 80px;
                    display: inline-block;
                    background-size: cover !important;
                    background-repeat: no-repeat;
                    background-position: center center !important;
                    position: relative;
                    background-color: #53a537
                }

                    .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 {
                        background-image: url(../img/news-details/news-img-four.png)
                    }

                    .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 {
                        background-image: url(../img/news-details/news-img-five.png)
                    }

                    .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 {
                        background-image: url(../img/news-details/news-img-six.png)
                    }

                    .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 {
                        background-image: url(../img/news-details/news-img-seven.png)
                    }

            .blog-details-area .widget-area .widget-peru-posts-thumb .item .info {
                overflow: hidden
            }

                .blog-details-area .widget-area .widget-peru-posts-thumb .item .info span {
                    display: block;
                    color: #666;
                    text-transform: uppercase;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    font-size: 12px;
                    font-weight: 500
                }

                .blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title {
                    margin-bottom: 0;
                    line-height: 1.5;
                    font-size: 16px;
                    font-weight: 600
                }

                    .blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {
                        display: inline-block;
                        color: #474c40
                    }

                        .blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover {
                            color: #00a7f5
                        }

    .blog-details-area .widget-area .widget_recent_entries ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .blog-details-area .widget-area .widget_recent_entries ul li {
            position: relative;
            margin-bottom: 12px;
            color: #666;
            padding-left: 17px;
            line-height: 1.5;
            font-size: 15px;
            font-weight: 600
        }

            .blog-details-area .widget-area .widget_recent_entries ul li:last-child {
                margin-bottom: 0
            }

            .blog-details-area .widget-area .widget_recent_entries ul li::before {
                background: #00a7f5;
                position: absolute;
                height: 7px;
                width: 7px;
                content: '';
                left: 0;
                top: 7px
            }

            .blog-details-area .widget-area .widget_recent_entries ul li .post-date {
                display: block;
                font-size: 13px;
                color: #666;
                margin-top: 4px
            }

    .blog-details-area .widget-area .widget_categories ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .blog-details-area .widget-area .widget_categories ul li {
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 10px;
            color: #666;
            padding-left: 17px;
            font-size: 15px;
            font-weight: 600;
            border-bottom: 1px solid #efefef
        }

            .blog-details-area .widget-area .widget_categories ul li:last-child {
                margin-bottom: 0;
                border-bottom: none
            }

            .blog-details-area .widget-area .widget_categories ul li::before {
                background: #00a7f5;
                position: absolute;
                height: 10px;
                width: 10px;
                content: '';
                left: 0;
                top: 8px;
                border-radius: 50%
            }

            .blog-details-area .widget-area .widget_categories ul li a {
                display: block;
                color: #666;
                font-weight: 400;
                font-size: 14px
            }

                .blog-details-area .widget-area .widget_categories ul li a span {
                    float: right;
                    font-size: 13px
                }

                .blog-details-area .widget-area .widget_categories ul li a:hover {
                    color: #00a7f5
                }

            .blog-details-area .widget-area .widget_categories ul li .post-count {
                float: right
            }

    .blog-details-area .widget-area .widget_meta ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .blog-details-area .widget-area .widget_meta ul li {
            position: relative;
            margin-bottom: 12px;
            color: #666;
            padding-left: 17px;
            font-size: 15px;
            font-weight: 500
        }

            .blog-details-area .widget-area .widget_meta ul li:last-child {
                margin-bottom: 0
            }

            .blog-details-area .widget-area .widget_meta ul li::before {
                background: #00a7f5;
                position: absolute;
                height: 7px;
                width: 7px;
                content: '';
                left: 0;
                top: 7px
            }

    .blog-details-area .widget-area .widget_tag_cloud .widget-title {
        margin-bottom: 0
    }

    .blog-details-area .widget-area .tagcloud a {
        display: inline-block;
        color: #666;
        font-weight: 400;
        font-size: 14px !important;
        padding: 7px 10px;
        border: 1px dashed #eee;
        margin-top: 10px;
        margin-right: 10px
    }

        .blog-details-area .widget-area .tagcloud a:hover {
            background-color: #00a7f5;
            color: #fff
        }

        .blog-details-area .widget-area .tagcloud a:focus {
            background-color: #00a7f5;
            color: #fff;
            border-color: #00a7f5
        }

    .blog-details-area .widget-area .widget_services_list ul {
        padding-left: 0;
        list-style-type: none;
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.04);
        box-shadow: 0 0 1.25rem rgba(108,118,134,.04);
        background-color: #fff
    }

        .blog-details-area .widget-area .widget_services_list ul li a {
            display: block;
            position: relative;
            border-bottom: 1px solid #eee;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 15px;
            padding-right: 35px;
            color: #5d6576;
            z-index: 1;
            font-weight: 500
        }

            .blog-details-area .widget-area .widget_services_list ul li a::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background: #252920;
                -webkit-transition: .5s;
                transition: .5s;
                opacity: 0;
                visibility: hidden
            }

            .blog-details-area .widget-area .widget_services_list ul li a i {
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .blog-details-area .widget-area .widget_services_list ul li a:hover {
                background-color: #00a7f5;
                color: #fff;
                padding-left: 20px
            }

                .blog-details-area .widget-area .widget_services_list ul li a:hover::before {
                    opacity: 1;
                    visibility: visible;
                    width: 5px
                }

            .blog-details-area .widget-area .widget_services_list ul li a.active {
                background-color: #00a7f5;
                color: #fff;
                padding-left: 20px
            }

                .blog-details-area .widget-area .widget_services_list ul li a.active::before {
                    opacity: 1;
                    visibility: visible;
                    width: 5px
                }

        .blog-details-area .widget-area .widget_services_list ul li:last-child a {
            border-bottom: none
        }

    .blog-details-area .widget-area .widget_download ul {
        padding-left: 0;
        list-style-type: none;
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.04);
        box-shadow: 0 0 1.25rem rgba(108,118,134,.04);
        background-color: #fff
    }

        .blog-details-area .widget-area .widget_download ul li a {
            display: block;
            position: relative;
            border-bottom: 1px solid #eee;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 15px;
            padding-right: 35px;
            color: #5d6576;
            z-index: 1;
            font-weight: 500
        }

            .blog-details-area .widget-area .widget_download ul li a::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background: #252920;
                -webkit-transition: .5s;
                transition: .5s;
                opacity: 0;
                visibility: hidden
            }

            .blog-details-area .widget-area .widget_download ul li a i {
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .blog-details-area .widget-area .widget_download ul li a:hover {
                background-color: #00a7f5;
                color: #fff;
                padding-left: 20px
            }

                .blog-details-area .widget-area .widget_download ul li a:hover::before {
                    opacity: 1;
                    visibility: visible;
                    width: 5px
                }

            .blog-details-area .widget-area .widget_download ul li a.active {
                background-color: #00a7f5;
                color: #fff;
                padding-left: 20px
            }

                .blog-details-area .widget-area .widget_download ul li a.active::before {
                    opacity: 1;
                    visibility: visible;
                    width: 5px
                }

        .blog-details-area .widget-area .widget_download ul li:last-child a {
            border-bottom: none
        }

    .blog-details-area .widget-area .info time {
        font-size: 13px;
        color: #929292;
        display: block;
        margin-bottom: 4px
    }

.contact-info-area .single-contact-info {
    text-align: center;
    -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
    background-color: #fff;
    margin-bottom: 30px;
    padding: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 4px
}

    .contact-info-area .single-contact-info i {
        display: block;
        color: #53a537;
        -webkit-transition: all .5s;
        transition: all .5s;
        font-size: 25px;
        width: 50px;
        height: 50px;
        margin: 0 auto 15px;
        line-height: 50px;
        border: 2px dotted #53a537;
        border-radius: 50%
    }

    .contact-info-area .single-contact-info h3 {
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .contact-info-area .single-contact-info a {
        color: #4d4d4d;
        -webkit-transition: all .5s;
        transition: all .5s;
        display: block
    }

    .contact-info-area .single-contact-info:hover {
        background-color: #7fc2fe;
        color: #ffffff;
    }

        .contact-info-area .single-contact-info:hover i {
            color: #fff;
            border-color: #fff
        }

        .contact-info-area .single-contact-info:hover h3 {
            color: #fff
        }

        .contact-info-area .single-contact-info:hover a {
            color: #fff
        }

#map {
    height: 455px
}

.main-contact-area .contact-wrap {
    max-width: unset
}

    .main-contact-area .contact-wrap .section-title {
        text-align: center !important;
        max-width: 600px;
        margin-bottom: 40px
    }

        .main-contact-area .contact-wrap .section-title h2 {
            margin-bottom: 10px
        }

    .main-contact-area .contact-wrap .form-group {
        margin-bottom: 30px
    }

    .main-contact-area .contact-wrap .default-btn {
        margin: auto;
        display: table;
        cursor: pointer;
        background-color: transparent
    }

    .main-contact-area .contact-wrap .contact-form {
        background-color: #fff;
        -webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
        padding: 50px;
        border-radius: 4px
    }

    .main-contact-area .contact-wrap .form-control {
        border-radius: 4px !important
    }

.expert-team-area .single-team {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

    .expert-team-area .single-team:before {
        content: "";
        position: absolute;
        left: 170%;
        z-index: 1;
        height: 100%;
        width: 100%;
        background: rgba(255,255,255,.2);
        -webkit-transform: skewX(45deg);
        transform: skewX(45deg);
        -webkit-transition: .8s;
        transition: .8s
    }

    .expert-team-area .single-team img {
        width: 100%;
        height: 100%;
       
        -webkit-transition: 1s;
        transition: 1s
    }

    .expert-team-area .single-team .team-content {
        position: absolute;
        background: #53a537;
        width: 100%;
        bottom: 0;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform: perspective(300px) rotateX(90deg);
        transform: perspective(300px) rotateX(90deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        text-align: center;
        padding: 10px
    }

        .expert-team-area .single-team .team-content h3 {
            margin: 0;
            color: #fff
        }

        .expert-team-area .single-team .team-content h3 a {
            margin: 0;
            color: #fff !important;
        }


        .expert-team-area .single-team .team-content span {
            color: #fff;
            font-size: 13px
        }

    .expert-team-area .single-team ul {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        list-style: none
    }

        .expert-team-area .single-team ul li {
            background: #53a537;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #19345a;
            -webkit-transform: perspective(1000px) rotateY(90deg);
            transform: perspective(1000px) rotateY(90deg);
            -webkit-transition: all .5s;
            transition: all .5s;
            -webkit-transform-origin: left;
            transform-origin: left
        }

            .expert-team-area .single-team ul li:hover {
                background-color: #00a7f5
            }

            .expert-team-area .single-team ul li a {
                color: #fff
            }

            .expert-team-area .single-team ul li:nth-child(1) {
                -webkit-transition-delay: .2s;
                transition-delay: .2s
            }

            .expert-team-area .single-team ul li:nth-child(2) {
                -webkit-transition-delay: .4s;
                transition-delay: .4s
            }

            .expert-team-area .single-team ul li:nth-child(3) {
                -webkit-transition-delay: .6s;
                transition-delay: .6s
            }

            .expert-team-area .single-team ul li:nth-child(4) {
                -webkit-transition-delay: .8s;
                transition-delay: .8s
            }

    .expert-team-area .single-team:hover:before {
        left: -170%;
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }

    .expert-team-area .single-team:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .expert-team-area .single-team:hover .team-content {
        -webkit-transform: perspective(300px) rotateX(0deg);
        transform: perspective(300px) rotateX(0deg)
    }

    .expert-team-area .single-team:hover ul li {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

.single-privacy {
    max-width: 1020px;
    margin: auto
}
#result .pagination li a {
    margin: 0 5px;
    
    color: #252525;
    font-size: 16px;
    font-weight:600;
    color: #fff;
    padding: 15px 30px;
    line-height: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1;
    text-transform: capitalize;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-image: -webkit-gradient(linear,left top,right bottom,from(#a91f1e),to(#d3222a));
    background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);
}
    #result .pagination li.active a, #result .pagination li a:hover {
        box-shadow: 0px 1px 4px 4px #e4e4e4;
        background-image: linear-gradient(to bottom right,#fff,#fff);
        color: #00a7f5;
    }

/*
#result .pagination li a {
    margin: 0 5px;
    background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);
    border: 1px solid #15a500;
    color: #252525;
    font-size: 16px;
    color: #fff;
    padding: 10px 10px;
    line-height: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1;
    text-transform: capitalize;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
  
    #result .pagination li.active a, #result .pagination li a:hover {
        background-color: #f1740a;
        color: #fff;
    }*/


.logobox {
    padding: 20px;
    background: #fff;
    margin: 20px;
    border-radius: 4px;
}
    .logobox:hover {
        box-shadow: 1px 1px 12px 3px #0d6efd;
    }




/*.logobox::after {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/card-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    right: 0;
    z-index: -1;
    opacity: .1;
    -webkit-transition: all 1s;
    transition: all 1s;
}*/

@media(min-width: 320px) and (max-width: 479px){
    .mobile-nav .logo {
        width: 75%;
    }
    .about .shape-one {
        
        max-width: 128px !important;
        
    }

    .about .shape-two {
        max-width: 128px !important;
    }
    .single-pricing ul {
        text-align: left;
        max-width: 224px;
        margin: 0 10px 30px;
    }
}

@media(min-width: 480px) and (max-width: 639px) {
    .mobile-nav .logo {
        width: 55%;
    }
    .mas1{
        width: 85%;
    }
    .mean-container a.meanmenu-reveal {
        padding: 19px 19px 0 0 !important;
    }
    .about .shape-one {
        max-width: 200px !important;
    }

    .about .shape-two {
        max-width: 200px !important;
    }
}

@media(min-width: 640px) and (max-width: 767px) {
    .mobile-nav .logo {
        width: 85%;
    }

    .mas1 {
        width: 85%;
    }
    .about .shape-one {
        max-width: 300px !important;
    }

    .about .shape-two {
        max-width: 300px !important;
    }
    .mean-container a.meanmenu-reveal {
        padding: 19px 19px 0 0 !important;
    }
}

@media(min-width: 768px) and (max-width: 1023px) {
    .mobile-nav .logo {
        width: 85%;
    }

    .mas1 {
        width: 39%;
    }

    .about .shape-one {
        max-width: 200px !important;
    }

    .about .shape-two {
        max-width: 200px !important;
    }
    .mean-container a.meanmenu-reveal {
        padding: 19px 19px 0 0 !important;
    }
}


@media(min-width: 1024px) and (max-width: 1199px) {
    

    .mas1 {
        width: 60%;
    }
    .about .shape-one {
        max-width: 200px !important;
    }

    .about .shape-two {
        max-width: 270px !important;
    }
   
}

@media(min-width: 1200px) {


    .mas1 {
        width: 60%;
    }
}

@media(min-width: 1024px){
    .mobhide{
        display: none;
    }
}

.default-btn1 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 10px 18px;
    line-height: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1;
    text-transform: uppercase;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .default-btn1.active {
        color: #00a7f5
    }

        .default-btn1.active:hover {
            color: #fff
        }

        .default-btn1.active::after {
            background-image: -webkit-gradient(linear,left top,right bottom,from(#ffffff),to(#ffffff));
            background-image: linear-gradient(to bottom right,#ffffff,#ffffff)
        }

    .default-btn1::after {
        position: absolute;
        content: "";
        /*background-image: -webkit-gradient(linear,left top,right bottom,from(#fa4612),to(#ff416c));
        background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);*/
        background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s;
        transition: all .5s;
        z-index: -1;
        border-radius: 50px
    }

    .default-btn1::before {
        position: absolute;
        content: "";
        /* background-image: -webkit-gradient(linear,left top,right bottom,from(#a91f1e),to(#d3222a));
        background-image: linear-gradient(to bottom right,#a91f1e,#d3222a);*/
        background-image: linear-gradient(to bottom right,#49b957,#69ad72);
        top: 0;
        left: 200px;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s;
        transition: all .5s;
        z-index: -1;
        border-radius: 50px
    }

    .default-btn1:hover {
        color: #fff;
        -webkit-transition: all .5s;
        transition: all .5s
    }

        .default-btn1:hover::after {
            left: -200px
        }

        .default-btn1:hover::before {
            left: 0
        }

.fa-cctv:before {
    content: "\f8ac";
    
}

.header-top {
    background-image: linear-gradient(to right,#6eb9fd,#9cd0ff);
}

.backhaul {
    text-align: center;
    /* padding-bottom: 35px; */
    border: 1px solid #f5f5f5;
    box-shadow: 0 5px 10px 0 #d3cbcb70;
}
h3.creative {
    color: #2a2525;
}
.solutions-img {
    text-align: center;
}
.pb-90{
    padding-bottom:55px;
}
.tab.quote-list-tab1 {
    text-align: center
}

    .tab.quote-list-tab1 .tabs {
        border-radius: 50px;
        display: inline-block;
       /* background-color: #021133;*/
        margin-bottom: 30px
    }

        .tab.quote-list-tab1 .tabs li {
            display: inline-block;
            padding: 2px 20px;
            font-family: dosis,sans-serif;
            color: #53a537;
            font-size: 20px;
            font-weight: 700
        }

            .tab.quote-list-tab1 .tabs li a {
                color: #021133;
                padding: 2px 20px;
                border-bottom: 2px solid #00051e;
                text-transform: uppercase;
            }

        .tab.quote-list-tab1 .tabs .current {
            color: #b62022;
           
            /*border-bottom: 2px solid #c02125;*/
            text-transform: uppercase;
        }

            .tab.quote-list-tab1 .tabs .current a {
                color: #b92123;
                font-weight: 800;
            }

.tab .tabs_item {
    display: none
}

    .tab .tabs_item:first-child {
        display: block
    }

.section-title1 {
    text-align: center;
    margin-bottom: 30px;
}


a.mob:hover {
    color: #bb2123;
}
a.homeic {
    color: #021133;
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

    a.homeic:hover {
        color: #cc2128
    }


img.backhauls {
    margin-top: 14px;
    /* width: 30%; */
    height: auto;
    margin-bottom: 31px;
}