.site {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "Montserrat", "Roboto", sans-serif !important;
    overflow-x: hidden;
    color: #656972
}

    .site ::-webkit-input-placeholder, .site select {
        opacity: 0.5
    }

    .site :-ms-input-placeholder, .site select {
        opacity: 0.5
    }

    .site ::-ms-input-placeholder, .site select {
        opacity: 0.5
    }

    .site ::placeholder, .site select {
        opacity: 0.5
    }

.sections-wrapper {
    min-height: 80vh
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300
}

.layoutMsg-wrapper {
    z-index: 1999 !important;
    top: 55.99px
}

.main-wrapper {
    padding-top: 1rem
}

@media (min-width: 992px) {
    .main-wrapper.container {
        width: 970px
    }
}

@media (max-width: 576px) {
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.5rem
    }
}

.btn-primary {
    color: #fff;
    background-color: #5597d1;
    border-color: #5597d1
}

    .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
        color: #fff;
        background-color: #296497;
        border-color: #2e71ab
    }

.dns-btn-outline-primary {
    color: #5597d1;
    border-color: #5597d1
}

.section {
    padding-top: 0;
    padding-bottom: 0
}

.validation-summary-box {
    color: #dc3545 !important;
    font-size: small
}

    .validation-summary-box ul, .validation-summary-box li {
        padding-left: 20px
    }

.pwd-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .pwd-container i {
        margin-left: -25px;
        cursor: pointer
    }

.nav-brand {
    z-index: 100
}

.container2 {
    position: relative;
}


.container2 .image-container{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 10px;
}

.image-container h2{
    text-align:center;
    font-size: 17px;
}

    .container2 .image-container .image {
        height: 250px;
        width: 280px;
        border: 10px solid #ddd;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        overflow: hidden;
        cursor: pointer;
    }

.container2 .image-container .image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .2s linear;
}

.container2 .image-container .image:hover img{
    transform: scale(1.1);
}

.popup-image {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .9);
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
}

    .popup-image span {
        position: absolute;
        top: 30px;
        right: 10px;
        font-size: 60px;
        font-weight: bolder;
        color: #fff;
        cursor: pointer;
        z-index: 100;
    }

    .popup-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        height: 80%;
        object-fit: contain;
    }
.a {
    min-height: 100vh;
    font-size: 100%;
    font-size: 16px;
    line-height: 1.5;
    --webkit-font-smoothing: antialiased;
    --moz-osx-font-smoothing: grayscale;
}

.site-container {
    margin: 2rem auto;
    max-width: calc(100% - 80px);
}

.article-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
    gap: 2rem;
}

.article-image {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .article-image img {
        width: 100%;
        height: 300px;
        border-radius: 20px 20px 0 0;
        object-fit:fill;
    }

.article-card {
    box-shadow: 0 4px 20px 0 rgba(34, 68, 123, 0.2);
    background: white;
    border-radius: 20px;
    transition: 0.3s;
}

    .article-card:hover {
        box-shadow: 0 4px 20px 0 rgba(34, 68, 123, 0.74);
    }

.article-content {
    padding: 2rem;
}

    .article-content .card-category {
        font-size: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        font-weight: 600;
        color: #6b82a7;
        display: block;
        text-decoration: none;
    }

    .article-content .card-title {
        margin: 1rem 0;
        color: #22447b;
    }

    .article-content .card-excerpt {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #6b82a7;
        margin: 0;
    }

    .article-content .card-s {
        text-align: center;
        color: #0048ff;
        cursor: pointer;
        margin-top:10px;
        text-decoration:none;
    }

@media screen and (min-width: 768px) {
    .site-container {
        max-width: 608px;
    }

    .article-card {
        display: grid;
        grid-template-rows: 220px 1fr;
    }
}

@media screen and (min-width: 1280px) {
    .site-container {
        max-width: 1156px;
    }
}
@media screen and (max-width: 2000px) {
    #SocialMediaBadges iframe {
        float: left;
        margin-left: 35px;
        margin-right: 35px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        width: 380px;
        height: 315px;
    }
}
@media screen and (max-width: 700px) {
    #SocialMediaBadges iframe {
        float: left;
        margin-left: 20px;
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        width: 340px;
        height: 315px;
    }
}
@media screen and (max-width: 575px) {
    #SocialMediaBadges iframe {
        float: left;
        margin-left: 35px;
        margin-right: 35px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        width: 350px;
        height: 315px;
    }
}
@media screen and (max-width: 500px) {
    #SocialMediaBadges iframe {
        float: left;
        margin-left: 35px;
        margin-right: 35px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        width: 350px;
        height: 315px;
    }
}
@media screen and (max-width: 450px) {
    #SocialMediaBadges iframe {
        float: left;
        margin-left: 35px;
        margin-right: 35px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        width: 300px;
        height: 315px;
    }
}
@media screen and (max-width: 366px) {
    #SocialMediaBadges iframe {
        float: left;
        margin-left: 35px;
        margin-right: 35px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        width: 280px;
        height: 315px;
    }
}
@media screen and (max-width: 350px) {
    #SocialMediaBadges iframe {
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        width: 260px;
        height: 315px;
    }
}
    .nav-brand img {
        height: 70px;
        margin-bottom: -30px
    }

        .nav-brand img:hover {
            -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            opacity: 1
        }

.header-space-holder {
    height: 55.99px
}

.alert-notice-wrapper {
    width: 100%
}

.header {
    background: rgb(22, 22, 23);
    color: rgb(0, 0, 0);
    width: 100%;
    line-height: 1.15
}

    .header .container {
        position: relative
    }

    .header .navbar-nav .dropdown-menu {
        background-clip: padding-box;
        padding: 0;
        margin: 0;
        border: none;
        text-transform: none;
        min-width: 200px;
        background: rgba(34,34,34,0.85)
    }

        .header .navbar-nav .dropdown-menu a {
            border-bottom: 1px solid #383838;
            padding: 8px 20px;
            color: rgba(255,255,255,0.8);
            display: block
        }

            .header .navbar-nav .dropdown-menu a:hover {
                background: #383838
            }

    .header .navbar-nav .btn {
        padding-top: 4px;
        padding-bottom: 4px;
        min-width: 80px
    }

@media (min-width: 992px) {
    .header .navbar-nav .nav-item {
        margin-left: 15px
    }
}

@media (max-width: 992px) {
    .header .navbar-nav {
        background-color: rgba(0,0,0,0.8);
        padding-bottom: 20px;
        margin-top: 32px
    }

        .header .navbar-nav .btn-login {
            margin-bottom: 8px
        }

        .header .navbar-nav .nav-item {
            width: 80%
        }

            .header .navbar-nav .nav-item .btn {
                margin-top: 0.5rem
            }

        .header .navbar-nav .dropdown-menu a {
            text-align: center
        }
}

.heading-wrapper {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: inherit;
    background: rgba(0,0,0,0.3)
}

.heading-holder {
    height: 100%;
    background-size: cover;
    z-index: -20
}

.heading-img-signup {
    background-image: url(../img/signup-1920x795.jpg)
}

.heading-img-account {
    background-image: url(../img/account-1920x995.jpg)
}

.heading-img-checkout, .heading-img-checkout {
    background-image: url(../img/cart-1920x1080.jpg)
}

.heading-img-purchase {
    background-image: url(../img/purchase-1920x1200.jpg)
}

.heading-img-customize {
    background-image: url(../img/customize-1920x1080.jpg)
}

.heading-img-error {
    background-image: url(../img/error-1920x1280.jpg)
}

.heading-img-privacy {
    background-image: url(../img/privacy-1920x800.jpg)
}

.heading-img-faq {
    background-image: url(../img/question-1920x800.jpg)
}

.heading-img-about-us {
    background-image: url(../img/team-2-1920x800.jpg)
}
.heading-img-contact-us {
    background-image: url(../img/contactUs-banner.jpg)
}
.heading-image-mask {
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    content: "";
    top: 0;
    height: inherit;
    width: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.heading-section {
    height: 500px;
    padding-bottom: 0
}

    .heading-section .heading-content {
        position: relative;
        height: inherit;
        z-index: 10;
        color: #fff;
        text-align: center
    }

        .heading-section .heading-content .headline {
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 36px;
            width: 100%;
            padding: 1rem
        }

        .heading-section .heading-content .tagline {
            font-size: 16px;
            color: rgba(255,255,255,0.8);
            margin-bottom: 30px;
            width: 100%
        }

@media (max-width: 576px) {
    .heading-section {
        height: 155.99px !important
    }

        .heading-section .headline {
            font-size: 24px !important
        }
}
/*Font Size Responsive*/
@media (max-width: 2000px) {
    .h1-responsive {
        font-size: 4vw;
    }

    .h2-responsive {
        font-size: 2vw;
    }

    .h3-responsive {
        font-size: 3vw;
    }

    .accordion_a.T1-responsive {
        font-size: 1.3vw;
    }

    .p-responsive {
        font-size: 1vw;
    }

    .align-items-center.p-responsive {
        font-size: 1vw;
    }

    .align-items-center.h2-responsive {
        font-size: 2vw;
    }

    .modal-title.h2-responsive {
        font-size: 2vw;
    }

    .tnc.p-responsive {
        font-size: 1vw;
    }
}
@media (max-width: 1600px) {
    button[name=category] {
        white-space: normal;
        width: 450px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
button[name=category]:hover {
    -webkit-appearance: none;
    background: #ddd;
}
button.selected {
    outline:none;
    color: blue;
}
.button:focus {
    color: blue;
}
@media (max-width: 1500px) {
    button[name=category] {
        white-space: normal;
        width: 400px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 1400px) {
    button[name=category] {
        white-space: normal;
        width: 370px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 1300px) {
    button[name=category] {
        white-space: normal;
        width: 350px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 1200px) {
    button[name=category] {
        white-space: normal;
        width: 330px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 1150px) {
    button[name=category] {
        white-space: normal;
        width: 310px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 1100px) {
    button[name=category] {
        white-space: normal;
        width: 250px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 850px) {
    button[name=category] {
        white-space: normal;
        width: 200px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 750px) {
    button[name=category] {
        white-space: normal;
        width: 130px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 575px) {
    button[name=category] {
        white-space: normal;
        width: 400px;
        -webkit-appearance: none;
        background: white;
        border: none;
        text-align: left
    }
}
@media (max-width: 1500px) {

    .p-responsive {
        font-size: 1.2vw;
    }

    .align-items-center.p-responsive {
        font-size: 1.2vw;
    }

    .tnc.p-responsive {
        font-size: 1.2vw;
    }

    .accordion_a.T1-responsive {
        font-size: 1.4vw;
    }
}

@media (max-width: 1100px) {

    .p-responsive {
        font-size: 1.6vw;
    }

    .align-items-center.p-responsive {
        font-size: 1.6vw;
    }

    .tnc.p-responsive {
        font-size: 1.6vw;
    }

    .accordion_a.T1-responsive {
        font-size: 1.8vw;
    }
}
@media (max-width: 1600px) {
    .nav.nav-tabs.nav-fill {
        width:900px
    }
    .tab-pane.fade {
        width: 900px
    }
    
}
@media (max-width: 1400px) {
    .nav.nav-tabs.nav-fill {
        width: 850px
    }
    .tab-pane.fade {
        width: 850px
    }
}
@media (max-width: 1350px) {
    .nav.nav-tabs.nav-fill {
        width: 800px
    }
    .tab-pane.fade {
        width: 800px
    }
}
@media (max-width: 1300px) {
    .nav.nav-tabs.nav-fill {
        width: 750px
    }
    .tab-pane.fade {
        width: 750px
    }
}
@media (max-width: 1250px) {
    .nav.nav-tabs.nav-fill {
        width: 700px
    }
    .tab-pane.fade {
        width: 700px
    }
}
@media (max-width: 1200px) {
    .nav.nav-tabs.nav-fill {
        width: 650px
    }
    .tab-pane.fade {
        width: 650px
    }
}
@media (max-width: 1100px) {
    .nav.nav-tabs.nav-fill {
        width: 600px
    }
    .tab-pane.fade {
        width: 600px
    }
}
@media (max-width: 1000px) {
    .nav.nav-tabs.nav-fill {
        width: 550px
    }
    .tab-pane.fade {
        width: 550px
    }
}
@media (max-width: 900px) {
    .nav.nav-tabs.nav-fill {
        width: 500px
    }
    .tab-pane.fade {
        width: 500px
    }
}

@media (max-width: 800px) {
    .nav.nav-tabs.nav-fill {
        width: 450px
    }
    .tab-pane.fade {
        width: 450px
    }
}

@media (max-width: 700px) {
    .nav.nav-tabs.nav-fill {
        width: 400px
    }
    .tab-pane.fade {
        width: 400px
    }
}
@media (max-width: 650px) {
    .nav.nav-tabs.nav-fill {
        width: 350px
    }
    .tab-pane.fade {
        width: 350px
    }
}
@media (max-width: 575px) {
    .nav.nav-tabs.nav-fill {
        width: 500px
    }
    .tab-pane.fade {
        width: 500px
    }
}
@media (max-width: 565px) {
    .nav.nav-tabs.nav-fill {
        width: 480px
    }
    .tab-pane.fade {
        width: 480px
    }
}
@media (max-width: 555px) {
    .nav.nav-tabs.nav-fill {
        width: 470px
    }
    .tab-pane.fade {
        width: 470px
    }
}
@media (max-width: 545px) {
    .nav.nav-tabs.nav-fill {
        width: 460px
    }
    .tab-pane.fade {
        width: 460px
    }
}
@media (max-width: 535px) {
    .nav.nav-tabs.nav-fill {
        width: 450px
    }
    .tab-pane.fade {
        width: 450px
    }
}
@media (max-width: 525px) {
    .nav.nav-tabs.nav-fill {
        width: 440px
    }
    .tab-pane.fade {
        width: 440px
    }
}
@media (max-width: 515px) {
    .nav.nav-tabs.nav-fill {
        width: 430px
    }

    .tab-pane.fade {
        width: 430px
    }
}
@media (max-width: 505px) {
    .nav.nav-tabs.nav-fill {
        width: 420px
    }

    .tab-pane.fade {
        width: 420px
    }
}
@media (max-width: 495px) {
    .nav.nav-tabs.nav-fill {
        width: 410px
    }

    .tab-pane.fade {
        width: 410px
    }
}
@media (max-width: 485px) {
    .nav.nav-tabs.nav-fill {
        width: 400px
    }

    .tab-pane.fade {
        width: 400px
    }
}
@media (max-width: 445px) {
    .nav.nav-tabs.nav-fill {
        width: 350px
    }

    .tab-pane.fade {
        width: 350px
    }
}

@media (max-width: 425px) {
    .nav.nav-tabs.nav-fill {
        width: 340px
    }

    .tab-pane.fade {
        width: 340px
    }
}

@media (max-width: 395px) {
    .nav.nav-tabs.nav-fill {
        width: 330px
    }

    .tab-pane.fade {
        width: 330px
    }
}
@media (max-width: 365px) {
    .nav.nav-tabs.nav-fill {
        width: 300px
    }

    .tab-pane.fade {
        width: 300px
    }
}
@media (max-width: 335px) {
    .nav.nav-tabs.nav-fill {
        width: 280px
    }

    .tab-pane.fade {
        width: 280px
    }
}
@media (max-width: 300px) {
    .nav.nav-tabs.nav-fill {
        width: 250px
    }

    .tab-pane.fade {
        width: 250px
    }
}
@media (max-width: 290px) {
    .nav.nav-tabs.nav-fill {
        width: 200px
    }

    .tab-pane.fade {
        width: 200px
    }
}
.nav-item.h:hover {
    border: .1px solid grey;
}

@media (max-width: 900px) {
    .p-responsive {
        font-size: 1.6vw;
    }

    .align-items-center.p-responsive {
        font-size: 1.6vw;
    }

    .tnc.p-responsive {
        font-size: 1.6vw;
    }

    .accordion_a.T1-responsive {
        font-size: 1.8vw;
    }
}

@media (max-width: 1000px) {

    .p-responsive {
        font-size: 1.8vw;
    }

    .align-items-center.p-responsive {
        font-size: 1.8vw;
    }

    .tnc.p-responsive {
        font-size: 1.8vw;
    }

    .accordion_a.T1-responsive {
        font-size: 2vw;
    }
}

@media (max-width: 750px) {
    .h1-responsive {
        font-size: 4vw;
    }

    .h2-responsive {
        font-size: 3vw;
    }

    .h3-responsive {
        font-size: 3.5vw;
    }

    .p-responsive {
        font-size: 2.5vw;
    }

    .tnc.p-responsive {
        font-size: 2.5vw;
    }

    .align-items-center.p-responsive {
        font-size: 2.5vw;
    }

    .accordion_a.T1-responsive {
        font-size: 2.7vw;
    }

    .align-items-center.h2-responsive {
        font-size: 3vw;
    }

    .modal-title.h2-responsive {
        font-size: 3vw;
    }
}

@media (max-width: 576px) {
    .h1-responsive {
        font-size: 5vw;
    }

    .h2-responsive {
        font-size: 4vw;
    }

    .h3-responsive {
        font-size: 4.5vw;
    }

    .p-responsive {
        font-size: 3vw;
    }

    .tnc.p-responsive {
        font-size: 3vw;
    }

    .align-items-center.p-responsive {
        font-size: 3vw;
    }

    .accordion_a.T1-responsive {
        font-size: 4vw;
    }

    .align-items-center.h2-responsive {
        font-size: 4vw;
    }

    .modal-title.h2-responsive {
        font-size: 4vw;
    }
}

    .Home-page .content-container {
        height: 544px;
    }

    .Home-page .content-containera {
        height: auto;
    }

.Home-page .hero-section {
    color: rgba(255,255,255,0.8);
    height: 744px;
    padding-bottom: 0;
    background: rgba(0,0,0,0.3)
}

    .Home-page .hero-section .hero-image-wrapper {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        height: inherit;
        background: rgba(0,0,0,0.3)
    }

        .Home-page .hero-section .hero-image-wrapper .hero-image {
            background-image: url(../img/homepage-1422x800.jpg);
            position: inherit;
            content: "";
            top: inherit;
            z-index: -10;
            height: inherit;
            width: inherit;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }

        .Home-page .hero-section .hero-image-wrapper .hero-image-mask {
            background-color: rgba(0,0,0,0.3);
            position: inherit;
            content: "";
            top: inherit;
            background-size: cover;
            height: inherit;
            width: inherit
        }

    .Home-page .hero-section .hero-content {
        position: relative;
        height: inherit
    }

    .Home-page .hero-section .form-control {
        background-clip: unset
    }

.Home-page .privacy-section {
    background: #f5f5f5
}

@media (max-width: 576px) {
    .Home-page .hero-section {
        height: 500px
    }

        .Home-page .hero-section .content-container {
            height: auto;
            padding-top: 1rem;
            padding-bottom: 1rem;
            text-align: center
        }
}

.search-domain-wrapper .dropdown-menu.ccMenu, .domain-searchbar-wrapper .dropdown-menu.ccMenu {
    z-index: 9999
}

    .search-domain-wrapper .dropdown-menu.ccMenu .textbox-country-search, .domain-searchbar-wrapper .dropdown-menu.ccMenu .textbox-country-search {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-position: 14px 12px;
        background-repeat: no-repeat;
        font-size: 16px;
        padding: 14px 20px 12px 45px;
        border: 1px solid #ddd;
        margin: 0 5px 0 5px
    }

        .search-domain-wrapper .dropdown-menu.ccMenu .textbox-country-search:focus, .domain-searchbar-wrapper .dropdown-menu.ccMenu .textbox-country-search:focus {
            outline: none
        }

    .search-domain-wrapper .dropdown-menu.ccMenu .dropdown-items-with-scroll, .domain-searchbar-wrapper .dropdown-menu.ccMenu .dropdown-items-with-scroll {
        overflow-y: scroll;
        height: 220px;
        margin: 0 5px 0 5px
    }

        .search-domain-wrapper .dropdown-menu.ccMenu .dropdown-items-with-scroll .dropdown-item, .domain-searchbar-wrapper .dropdown-menu.ccMenu .dropdown-items-with-scroll .dropdown-item {
            padding-right: 0px
        }

.search-domain-wrapper .dropdown-item:focus, .search-domain-wrapper .dropdown-item:hover, .domain-searchbar-wrapper .dropdown-item:focus, .domain-searchbar-wrapper .dropdown-item:hover {
    color: #16181b;
    background-color: darkgrey
}

.domain-searchbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #282d31;
    padding-top: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sb_dropmenu_typetld {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.sb_dropmenu_cctld {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.sb_typetld {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.sb_cctld {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.searchBarButton {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

@media (min-width: 768px) {
    .domain-searchbar-wrapper .form-control {
        background-clip: unset
    }

    .domain-searchbar-wrapper .sb_cctld {
        margin-left: 0 !important
    }

    .domain-searchbar-wrapper .sb_dropmenu_cctld, .domain-searchbar-wrapper .sb_typetld, .domain-searchbar-wrapper .sb_cctld {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .domain-searchbar-wrapper .sb_dropmenu_typetld, .domain-searchbar-wrapper .sb_domain_name, .domain-searchbar-wrapper .sb_typetld, .domain-searchbar-wrapper .sb_cctld {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}

@media (min-width: 992px) {
    .domain-searchbar-wrapper .searchBarButton {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1200px) {
    .domain-searchbar-wrapper .searchBarButton {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.login-page {
    background: #282d31;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))),url(../img/login-background.jpg);
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../img/login-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: inherit;
    height: inherit
}

    .login-page .main-wrapper {
        height: 80vh
    }

    .login-page .validation-summary-box {
        color: #721c24;
        font-size: small
    }

        .login-page .validation-summary-box ul, .login-page .validation-summary-box li {
            padding-left: 0;
            list-style-type: none !important
        }

#loginDiv .card {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    max-width: 400px;
    background-color: #1d2023;
    border: 1px solid #343a40
}

#loginDiv .btn.btn-create-account {
    color: #fff;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    text-decoration: none;
    width: 100%;
    padding: 1em 0.5em;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center
}

    #loginDiv .btn.btn-create-account:hover {
        background: #343a40;
        border-color: #343a40
    }

#loginDiv .card-header {
    border: none;
    padding: 0.75rem 1.25rem
}

    #loginDiv .card-header img {
        margin-left: 20px
    }

#loginDiv .card-body, #loginDiv .card-footer {
    padding: 0.75rem 1.25rem
}

#loginDiv .card-footer {
    border-top: 1px solid #999ca4
}

#loginDiv .card button.close {
    font-size: 24px;
    font-weight: 300;
    text-shadow: none;
    background: none;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
    opacity: 0.6;
    height: 28px;
    border-radius: 50%;
    background-clip: padding-box;
    background: #999ca4;
    color: #fff;
    outline: none;
    padding: 8px;
    padding-top: 1px;
    margin: 0
}

#loginDiv .extra {
    position: relative;
    top: 5px;
    padding-bottom: 2rem;
    color: #999ca4;
    font-size: 14px
}

    #loginDiv .extra .forgotten-password {
        text-align: right;
        position: absolute;
        right: 0;
        top: 0
    }

    #loginDiv .extra a {
        color: #999ca4
    }

.page-nav-space-holder {
    min-height: 55.99px;
    position: relative;
    background: #f5f5f5
}

    .page-nav-space-holder .container-fluid {
        padding: 0
    }

    .page-nav-space-holder.row {
        margin-right: 0;
        margin-left: 0
    }

    .page-nav-space-holder li a {
        color: #656972;
        border-bottom: 3px solid transparent
    }

    .page-nav-space-holder .nav-item:hover a {
        background-color: #9e9e9e;
        color: #fff
    }

    .page-nav-space-holder .nav-item .active {
        border-bottom: 3px solid #383838
    }

@media (max-width: 576px) {
    .page-nav-space-holder .nav-item a {
        font-size: smaller
    }
}

.signup-blocks .container {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .signup-blocks .container {
        max-width: 730px
    }
}

.signup-blocks a.btn.btn-secondary[disabled] {
    color: #d3d3d3
}

.signup-blocks a.btn.btn-secondary {
    color: #fff;
    cursor: pointer
}

.signup-blocks .sign-up-icon {
    font-size: 48px
}

.signup-blocks span.text-danger {
    font-size: small
}

.domain-search-page {
    min-height: 85vh
}

    .domain-search-page .heading-image-mask {
        background-color: rgba(0,0,0,0.8)
    }

    .domain-search-page .header-space-holder {
        background: #282d31
    }

.search-result-wrapper, .recommendation-result-wrapper, .shopping-cart-wrapper, .select-cart-to-resources-wrapper, .resources-cart-wrapper {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5)
}

    .search-result-wrapper .card, .recommendation-result-wrapper .card, .shopping-cart-wrapper .card, .select-cart-to-resources-wrapper .card, .resources-cart-wrapper .card {
        background: #fff;
        border: 1px solid transparent;
        margin-bottom: 1.5rem
    }

    .search-result-wrapper .card-default, .recommendation-result-wrapper .card-default, .shopping-cart-wrapper .card-default, .select-cart-to-resources-wrapper .card-default, .resources-cart-wrapper .card-default {
        border-color: #d5d4d2
    }

    .search-result-wrapper .card-footer, .recommendation-result-wrapper .card-footer, .shopping-cart-wrapper .card-footer, .select-cart-to-resources-wrapper .card-footer, .resources-cart-wrapper .card-footer {
        padding: 4px 10px
    }

        .search-result-wrapper .card-footer [class*="row-"], .recommendation-result-wrapper .card-footer [class*="row-"], .shopping-cart-wrapper .card-footer [class*="row-"], .select-cart-to-resources-wrapper .card-footer [class*="row-"], .resources-cart-wrapper .card-footer [class*="row-"] {
            padding-left: 0.5rem
        }

        .search-result-wrapper .card-footer [class*="col-"], .recommendation-result-wrapper .card-footer [class*="col-"], .shopping-cart-wrapper .card-footer [class*="col-"], .select-cart-to-resources-wrapper .card-footer [class*="col-"], .resources-cart-wrapper .card-footer [class*="col-"] {
            padding: 0
        }

    .search-result-wrapper .cta-button, .recommendation-result-wrapper .cta-button, .shopping-cart-wrapper .cta-button, .select-cart-to-resources-wrapper .cta-button, .resources-cart-wrapper .cta-button {
        cursor: pointer
    }

    .search-result-wrapper .result-body {
        padding: 8px 10px;
        word-break: break-all
    }

    .search-result-wrapper .result h2 {
        margin-bottom: 0
    }

    .search-result-wrapper .result h2, .search-result-wrapper .normal_price, .search-result-wrapper .promo_price {
        font-size: 1rem
    }

        .search-result-wrapper .result_tagline, .search-result-wrapper .renewal_price, .search-result-wrapper .promo_price .icon, .search-result-wrapper .result-footer {
            font-size: 0.85rem
        }

    .search-result-wrapper .result-wrapper .is-available {
        color: #5597d1
    }

    .search-result-wrapper .result-wrapper .not-available {
        color: #d9534f
    }

    .recommendation-result-wrapper .recommend-wrapper:last-child {
        border: none
    }

    .recommendation-result-wrapper .recommendations-body {
        padding: 0 10px
    }

    .recommendation-result-wrapper .recommend-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recommendation-result-wrapper .recommend-wrapper {
        border-bottom: 1px solid #eee;
        font-weight: 400;
        word-break: break-all;
        cursor: pointer
    }

    .recommendation-result-wrapper .recommend-header, .recommendation-result-wrapper .normal_price, .recommendation-result-wrapper .promo_price {
        font-size: 0.9rem
    }

        .recommendation-result-wrapper .recommend_tagline, .recommendation-result-wrapper .renewal_price, .recommendation-result-wrapper .promo_price .icon, .recommendation-result-wrapper .result-footer {
            font-size: 0.65rem
        }

.result_tagline, .recommend_tagline {
    display: block;
    font-size: small;
    color: #6d6e70;
    padding-left: 0.25rem
}

.result-wrapper, .recommend-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

    .result-wrapper .result, .result-wrapper .recommend, .recommend-wrapper .result, .recommend-wrapper .recommend {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.5rem
    }

.result-card.not-available, .recommended-card.not-available {
    border-left: 5px solid #d9534f
}

.result-card.is-available, .recommended-card.is-available {
    border-left: 5px solid #5597d1
}

.result-available-heading, .recommendations-heading, .shopping-cart-heading {
    text-transform: uppercase;
    font-size: 0.9rem;
    background: #eee;
    padding: 5px 10px;
    color: #333;
    line-height: 1.5;
    border: none
}

.price-wrapper, .result-price, .recommend-price {
    margin-left: auto;
    padding-left: 8px;
    color: #656972;
    text-align: right
}

    .result-price .renewal_price {
        display: block
    }

    .recommend-price .renewal_price {
        display: block
    }

.promo_price {
    color: #f26522
}

    .promo_price .badge-danger {
        background: #f26522;
        color: #fff
    }

.strike-through {
    text-decoration: line-through
}

ul.available-list-wrapper {
    margin-bottom: 0
}

.shopping-cart-wrapper .shopping-cart-body, .select-cart-to-resources-wrapper .shopping-cart-body, .resources-cart-wrapper .shopping-cart-body {
    padding: 0 10px
}

    .shopping-cart-wrapper .shopping-cart-body .card-title, .select-cart-to-resources-wrapper .shopping-cart-body .card-title, .resources-cart-wrapper .shopping-cart-body .card-title {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        margin-bottom: 0;
        border-bottom: 1px solid #eee
    }

.shopping-cart-wrapper .cart-item-wrapper, .select-cart-to-resources-wrapper .cart-item-wrapper, .resources-cart-wrapper .cart-item-wrapper {
    border-bottom: 1px solid #eee;
    padding: 8px 4px
}

    .shopping-cart-wrapper .cart-item-wrapper:last-child, .select-cart-to-resources-wrapper .cart-item-wrapper:last-child, .resources-cart-wrapper .cart-item-wrapper:last-child {
        border-bottom: none
    }

    .shopping-cart-wrapper .cart-item-wrapper:hover, .select-cart-to-resources-wrapper .cart-item-wrapper:hover, .resources-cart-wrapper .cart-item-wrapper:hover {
        background: #dcdcdc
    }

    .shopping-cart-wrapper .cart-item-wrapper .remove-item, .select-cart-to-resources-wrapper .cart-item-wrapper .remove-item, .resources-cart-wrapper .cart-item-wrapper .remove-item {
        color: #5d0000;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        margin-top: 3px
    }

        .shopping-cart-wrapper .cart-item-wrapper .remove-item:hover, .select-cart-to-resources-wrapper .cart-item-wrapper .remove-item:hover, .resources-cart-wrapper .cart-item-wrapper .remove-item:hover {
            opacity: 1;
            text-decoration: none
        }

    .shopping-cart-wrapper .cart-item-wrapper .cart-item-group, .select-cart-to-resources-wrapper .cart-item-wrapper .cart-item-group, .resources-cart-wrapper .cart-item-wrapper .cart-item-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .shopping-cart-wrapper .cart-item-wrapper .item_title, .select-cart-to-resources-wrapper .cart-item-wrapper .item_title, .resources-cart-wrapper .cart-item-wrapper .item_title {
        padding-left: 0.75rem
    }

    .shopping-cart-wrapper .cart-item-wrapper .domain_name, .select-cart-to-resources-wrapper .cart-item-wrapper .domain_name, .resources-cart-wrapper .cart-item-wrapper .domain_name {
        font-size: 1.25rem;
        font-weight: 500
    }

    .shopping-cart-wrapper .cart-item-wrapper .country, .shopping-cart-wrapper .cart-item-wrapper .price, .select-cart-to-resources-wrapper .cart-item-wrapper .country, .select-cart-to-resources-wrapper .cart-item-wrapper .price, .resources-cart-wrapper .cart-item-wrapper .country, .resources-cart-wrapper .cart-item-wrapper .price {
        font-weight: 400
    }

.shopping-cart-wrapper .is-selected, .select-cart-to-resources-wrapper .is-selected, .resources-cart-wrapper .is-selected {
    background: #dcdcdc;
    border-left: 4px solid #5597d1;
    padding-left: 0px
}

.resource-title {
    padding: 0.75rem;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #eee
}

.resource-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: 478px
}

    .resource-wrapper .resource-box {
        padding: 1rem;
        border-radius: 0.25rem
    }

    .resource-wrapper .resource-name {
        padding: 0.75rem;
        font-size: 1.25rem;
        font-weight: 400;
        text-align: center
    }

@media (min-width: 768px) {
    .result-available-heading, .recommendations-heading {
        font-size: 1.25rem
    }

    .search-result-wrapper .result h2 {
        font-size: 2rem
    }

    .search-result-wrapper .normal_price, .search-result-wrapper .promo_price {
        font-size: 1.9rem
    }

        .search-result-wrapper .result_tagline, .search-result-wrapper .renewal_price, .search-result-wrapper .promo_price .icon, .search-result-wrapper .result-footer {
            font-size: 1rem
        }

    .recommendation-result-wrapper .recommend-header {
        font-size: 1.5rem
    }

    .recommendation-result-wrapper .normal_price, .recommendation-result-wrapper .promo_price {
        font-size: 1.25rem
    }

        .recommendation-result-wrapper .recommend_tagline, .recommendation-result-wrapper .renewal_price, .recommendation-result-wrapper .promo_price .icon, .recommendation-result-wrapper .result-footer {
            font-size: 0.85rem
        }
}

.cart-page {
    min-height: 85vh
}

@media (max-width: 576px) {
    .shopping-cart-wrapper .cta-domain-btn-grp .btn {
        margin-bottom: 1rem !important;
        text-align: center;
        width: 100%
    }
}

.checkout-page {
    min-height: 85vh
}

    .checkout-page .heading-section {
        height: 255.99px
    }

    .checkout-page .heading-wrapper {
        height: inherit
    }

    .checkout-page .checkout-summary-wrapper, .checkout-page .checkout-payment-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1.5rem
    }

        .checkout-page .checkout-summary-wrapper .checkout-table, .checkout-page .checkout-payment-wrapper .checkout-table {
            -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);
            box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);
            max-width: 700px
        }

            .checkout-page .checkout-summary-wrapper .checkout-table .checkout_remove_icon, .checkout-page .checkout-payment-wrapper .checkout-table .checkout_remove_icon {
                text-align: center;
                vertical-align: middle;
                padding-left: 0.5rem;
                padding-right: 0
            }

            .checkout-page .checkout-summary-wrapper .checkout-table .checkout_price, .checkout-page .checkout-payment-wrapper .checkout-table .checkout_price {
                padding-right: 0.5rem;
                text-align: right
            }

        .checkout-page .checkout-summary-wrapper .payment-options .payment-item, .checkout-page .checkout-payment-wrapper .payment-options .payment-item {
            border: 1px solid #eee;
            text-align: center
        }

        .checkout-page .checkout-summary-wrapper .payment-options img, .checkout-page .checkout-payment-wrapper .payment-options img {
            height: 50px
        }

.customer-account-page .heading-section {
    height: 255.99px
}

.customer-account-page .heading-wrapper {
    height: inherit
}

.customer-account-page .main-wrapper {
    padding-top: 0
}

.customer-account-page .enquiry-card {
    margin-bottom: 1rem;
    color: #1e2833
}

    .customer-account-page .enquiry-card .card {
        margin-bottom: 1rem;
        color: #1e2833
    }

    .customer-account-page .enquiry-card .card-header {
        font-weight: bold;
        padding: 5px 0.5rem
    }

        .customer-account-page .enquiry-card .card-header p {
            margin: 0
        }

        .customer-account-page .enquiry-card .card-header a {
            padding: 0.25rem;
            font-weight: bold
        }

            .customer-account-page .enquiry-card .card-header a :hover {
                background: #dadada
            }

    .customer-account-page .enquiry-card .enquiry-card-subject:hover {
        background: #dadada;
        cursor: pointer
    }

    .customer-account-page .enquiry-card .card-body {
        padding: 0.5rem
    }

    .customer-account-page .enquiry-card .card-footer {
        padding: 5px 0.5rem;
        text-align: center
    }

.customer-account-page .how_text {
    font-weight: bold;
    margin: 1.5rem 1.5rem 1.5rem 0
}

.customer-account-page .myzone-card-body .zone-items {
    margin-bottom: 1rem
}

.customer-account-page .myzone-card-body .zone_name {
    font-size: small;
    font-weight: bold
}

.customer-account-page .news-items {
    margin-bottom: 1.5rem
}

    .customer-account-page .news-items .news_date, .customer-account-page .news-items .news_title, .customer-account-page .news-items .news_content {
        margin-bottom: 0
    }

    .customer-account-page .news-items .news_date {
        opacity: 0.7
    }

    .customer-account-page .news-items .news_title {
        font-weight: bold
    }

    .customer-account-page .news-items .news_content {
        font-size: small
    }

.customer-account-page .doclist-card :hover {
    background: #dadada
}

.footer {
    background: #282d31;
    color: rgba(255,255,255,0.7);
    padding-top: 20px;
    padding-bottom: 5px
}

    .footer .nav-brand img {
        height: 40px;
        margin: 0
    }

    .footer a {
        color: rgba(255,255,255,0.7)
    }

    .footer .footer-col .col-title {
        font-size: 16px;
        color: #fff;
        font-weight: normal
    }

    .footer .footer-col .footer-menu li {
        font-size: 14px;
        margin-bottom: 5px
    }

    .footer .divider {
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(255,255,255,0.1)
    }

    .footer .social-media {
        margin-bottom: 10px
    }

#login-modal .btn.btn-create-account {
    color: #fff;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    text-decoration: none;
    width: 100%;
    padding: 1em 0.5em;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center
}

    #login-modal .btn.btn-create-account:hover {
        background: #343a40
    }

#login-modal .modal-content {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    max-width: 400px;
    background-color: rgba(0,0,0,0.9) !important;
    border: 1px solid #343a40
}

#login-modal .modal-header {
    border: none;
    padding: 0.75rem 1.25rem
}

#login-modal .modal-body, #login-modal .modal-footer {
    padding: 0.75rem 1.25rem
}

#login-modal .modal button.close {
    font-size: 24px;
    font-weight: 300;
    text-shadow: none;
    background: none;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
    opacity: 0.6;
    height: 28px;
    border-radius: 50%;
    background-clip: padding-box;
    background: #999ca4;
    color: #fff;
    outline: none;
    padding: 8px;
    padding-top: 1px;
    margin: 0
}

#login-modal .modal-auth .extra {
    position: relative;
    top: 5px;
    margin-bottom: 1rem;
    color: #999ca4;
    font-size: 14px
}

    #login-modal .modal-auth .extra .forgotten-password {
        text-align: right;
        position: absolute;
        right: 0;
        top: 0
    }

    #login-modal .modal-auth .extra a {
        color: #999ca4
    }

#TLD-Modal-Wrapper .tld-modal-body {
    padding-left: 2rem;
    padding-right: 2rem
}

    #TLD-Modal-Wrapper .tld-modal-body .tld-search-list-group {
        overflow-y: scroll;
        height: 198px
    }

        #TLD-Modal-Wrapper .tld-modal-body .tld-search-list-group .tld-search-list-item {
            padding: 0.25rem 1rem;
            border: 0
        }

        #TLD-Modal-Wrapper .tld-modal-body .tld-search-list-group .list-group-item-action:hover {
            background-color: #dee2e6
        }

#AlertMsgModal-wrapper .modal {
    z-index: 1999 !important
}

.spinner-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.faq-page .faq-box-wrapper {
    margin: 1rem;
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,0.125);
    padding: 0
}

.faq-page .faq-header-card {
    min-height: 100px;
    background-color: transparent
}

@media (max-width: 576px) {
    .faq-page .faq-box-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 200
}

.my-cart-bar {
    margin-left: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 200
}

@media (max-width: 576px) {
    .about-us-page .container {
        height: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }
}
@media (max-width: 576px) {
    .contact-us-page .container {
        height: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #6c757d
}

    .cookiealert.show {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-delay: 1000ms;
        transition-delay: 1000ms
    }

    .cookiealert a {
        text-decoration: underline;
        color: #ffc107
    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline
    }