@import "style/pricing.css" screen;
@import "style/slider.css" screen;



.inactive {
    opacity: 0;
    z-index: -1;

    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.modal .noi-close-btn {
    position: absolute;
    right: 20px;
    top: 10px;
    border: 0;
    background: transparent;
    font-size: 45px;
    color: #fff;
    z-index: 99;
    outline: none;

}

.modal.noi-checkout-modal .noi-close-btn {
    right: 20px;
    top: 5px;
    font-size: 45px;
}

.modal .noi-close-btn span,
.modal .noi-close-btn span i {
    pointer-events: none;
}

.modal .modal-body {
    min-height: 460px;
}

.modal .modal-content .noi-close-btn span,
.modal .modal-content .noi-close-btn span i {
    pointer-events: none;
}

.noi-seperator {
    text-align: center;
    margin: 15px;
}

.noi-seperator .line {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    position: relative;
    width: 100px
}

.noi-seperator .text {
    position: relative;
    width: 50px;
    height: 20px;
    color: #555;
    margin: 0px auto;
    background: #fff;
    display: block;
    margin-top: -17px;
    text-align: center;
}

#subpages-bluestrip {
    background: #1D82BD;
}

#subpages-bluestrip.bluestrip-content-title {
    padding: 10px 10px;
    border: 0px solid #e5e5e5;
    border-top: 0;
    background: #1D82BD;
}

#subpages-bluestrip.bluestrip-content-title > div {
    padding: 0;
    position: relative;
}

#subpages-bluestrip.bluestrip-content-title h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: left;
    color: #fff;
}

#subpages-bluestrip.bluestrip-content-title span {
    font-size: 14px;
    color: #abe0ff;
}

/* auto suggest email id */

.auto-list {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    margin-top: 14px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99;
    border-top: 0;
    color: #555;
    box-shadow: 0 1px 8px 0px #888;
}

.auto-list li {
    padding: 5px 8px;
    list-style: none;
    cursor: pointer;
}

.auto-list li.highlighted {
    background-color: #ddd;
    color: #555;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 
animate css */
@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

/*
        Dynamic 
*/

.dynm-paypal-cont {
    text-align: center;
    padding: 50px;
    height: 100%;
    width: 100%;
    background: url('/img/paypalbg.png');
    background-position: 0 55px;
    background-repeat: no-repeat;
}

.dynm-paypal-cont .pf-paypal-alt {
    color: #1d82bd;
}

a.dynm-pp-submit {
    padding: 15px 30px;
    color: #fff;
    display: inline-block;
    background: #1d82bd;
    text-decoration: none;
    border-radius: 2px;
    font-size: 1em;
}

.dynm-pp-desc {
    padding: 30px;
    font-weight: bold;
    line-height: 28px;
}

#overover {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    display: block;
    height: 100%;

    z-index: 9999999;
}

.spinner.in {
    animation: 1s ease-in-out 0s normal none infinite running sk-scaleout;
    background-color: red;
    border-radius: 100%;
    bottom: 0;
    height: 3em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 3em;
}

@keyframes sk-scaleout {
    0% {
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes sk-scaleout {
    0% {
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}


/* Home page titles */

.hm-section-title {
    text-align: center;
    margin:50px 0;
    font-size: 1.2em;
}



.hm-testinomials-images {
    border-bottom: 1px solid #e5e5e5;
}
.hm-testinomials-title {
    text-align: center;
    margin:50px 0;
    font-size: 1.2em;
}

.quote-avatars {
    display: table;
    width: 100%;
    padding: 0;
    text-align: center;
}
ul.quote-avatars li {
    display: inline-block;
    width: 100px;
    margin: 0 1px;
    cursor: pointer;
}
ul.quote-avatars li.active {
    box-shadow: 0 0 24px 0px #3a92c6;
    z-index: 1;
    position: relative;

}

ul.quote-avatars li.quote0 {
    pointer-events: none;
}
ul.quote-avatars li.quote0.quote03 {
    opacity: 0.6;
}
ul.quote-avatars li.quote0.quote02 {
    opacity: 0.4;
}
ul.quote-avatars li.quote0.quote01 {
    opacity: 0.2;
}


ul.quote-avatars li img {
    width: 100%;
    pointer-events: none;
}
.quote-messages {
    display: table;
    width: 100%;
    padding: 0;
    text-align: center;
    list-style: none;
    text-align: center;
    min-height: 300px;
}
.quote-messages li {
    opacity: 0;
    height: 0;
    visibility: hidden;

    -webkit-transition: opacity ease 5s;	
    transition: opacity ease 5s;
}
.quote-messages li.active {
    opacity: 1;
    height: auto;
    visibility: visible;

    -webkit-transition: opacity ease 2s;	
    transition: opacity ease 2s;
}

.quote-messages li.active .quote-msg {
    margin: 76px 0 30px;
}

.quote-msg blockquote {
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: gray;
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.quote-msg blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.4em;
    left: -.2em;
    text-shadow: none;
    z-index: -300;
}
.quote-author {
    font-weight: bold;
    margin: 25px;
    font-style: italic;
}

.quote-socialconnect {
    margin: 25px 0px 50px;
}

.quote-socialconnect.socialmedia-socialmedias-icons .button {
    display: inline-block;
    float: none;
}





/*
-------------------------------------------------------------------------------------------------------
HEADER CSS
-------------------------------------------------------------------------------------------------------
*/

.noi-header {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
}

.noi-header.fixed {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 999;
}

.noi-header .header-left span.mobilemenu {
    top: 0;
    right: 0;
    padding: 10px;
    position: absolute;
    font-size: 24px;
    cursor: pointer;
    display: none;
}

.noi-header .header-left span.mobilemenu i {
    pointer-events: none;
}

.noi-header .header-left,
.noi-header .header-right {
    float: left;
    display: inline-block;
}

.noi-header .header-right {
    float: right;
    text-align: right;
}

.noi-header .header-right a {
    border: 0;
    background: transparent;
    padding: 18px;
    color: #111;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
}
.noi-header .header-right a.btn {
    background: #1d82bd;
    padding: 8px 17px;
    border-radius: 3px;
    color: #fff;
    margin: 5px;
}

.noi-header .header-right a.active {
    color: #1d82bd;
}

.noi-header .header-right a#noi-register {
    padding: 12px 30px;
    border: 2px solid #1d82bd;
    border-radius: 2px;
    font-weight: bold;
    color: #1d82bd;
}

.noi-header .header-right ul.main-menu li {
    list-style: none;
    display: inline-block;
}

.noi-header .header-right ul.main-menu li a {
    border: 0;
    background: transparent;
    padding: 18px;
    margin-left: 10px;
    color: #85888C;
    display: inline-block;
    text-decoration: none;
    text-transform: capitalize;
}

/* noi-bdy-container */
.noi-bdy-container.activemenu:before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    background: #111;
    z-index: 999;
    top: 0;
    opacity: 0.3;
}

.noi-header.activemenu {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    background: #fff;
    padding: 0 10px;
}




/*
-------------------------------------------------------------------------------------------------------
LANDING CSS
-------------------------------------------------------------------------------------------------------
*/

.landingpage .noi-header {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    background: rgb(255, 255, 255);
    padding: 10px;
    border-bottom: 0;
    box-shadow: 0 -5px 15px 2px #064f79;
/*    position: relative!important;
    z-index: 1!important;
    padding-top: 12px!important;*/
}

.landingpage .noi-header .header-right a {
    /*color: #fff;*/
}

.noi-landingpage {
    background: #1D82BD;
    text-align: center;
    color: #fff;
    height: 100vh;
    box-sizing: border-box;
    position: relative;

}

.landingpage #logo {
    /*-webkit-filter: brightness(7);*/
}

.landingpage .noi-header .header-right a#noi-register {
    border-color: #fff;
    color: #fff;
}

#hm-header-signup {
    display: inline-block;
}

#hm-header-signup input[type="email"] {
    padding: 10px;
    border: 1px solid #3a92c6;
    border-radius: 3px 0 0 3px;
    outline: none;
    line-height: 22px;
    min-width: 200px;
    border-radius: 3px 0 0 3px;
}

#hm-header-signup input[type="submit"] {
    padding: 11px 20px;
    line-height: 22px;
    font-size: 1em;
    border-radius: 0 3px 3px 0;
}

.bannerwrap-cont {
    margin: 0px auto;
    line-height: 35px;
}

/* social icons */
.fnt-logsocial .socialicons {
    color: #fff;
    display: table;
    width: 100%;
    margin: 0;
}

.fnt-logsocial .socialicons a {
    color: #fff;
    display: inline-block;
    width: 100%;
    line-height: 25px;
    border-radius: 2px
}

.fnt-logsocial .socialicons span,
.fnt-logsocial .socialicons h1 {
    display: inline-block;
    float: left;
}

.fnt-logsocial .socialicons span {
    padding-right: 10px;
    font-size: 24px;
    vertical-align: middle;
    padding: 10px 0;
    width: 50px;
}

.fnt-logsocial .socialicons h1 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    padding: 10px;
    font-weight: normal;
}

.fnt-logsocial .socialicons.facebook a {
    background: #305c99;
}

.fnt-logsocial .socialicons.googleplus a {
    background: #d24228;
}

.bannerwrap--logreg {
    display: table;
    width: 100%;
    position: relative;
    z-index: 999;
}

.bannerwrap--col {
    width: 50%;
    padding: 25px 55px;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    padding-bottom: 60px;
}

.bannerwrap--col .or-seperator {
    position: absolute;
    top: 40%;
    right: -12px;
}

.bannerwrap--col .or-seperator span {
    font-size: 14px;
    position: relative;
}

.bannerwrap--col .or-seperator span:before {
    width: 2px;
    height: 20px;
    background: #f4f9fc;
    position: absolute;
    content: '';
    top: -22px;
    right: 10px;
}

.bannerwrap--col .or-seperator span:after {
    width: 2px;
    height: 20px;
    background: #f6f6f6;
    position: absolute;
    content: '';
    bottom: -22px;
    right: 10px;
}

.logreg-native form label input {
    width: 100%;
    display: block;
    border: 0px;
    border-radius: 2px;
    padding: 10px;
    color: #333;
    line-height: 25px;
    border:2px solid transparent;
}

.logreg-native form label input.invalid {
    border: 2px solid red;
}

.logreg-native form label {
    display: block;
    margin: 15px 0;
}

.logreg-native form .input-group {
    padding: 0;
}

.logreg-native form button[type="submit"] {
    width: 100%;
    background: #106ba0;
    padding: 10px;
    line-height: 25px;
}

.bannernotification {
    position: absolute;
    bottom: 0;
    z-index: 99;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    right: 0;
    color: #111;
    background: rgba(255, 255, 255, 0.22);
    background: #e5e5e5;
}

.bannernotification button {
    background: #106ba0;
    border: 0;
    color: #fff;
    padding: 5px 10px;
    margin: 0 10px;
}

.bannernotification a {
    border-bottom-style: dotted;
    color: #305c99;
    font-weight: bold;
    margin: 0 10px;
    text-decoration: none;
}

.landingpage .elemwrap {
    display: table;
    position: relative;
    z-index: 99;
}

.landingpage .bannerwrap-cont {
    display: table-cell;
    vertical-align: middle;
    padding-top: 115px;
}

.landingpage .bannerwrap-cont > h1.hm-banner-sec1-title {
    font-size: 2.5em;
}

.landingpage .bannerwrap-cont > p.hm-banner-sec1-desc {
    font-size: 1.3em;
}

#bannerwrap {
    width: 960px;
}

#hero-graphic {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    font-size: 0
}

#hero-graphic .col {
    float: left;
    height: 100%;
    min-height: 10px;
    width: 2%;
    border-left: 1px solid #1d82bd;
    border-right: 1px solid #1d82bd;
    position: relative
}

#hero-graphic .col .bar {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #17d9c6;
    background: linear-gradient(#2187c3, #1d82bd);
    background: linear-gradient(#2592d2, #1773a9);
    transition: all 1s ease .1s;
    box-sizing: content-box;
    transform: translate3d(0, 0, 0)
}

#hero-graphic .col:hover .bar {
    transition: all .15s ease;
    padding: 150% 0
}

#hero-graphic .col-0 .bar {
    height: 65%
}

#hero-graphic .col-1 .bar {
    height: 55%
}

#hero-graphic .col-2 .bar {
    height: 42%
}

#hero-graphic .col-3 .bar {
    height: 26%
}

#hero-graphic .col-4 .bar {
    height: 36%
}

#hero-graphic .col-5 .bar {
    height: 60%
}

#hero-graphic .col-6 .bar {
    height: 39%
}

#hero-graphic .col-7 .bar {
    height: 58%
}

#hero-graphic .col-8 .bar {
    height: 36%
}

#hero-graphic .col-9 .bar {
    height: 55%
}

#hero-graphic .col-10 .bar {
    height: 46%
}

#hero-graphic .col-11 .bar {
    height: 28%
}

#hero-graphic .col-12 .bar {
    height: 52%
}

#hero-graphic .col-13 .bar {
    height: 60%
}

#hero-graphic .col-14 .bar {
    height: 62%
}

#hero-graphic .col-15 .bar {
    height: 37%
}

#hero-graphic .col-16 .bar {
    height: 66%
}

#hero-graphic .col-17 .bar {
    height: 42%
}

#hero-graphic .col-18 .bar {
    height: 22%
}

#hero-graphic .col-19 .bar {
    height: 39%
}

#hero-graphic .col-20 .bar {
    height: 34%
}

#hero-graphic .col-21 .bar {
    height: 46%
}

#hero-graphic .col-22 .bar {
    height: 52%
}

#hero-graphic .col-23 .bar {
    height: 56%
}

#hero-graphic .col-24 .bar {
    height: 65%
}

#hero-graphic .col-25 .bar {
    height: 36%
}

#hero-graphic .col-26 .bar {
    height: 49%
}

#hero-graphic .col-27 .bar {
    height: 35%
}

#hero-graphic .col-28 .bar {
    height: 41%
}

#hero-graphic .col-29 .bar {
    height: 55%
}

#hero-graphic .col-30 .bar {
    height: 30%
}

#hero-graphic .col-31 .bar {
    height: 62%
}

#hero-graphic .col-32 .bar {
    height: 52%
}

#hero-graphic .col-33 .bar {
    height: 37%
}

#hero-graphic .col-34 .bar {
    height: 39%
}

#hero-graphic .col-35 .bar {
    height: 65%
}

#hero-graphic .col-36 .bar {
    height: 49%
}

#hero-graphic .col-37 .bar {
    height: 29%
}

#hero-graphic .col-38 .bar {
    height: 26%
}

#hero-graphic .col-39 .bar {
    height: 54%
}

#hero-graphic .col-40 .bar {
    height: 42%
}

#hero-graphic .col-41 .bar {
    height: 32%
}

#hero-graphic .col-42 .bar {
    height: 38%
}

#hero-graphic .col-43 .bar {
    height: 43%
}

#hero-graphic .col-44 .bar {
    height: 51%
}

#hero-graphic .col-45 .bar {
    height: 36%
}

#hero-graphic .col-46 .bar {
    height: 30%
}

#hero-graphic .col-47 .bar {
    height: 40%
}

#hero-graphic .col-48 .bar {
    height: 61%
}

#hero-graphic .col-49 .bar {
    height: 27%
}

#hero-graphic .col-50 .bar {
    height: 30%
}

.landing-howitworks {
    margin: 50px;
}

.landing-howitworks .elemwrap h1 {
    text-align: center;
    line-height: 38px;
    color: #555;
}

.landing-howitworks .stepdetails {
    margin: 30px 0;
    line-height: 38px;
    color: #555;
    position: relative;
}

.landing-howitworks .stepdetails:before {
    content: '0';
    position: absolute;
    left: -100px;
    top: -5px;
    width: 50px;
    height: 50px;
    border: 8px double;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    background: #1d82bd;
}

.landing-howitworks .stepdetails:after {
    content: '';
    width: 10px;
    left: -80px;
    position: absolute;
    top: 40px;
    z-index: -1;
}

.landing-howitworks .stepdetails.hm-step1:before {
    content: '1';
}

.landing-howitworks .stepdetails.hm-step2:before {
    content: '2';
}

.landing-howitworks .stepdetails.hm-step3:before {
    content: '3';
}

.landing-howitworks .stepdetails.hm-step1:after {
    top: -56px;
    height: 0px;
}

.landing-howitworks .stepdetails.hm-step1.active:after {
    top: -56px;
    height: 306px;
    background: #b3d9ef;
    -webkit-transition: ease-in 0.5s;
}

.landing-howitworks .stepdetails.active:before {
    background: #1d82bd;
    -webkit-transition: ease-in 0.3s;
}

.landing-howitworks .stepdetails.hm-step2:after {
    height: 680px;
}

.landing-howitworks .stepdetails.hm-step2.active:after {
    height: 695px;
    background: #b3d9ef;
    -webkit-transition: ease-in 0.5s;
}

.landing-howitworks .stepdetails.hm-step3:after {
    height: 118px;
}

.landing-howitworks .stepdetails.hm-step3.active:after {
    height: 118px;
    background: #b3d9ef;
    -webkit-transition: ease-in 0.5s;
}

.hm-selc-domain,
.hm-select-location {
    margin-bottom: 100px;
}

.hm-selc-domain input {
    width: 80% !important;
}

.howitworks-cont {
    padding-left: 120px;
    margin: 50px 0 100px;
    position: relative;
}

.howitworks-cont:before {
    content: '';
    content: '';
    width: 10px;
    height: 1200px;
    background: #e5e5e5;
    left: 40px;
    position: absolute;
    top: -50px;
    z-index: -1;
}

.howitworks-cont .crtdrpinnersec.applications-list ul li {
    min-width: auto;
    border-color: transparent;
}

.howitworks-cont .crtdrpinnersec.applications-list ul li.active {
    border: 2px solid #1D82BD;
}

.hm-selc-domain,
.hm-select-location,
.hm-select-application {
    text-align: left;
}

.hm-select-application .crtdrpinnersec.applications-list {
    text-align: left;
}

.hm-select-application .crtdrpinnersec.applications-list ul li:after {
    text-align: center;
    text-transform: capitalize;
}

/*button submit all*/

.hm-select-deploy #hmsuball {
    background: #dedddd;
    padding: 15px 200px;
    /* border: 1px solid #a0a0a2; */
    color: #a5a5a5;
    cursor: no-drop;
}

.hm-select-deploy #hmsuball.active {
    background: #1D82BD;
    color: #fff;
    cursor: pointer;
}

.hm-footer {
    background: #333;
    border: 0;
    color: #fff;
}

.hm-footer .footer-link {
    float: left;
}

.hm-footer .footer-link ul li {
    display: inline-block;
    float: left;
}

.hm-footer .footer-link ul li a {
    padding: 20px 15px;
    display: inline-block;
    color: #999;
    text-decoration: none;
    text-transform: capitalize;
}

.hm-footer .footer-link ul li a:hover {
    color: #888;
}

.hm-footer .footer-creds {
    float: right;
    padding: 20px;
    color: #999;
    text-align: right;
}

.hm-footer .footer-link ul {
    display: block;
}

/* hm location containe */
.hm-locations-cont {
    overflow: hidden;
    position: relative;
}

.hm-locations-cont img {
    width: 100%;
    position: relative;
}

.loc1.tampa {
    position: absolute;
    top: 45%;
    right: 74.5%;
    display: none;
}

.loc2.losangeles {
    position: absolute;
    top: 41%;
    left: 17%;
}

.loc3.newjersey {
    position: absolute;
    top: 38%;
    left: 27.5%;
}

.loc4.dallas {
    position: absolute;
    top: 42%;
    left: 22%;
}

.loc5.montreal {
    position: absolute;
    top: 34%;
    left: 28%;
    display: none;
}

.loc6.roubaix {
    position: absolute;
    top: 37%;
    left: 46.5%;
    display: none;
}

.loc7.london {
    position: absolute;
    top: 30%;
    left: 47%;
    display: none;
}

.loc8.frankfurt {
    position: absolute;
    top: 34%;
    left: 48.5%;
    display: none;
}

.loc9.australia {
    position: absolute;
    top: 77%;
    left: 83%;
    display: none;
}

.loc10.bangalore {
    position: absolute;
    top: 54%;
    left: 68%;
    display: none;
}

.loc11.singapore {
    position: absolute;
    top: 60%;
    left: 74.5%;
    display: none;
}

.loc12.costa-rica {
    position: absolute;
    top: 54%;
    right: 75.5%;
}

.loc13.amsterdam {
    position: absolute;
    top: 30%;
    right: 50.5%;
}

.hm-select-deploy {
    margin: 70px 0;
    text-align: center;
}

.hm-select-deploy button {
    padding: 15px 200px;
}

.hm-featured-images {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.hm-featured-images img {
    width: 80%;
}

.hm-features {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(3, 169, 244, 0.13) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    border-top: 1px solid #03A9F4;
    text-align: center;
    color: #555;
}

.hm-features > .section {
    padding: 50px 50px 115px;
    background-size: 30px;
    padding-top: 0;
}

.hm-feature {
    display: inline-block;
    float: left;
    width: 33%;
    float: left;
    padding: 20px;
}

.hm-feature img {
    width: 120px;
    margin: 35px;
}

.hm-feature h4 {
    margin-bottom: 15px;
    color: #0f89cf;
    font-size: 1.2em;
    text-align: center;
}
.hm-feature p {
    text-align: justify;
}

/* testinomails */
.hm-testinomials {
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5;
}

.testimonial-quote {
    position: relative;
}

.testimonial-quote {
    font-size: 16px;
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote img {
    border: 3px solid #1d82bd;;
    border-radius: 50%;
    display: block;
    width: 120px;
    height: 120px;
    padding: 3px;
    position: absolute;
    top: -.2em;
    left: 0;
}

.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 160px;
}

.testimonial-quote .quote-container {
    padding-left: 160px;
}

.testimonial-quote blockquote {
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: gray;
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.testimonial-quote blockquote p {
    color: #75808a;
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.4em;
    left: -.2em;
    text-shadow: none;
    z-index: -300;
}

.testimonial-quote blockquote * {
    box-sizing: border-box;
}

.testimonial-quote.right cite {
    text-align: right;
}

.testimonial-quote cite {
    color: gray;
    display: block;
    font-size: .8em;
}

.testimonial-quote cite span {
    color: #5e5e5e;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white;
}

.hm-all-testinomials {
    padding: 60px 30px;
}

.hm-section-title {
    text-align: center;
}

.hm-section-title h1 {
    color: #3a92c6;
}

/* modifying default tooltip */
.hm-maplocs[data-tooltip]:before,
.hm-maplocs[data-tooltip]:after,
.hm-maplocs.tooltip:before,
.hm-maplocs.tooltip:after {
    text-align: center;
}

.pulse .content {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    height: 100%;
    /*overflow: overlay;*/
    text-align: left;
    outline: none;
    color: #333;
    background: #fff;
}

.centered-y {
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 15px;
    height: 100%;
    display: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content .centered-y h2 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
}

.content .centered-y p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #999;
}

.centered-y .hmcancelbtn {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 18px;
    color: #b9b9b9;
}

.centered-y span.hmchkbtn {
    display: none;
}

span.hmchkbtn.active {
    color: #56a1ce;
    display: inline-block;
    padding-left: 8px;
}

.hm-maplocs.active .pulse {
    background: #8bc53f;
}

.hm-maplocs.active .pulse:after {
    border: 1px solid #a2d165;
    box-shadow: 0 0 1px 2px #4CAF50;
}

.content button[type="button"] {
    border: 0;
    background: #56a1ce;
    color: #fff;
    position: absolute;
    text-align: center;
    cursor: pointer;
    width: 100%;
    text-transform: capitalize;
    left: 0;
    bottom: 0;
    padding: 10px;
}

.pulse.active .content {
    opacity: 1;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0s, 0s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    overflow: hidden;

}

.pulse.active {
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 250px;
    height: 170px;
    display: block;
    color: #e5e5e5;
    z-index: 1;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    border: 1px solid #4698c9;
    color: #333;
    border-radius: 1px;
}

.pulse.active:after {
    display: none;
}

.pulse.active .centered-y {
    display: block;
}

.pulse {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: rgb(32, 134, 194);
}

.pulse:after {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 1px solid #1d82bd;
    position: absolute;
    margin: -15px 0 0 -5px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #89849b;
    box-shadow: 0 0 1px 2px #4d9ece;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}

@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}

@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}

@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}

@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}

/*slider for home page*/

.sp-slideshow {
    position: relative;
    margin: 10px auto;
    width: 100%;
    height: 240px;
    border: 10px solid #fff;
    border: 10px solid rgba(255, 255, 255, 0.9);
}

.sp-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sp-parallax-bg {
    background: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sp-slideshow input {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 9px;
    height: 9px;
    z-index: 1001;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}


.sp-slideshow input + label {
    position: absolute !important;
    bottom: -20px;
    left: 50%;
    width: 5px;
    height: 4px !important;
    padding-left: 2px !important;
    display: block;
    z-index: 1000;
    border: 3px solid #fff;
    border: 3px solid rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    -o-transition: background-color linear 0.1s;
    -ms-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
}

.sp-slideshow input:checked + label {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.sp-selector-1, .button-label-1 {
    margin-left: -36px;
}

.sp-selector-2, .button-label-2 {
    margin-left: -18px;
}

.sp-selector-4, .button-label-4 {
    margin-left: 18px;
}

i.ion-arrow-right-c, .ion-arrow-left-c {
    font-size: 50px;
}

.sp-arrow {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 38px;
    margin-top: -19px;
    display: none;
    cursor: pointer;
    z-index: 1000;
    /*background: url('/img/arrows.png');*/
    background-repeat: no-repeat;
    -webkit-transition: opacity linear 0.3s;
    -moz-transition: opacity linear 0.3s;
    -o-transition: opacity linear 0.3s;
    -ms-transition: opacity linear 0.3s;
    transition: opacity linear 0.3s;
}

.sp-arrow:hover {
    opacity: 1;
}

.sp-arrow:active {
    margin-top: -18px;
}

.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a5 {
    right: 0px;
    display: block;
    background-position: top right;
    height: 100%;
    top: 20px;
    background-position: center right;
}

.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {
    left: 1px;
    display: block;
    height: 100%;
    top: 19px;
    background-position: center left;
}

input.sp-selector-1:checked ~ .sp-content,
input.sp-selector-2:checked ~ .sp-content,
input.sp-selector-4:checked ~ .sp-content,
input.sp-selector-3:checked ~ .sp-content {
    background: none;
}

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
    background-position: 0 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    background-position: -200px 0;
}

input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
    background-position: -400px 0;
}

input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
    background-position: -600px 0;
}

.sp-slider {
    position: relative;
    left: 0;
    width: 500%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: left ease-in 0.8s;
    -moz-transition: left ease-in 0.8s;
    -o-transition: left ease-in 0.8s;
    -ms-transition: left ease-in 0.8s;
    transition: left ease-in 0.8s;
}

.sp-slider > li {
    color: #fff;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 0 60px;
    float: left;
    text-align: center;
    opacity: 0.4;
    -webkit-transition: opacity ease-in 0.4s 0.8s;
    -moz-transition: opacity ease-in 0.4s 0.8s;
    -o-transition: opacity ease-in 0.4s 0.8s;
    -ms-transition: opacity ease-in 0.4s 0.8s;
    transition: opacity ease-in 0.4s 0.8s;
}

input.sp-selector-1:checked ~ .sp-content .sp-slider {
    left: 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-slider {
    left: -100%;
}

input.sp-selector-3:checked ~ .sp-content .sp-slider {
    left: -200%;
}

input.sp-selector-4:checked ~ .sp-content .sp-slider {
    left: -300%;
}

input.sp-selector-5:checked ~ .sp-content .sp-slider {
    left: -400%;
}

input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5) {
    opacity: 1;
}

.crtdrpinnersec.applications-list .appdisable span {
    -webkit-filter: opacity(45%);
    filter: opacity(45%);
    cursor: no-drop;
}

.crtdrpinnersec.applications-list .appdisable  {
    cursor: no-drop;
}

.join-to-waitlist-btn {
    margin: 80px 0;
}

.join-to-waitlist-btn a {
    color: #fff;
    padding: 15px 60px;
    display: inline-block;
    font-size: 24px;
    background: #FF5722;
    border-radius: 2px;
    cursor: pointer;
    border: 0;
    text-decoration:none;
}


.join-to-waitlist-btn a:hover {
    text-decoration: none;
}
.join-to-waitlist-btn a:focus {
    text-decoration: none;
}


.hm-latest-news-and-update-section .newsroom-image {
    width: 20%;
    text-align: center;
    display: inline-block;
    float: left;
    border-radius: 2px;
}

.hm-latest-news-and-update-section .newsroom-image img {
    width: 100%;
    height: 120px;
}

.hm-latest-news-and-update-section .newsroom-descrption {
    width: 80%;
    display: inline-block;
    padding: 10px;
    padding-top: 0;
    float: left;
}

.hm-latest-news-and-update-section .hm-latestnews-section {
    display: inline-block;
    width: 50%;
    float: left;
    padding:10px;
    padding-right: 20px;
}

.hm-latest-news-and-update-section .hm-latestupdate-section {
    display: block;
    width: 100%;
}


.hm-latest-news-and-update-section .newsroom-newslist-decrpt-titltesection h3 {
    color: #1d82bd;}

.hm-latest-news-and-update-section h2 {
    text-transform: uppercase;
    color: #1d82bd;    
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 100%;
}
.hm-latest-news-and-update-section .hm-latestupdate-section h2 {
    margin-top: 0;
}
.hm-latest-news-and-update-section .hm-latest-news-title,
.hm-latest-news-and-update-section .hm-latest-update-title {
    border-bottom: 1px solid #e5e5e5;
}


.hm-latest-news-and-update-section .newsroom-newslist-decrpt-titltesection {
    font-size: 0.9em;
    margin-bottom: 0;
}

.hm-latest-news-and-update-section .newsroom-newslist-decprt-subsection p {
    font-size: 0.9em !important;
    color: #232323;
}

.hm-latest-news-and-update-section .latest-news {
    border-bottom: 1px solid #e5e5e5;
    padding: 21.5px 0;
}

.hm-latest-news-and-update-section .latest-news:last-child,
.hm-latest-news-and-update-section .latest-updates:last-child{
    border-bottom: 0;
}

.hm-latest-news-and-update-section .latest-updates:nth-child(4n) {
    margin: 0;
}


.hm-latest-news-and-update-section h6 {
    font-size: 0.6em;
}

.hm-latest-news-and-update-section .latestblogs-image img {
    width:100%;
    /*     max-height: 150px; */
}

.hm-latest-news-and-update-section a:hover,
.hm-latest-news-and-update-section a:focus {
    text-decoration: none;
}

.hm-latest-news-and-update-section .update-title {
    font-size: 0.9em !important;
    color: #1d82bd !important;
    margin-bottom: 10px !important;
}

.hm-latest-news-and-update-section .update-date {
    font-size: 0.8em;
}

.hm-latest-news-and-update-section .update-content {
    font-size: 0.8em;
    line-height: 25px;
}

.hm-latest-news-and-update-section .latest-updates {
    width: 30%;
    float: left;
    margin: 20px;
    margin-top: 0;
    display: inline-block;
}
.hm-latestupdate-headsection .latest-updates:first-child {
    margin-left: 0;
}
.hm-latestupdate-headsection .latest-updates:last-child {
    margin-right: 0;
}
.hm-latestupdate-moreblogs {
    text-align: center;
    padding: 10px;
}


.hm-latestupdate-section span.newsdateauther {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    font-size: 1.6em;
    color: #7d8188;
}

.hm-latest-news-and-update-section .hm-latestupdate-section div {
    max-width: none;
}

.hm-latest-news-and-update-section .button {
    display: inline-block;
    padding: 0 30px;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    letter-spacing: .06em;
}

.hm-latest-news-and-update-section .hm-latestnews-morenews {
    padding: 20px 0;
}







/*
-------------------------------------------------------------------------------------------------------
TERMSERV CSS
-------------------------------------------------------------------------------------------------------
*/

.noi-termsofsevice-header .noi-termsofsevice-details {
    display: inline-block;
    float: left;
}

.noi-termsofsevice-header .noi-termsofsevice-details .page-title {
    font-size: 2em !important;
}

.noi-termsofsevice-rightsearch {
    display: inline-block;
    float: right;
    padding: 0;
    position: relative;
}

.noi-termsofsevice-rightsearch input {
    padding: 12px;
    width: 300px;
    border-radius: 2px;
    border: 0px solid #e5e5e5;
    outline: none;
    background: #1D82BD;
    color: #fff;
}

.noi-termsofsevice-rightsearch i {
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}

.noi-termsofsevice-mainsection .noi-termsofsevice-listsection li {
    text-decoration: none;
    display: block;
}

.noi-termsofsevice-listsection {
    position: absolute;
    top: 35px;
    float: right;
    width: 300px;
    right: 0;
}

.noi-termsofsevice-listsection a:hover {
    color: #0d70eb;
    text-decoration: none;
}

.noi-termsofsevice-listsection a {
    color: #707479;
    text-transform: capitalize;
    line-height: 30px;
}

.noi-termsofsevice-listsection a span {
    width: 25px;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

#termsserv a {
    color: #337ab7;
    font-weight: 600;
    text-decoration: underline;
}

.noi-termsofsevice-sectioncontent.clearfix {
    width: 70%;
    padding: 10px 10px;
    float: left;
}

.noi-termsofsevice-sectioncontent .segement {
    width: 90%;
    /*margin: 0 auto;*/
    border-left: 6px solid #1d82bd;
    padding-left: 20px;
    margin-bottom: 20px;
}

.noi-termsofsevice-sectioncontent p {
    line-height: 30px;
    margin: 20px 0px;
}

.noi-termsofsevice-sectioncontent h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}

.noi-termsofsevice-sectioncontent h1 {
    font-size: 40px;
}

.noi-termsofsevice-sectioncontent h2 {
    font-size: 30px;
    margin: 0;
}

.noi-termsofsevice-sectioncontent h3 {
    font-size: 20px;
}

.noi-termsofsevice-subsection p {
    margin: 1em 0;
}

.noi-termsofsevice-subsection .segement h2:before {
    height: 0;
}


/* Code For Privacy and Policy*/
.noi-privacypolicy-header .noi-privacypolicy-details {
    display: inline-block;
    float: left;
}

.noi-privacypolicy-header .noi-privacypolicy-details .page-title {
    font-size: 2em !important;
}

.noi-privacypolicy-rightsearch {
    display: inline-block;
    float: right;
    padding: 0;
    position: relative;
}

.noi-privacypolicy-rightsearch input {
    padding: 12px;
    width: 300px;
    border-radius: 2px;
    border: 0px solid #e5e5e5;
    outline: none;
    background: #1D82BD;
    color: #fff;
}

.noi-privacypolicy-rightsearch i {
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}

.noi-privacypolicy-mainsection,
.noi-termsofsevice-mainsection {
    position: relative;
    padding-bottom: 60px;
}

.noi-privacypolicy-mainsection .noi-privacypolicy-listsection li {
    text-decoration: none;
    display: block;
    margin: 5px 0;
}

.noi-privacypolicy-listsection {
    position: absolute;
    top: 35px;
    float: right;
    width: 300px;
    right: 0;
}

.noi-privacypolicy-listsection a:hover {
    color: #0d70eb;
    text-decoration: none;
}

.noi-privacypolicy-listsection a {
    color: #707479;
    text-transform: capitalize;
}

.noi-privacypolicy-listsection a span {
    width: 25px;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

#termsserv a {
    color: #337ab7;
    font-weight: 600;
    text-decoration: underline;
}

.noi-privacypolicy-sectioncontent.clearfix {
    width: 70%;
    padding: 10px 10px;
    float: left;
}

.noi-privacypolicy-sectioncontent p, h1, h2, h3 {
    font-weight: normal;
}

.noi-privacypolicy-sectioncontent .segement {
    width: 40%;
    /*margin: 0 auto;*/
    border-left: 6px solid #1d82bd;
    padding-left: 20px;
    margin-bottom: 20px;
}

.noi-privacypolicy-sectioncontent p {
    line-height: 30px;
    margin: 20px 0px;
}

.noi-privacypolicy-sectioncontent h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}

.noi-privacypolicy-sectioncontent h1 {
    font-size: 40px;
}

.noi-privacypolicy-sectioncontent h2 {
    font-size: 30px;
    margin: 0;
    margin-top: 0px;
}

.noi-privacypolicy-sectioncontent h3 {
    font-size: 20px;
}

.noi-privacypolicy-subsection p {
    margin: 1em 0;
}

.noi-papandtc-listsection.fixed {
    position: fixed;
    top: 130px;
}

.noi-privacypolicy-mainsection h2, .noi-termsofsevice-mainsection h2 {
    text-transform: capitalize;
    font-size: 1.6em;
}

.noi-privacypolicy-mainsection h2:before,
.noi-termsofsevice-sectioncontent h2:before {
    display: block;
    content: " ";
    height: 100px;
}


.noi-termsofsevice-mainsection h3 {
    text-transform: capitalize;
}

/*Ranajit code for Live Chat*/
.noi-chat-contentlog .chat-logininfo-section {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 25px 80px;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0;
    width: 50%;
    padding-left: 0;
}

.chat-logininfo-section div {
    color: #232323;
    max-width: 420px;
    margin-bottom: 20px;
}

.chat-logininfo-section h2 {
    text-transform: uppercase;
    color: #1d82bd;
    margin: 20px 0;
    font-weight: bold;
    font-size: 100%;
}

.chat-logininfo-section .button > span {
    display: block;
    padding: 0 30px;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    letter-spacing: .06em;
}

.chat-logininfo-section .latest-updates .update-date {
    margin-bottom: 6px;
}

.chat-logininfo-section .latest-updates .update-title {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}

.chat-log-section h2 {
    text-transform: uppercase;
    color: #1d82bd;
    font-weight: bold;
    font-size: 1.3em;
}

button#waitlistsubmit {
    margin-bottom: 20px;
    width: 100%;
}

.chat-logininfo-section .latest-updates div.update-content, .ellipsis {
    overflow: hidden;
}

.button.upblue {
    color: #fff;
    background: #1d82bd;
}

.chat-logininfo-section .blur-out .line {
    width: 130px;
    border-top: 1px solid #ddd;
    margin: 30px 0;
}

.chat-logininfo-section .button {
    position: relative;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border: 0;
    padding: 0;
    border-radius: 3px;
}

.chat-logininfo-section p {
    margin-bottom: 20px;
}

.noi-chat-section-one {
    margin: 0 auto;
    width: 1080px;
}

.noi-chat-contentlog .login-waitlist{

    width: 50%;
    display: inline-block;
    float: right;
    text-align: center;
    box-sizing: border-box;
    padding: 80px 80px;
    font-size: 14px;
    margin-bottom: 0;

    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;

    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
}

.noi-chat-contentlog .chat-log-section {
    width: 50%;
    display: inline-block;
    float: right;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 80px;
    font-size: 14px;
    margin-bottom: 0;
}




@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(-80px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(-80px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(-80px);
    }
    100% {
        transform: translateY(0);
    }
}


.chat-log-section #login-topimg {
    width: 130px;
    margin-bottom: 20px;
}

.chat-log-section h3 {
    font-size: 20px;
}

.chat-log-section p {
    margin: 13px 0;
    color: #999;
    font-size: 1.1em;
    line-height: 1.3;
}

.chat-log-section small {
    font-size: 0.9em;
    color: #999;
    line-height: 28px;
}

.login-waitlist p {
    margin: 20px 0;
    color: #232323;
    font-size: 1.1em;
    line-height: 1.3;
}

.login-waitlist small {
    font-size: 0.9em;
    color: #232323;
    line-height: 28px;
}

.chat-log-section input {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #d5d5d5;
    margin-top: 10px;
    outline: none;
}

.chat-log-section button#fntsubmit {
    border: 0;
    background: #1D82BD;
    padding: 10px 50px;
    color: #fff;
    margin: 8px auto;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 18px;
    width: 100%;
}

.chat-log-section p.links {
    margin-top: auto;
    color: #292727;
    text-shadow: 0 1px 0 #fff;
    font-size: 15px;
    line-height: 24px;
    margin: 15px 0;
}

.chat-log-section p.links :first-child {
    float: left;
}

.chat-log-section p.links a {
    color: #999;
    text-decoration: none;
}

.chat-log-section p.links :last-child {
    float: right;
}

.chat-log-section .logopt {
    position: relative;
}

.chat-log-section .logopt {
    text-align: center;
    margin-top: 0px;
}

.chat-log-section .logopt .optionlog {
    width: 100%;
    height: 1px;
    background: #d5d5d5;
    position: absolute;
    top: 9px;
}

.chat-log-section .logopt span {
    border-radius: 39px;
    padding: 10px 8px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    z-index: 999;
    text-transform: uppercase;
    border: 0px solid transparent;
    background: #1d82bd;
}

.chat-log-section .logopt h4 {
    color: #929292;
    font-weight: normal;
    margin-top: 30px;
}

.noi-chat-social-icon.clearfix {
    margin-top: 28px;
}

.social-logo-button {
    position: relative;
    display: inline-block;
    float: left;
    height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 148px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}

.facebook.social-logo-button {
    float: left;
}

.google.social-logo-button {
    float: right;
}

.noi-chat-social-icon .facebook .icon,
.facebook .slide {
    background: #305c99;
}

.noi-chat-social-icon .icon {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    padding-top: 10px;
    width: 38px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    text-align: center;
}

.noi-chat-social-icon .facebook .icon, .facebook .slide {
    background: #305c99;
}

.noi-chat-social-icon .slide {
    z-index: 2;
    display: block;
    margin: 0;
    height: 100%;
    left: 38px;
    position: absolute;
    width: 112px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

.noi-chat-social-icon .google .icon, .google .slide {
    background: #d24228;
}

.noi-chat-social-icon .slide {
    z-index: 2;
    display: block;
    margin: 0;
    height: 100%;
    left: 38px;
    position: absolute;
    width: 112px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

.noi-chat-contentlog .icon i {
    color: #fff;
}

.noi-chat-contentlog .slide p {
    font-weight: 400;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0px;
    line-height: 15px;
    width: 100%;
}

#fntloginfrm.inactive,
#fotgetpassform.inactive {
    display: none;
}

.waitlist-coomonheader-decription {
    padding: 25px 0;
    padding-top: 0;
}

.waitlist-coomonheader-title {
    font-size: 1.6em;
}

.waitlist-coomonheader-icon {
    font-size: 5.6em;
    color: #29bd35;
}

.mobview-accordianforresp-termsofservice {
    display: none;
}



.mobview-accordianforresp-termsofservice .mobview-accordian input:checked ~ article.ac-small {
    height: 470px;
    padding: 10px;
}

.mobview-accordianforresp-termsofservice .mobview-accordian input:checked ~ article.ac-small-privacy-section {
    height: 220px;
    padding: 10px;
}


div#loginerr {
    color: #F44336;
}






/*
-------------------------------------------------------------------------------------------------------
DEPLOY CSS
-------------------------------------------------------------------------------------------------------
*/
.noi-createdomain .deploytype {
    border: 1px solid #e5e5e5;
    border-top: 0;
    font-family: 'Varela Round', sans-serif;
    font-size: 18px;
}

.noi-createdomain .deploytype.fixed {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 999;
    right: 0;
}

.noi-createdomain .deploytype .dtypes {
    padding: 15px 0;
    display: inline-block;
    text-align: center;
    width: 50%;
    float: left;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.noi-createdomain .deploytype .dtypes.active {
    background: #1D82BD;
    color: #fff;
}

.noi-createdomain .deploytype .dtypes.multipletype {
    float: none;
    clear: right;
    border-left: 1px solid #e5e5e5;
}

.noi-createdomain .deploytype .dtypes span.checkedicon {
    /*color: #e5e5e5;*/
    display: inline-block;
    font-size: 29px;
    position: absolute;
    pointer-events: none;
    margin-left: -60px;
    top: 8px;
}

.noi-createdomain .deploytype .dtypes span.highlight {
    color: #60AFFF;
    pointer-events: none;
}

.noi-createdomain .deploytype-cont {
    display: none;
}

.noi-createdomain .deploytype-cont.active {
    display: block;
}

/* Multiple Domains at once options */
.pageintro {
    padding: 0;
    padding-top: 30px;
    box-sizing: border-box;
    text-align: center;
    line-height: 30px;
}

.crtdmnsteps {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 60px 0;
}

.crtdmnsteps.deploybutton {
    padding-bottom: 90px;
}

.crtdmnsteps .leftsection {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    display: none;
}

.crtdmnsteps .rightsection {
    width: 85%;
    display: table-cell;
}

.crtdmnsteps .rightsection .stepdetails {
    margin: 15px 0 30px;
    margin-top: 0;
}

.crtdmnsteps .rightsection .stepdetails h2 {
    margin: 5px 0 10px;
    margin-top: 0;
    font-weight: normal;
    line-height: 35px;
}

.crtdmnsteps .rightsection .stepdetails span {
    color: #555;
    line-height: 30px;
}

/* Single Domains Page */
.crtdrpinnersec ul {
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.crtdrpinnersec ul li#notselected-app,
.crtdrpinnersec ul li#notselected-reg,
.crtdrpinnersec ul li#notselected-size-mnth,
.crtdrpinnersec ul li#notselected-size-yr,
.crtdrpinnersec ul li#notselected-loc {
    display: none;
}

.crtdrpinnersec.applications-list ul li {
    display: inline-block;
    padding: 15px 0;
    border: 2px solid #e5e5e5;
    margin: 0 10px 10px 0;
    padding: 10px 15px;
    cursor: pointer;
    min-width: 260px;
}

#BulkApplications.crtdrpinnersec.applications-list ul li {
    min-width: auto;
}

.crtdrpinnersec.applications-list ul li.active {
    border-color: #1D82BD;
}

.crtdrpinnersec ul li .application-icon {
    display: inline-block;
    float: left;
    pointer-events: none;
}

/* Image Sprite for applications */
.crtdrpinnersec ul li .application-icon span,
.crtdrpinnersec.total-price2 .to-app-selected span {
    background-image: url('/img/applications.png');
    pointer-events: none;
    width: 50px;
    height: 50px;
    display: block;
}

.crtdrpinnersec.total-price2 .to-app-selected span {
    width: 80px;
    height: 80px;
}

.crtdrpinnersec ul li .application-icon span.wordpress {
    background-position: 0px 0px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.joomla {
    background-position: 0px -300px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.moodel {
    background-position: 0px -200px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.mura {
    background-position: 0px -50px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.webflow {
    background-position: 0px -350px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.concrete5 {
    background-position: 0px -250px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.drupal {
    background-position: 0px -150px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.expressionengine {
    background-position: 0px -100px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon span.ghost {
    background-position: 0px -400px;
    background-size: cover;
}

/* css after selected the applications */
.to-app-selected span.wordpress {
    background-position: 0px 0px;
    background-size: cover;
}

.to-app-selected span.joomla {
    background-position: 0px -480px;
    background-size: cover;
}

.to-app-selected span.moodel {
    background-position: 0px -320px;
    background-size: cover;
}

.to-app-selected span.mura {
    background-position: 0px -80px;
    background-size: cover;
}

.to-app-selected span.webflow {
    background-position: 0px -560px;
    background-size: cover;
}

.to-app-selected span.concrete5 {
    background-position: 0px -395px;
    background-size: cover;
}

.to-app-selected span.drupal {
    background-position: 0px -240px;
    background-size: cover;
}

.to-app-selected span.expressionengine {
    background-position: 0px -155px;
    background-size: cover;
}

.to-app-selected span.ghost {
    background-position: 0px -640px;
    background-size: cover;
}

.to-app-selected span.notselected-app {
    background-position: 0px 80px;
    background-size: cover;
}

.crtdrpinnersec ul li .application-icon img {
    width: 50px;
    pointer-events: none;
}

.crtdrpinnersec ul li .application-title {
    padding: 16px;
    display: inline-block;
    font-family: 'Varela Round', sans-serif;
    text-transform: lowercase;
    color: #777;
    pointer-events: none;
    text-transform: capitalize;
    font-weight: bold;
}

.crtdrpinnersec ul li.active .application-title {
    color: #1D82BD;
}

.crtdrpinnersec.server-location ul li {
    display: inline-block;
    padding: 0px 10px;
    text-align: center;
    cursor: pointer;
}

.crtdrpinnersec.server-location ul li.disabled {
    display: none;
    pointer-events: none;
}

.crtdrpinnersec.server-location ul li span.server-location-icon span,
.location .to-app-location span {
    border: 3px solid transparent;
    pointer-events: none;
    opacity: 0.5;
    padding: 10px;
    background-image: url('/img/locations-flag-colored.png');
    width: 100px;
    height: 70px;
    display: block;
}

.location .to-app-location span {
    opacity: 1;
}

.crtdrpinnersec.server-location ul li.active span.server-location-icon span {
    border: 3px solid #1D82BD;
    pointer-events: none;
    opacity: 1;
}

/* server location flags */
.server-location-icon span.newjersey {
    background-position: 0px -9px;
    background-size: cover;
}

.server-location-icon span.tampa {
    background-position: 0px -9px;
    background-size: cover;
}

.server-location-icon span.losangeles {
    background-position: 0px -9px;
    background-size: cover;
}

.server-location-icon span.dallas {
    background-position: 0px -9px;
    background-size: cover;
}

.server-location-icon span.montreal {
    background-position: 0px -83px;
    background-size: cover;
}

.server-location-icon span.costarica {
    background-position: 0px -609px;
    background-size: cover;
}

.server-location-icon span.frankfurt {
    background-position: 0px -160px;
    background-size: cover;
}

.server-location-icon span.london {
    background-position: 0px -233px;
    background-size: cover;
}

.server-location-icon span.roubaix {
    background-position: 0px -309px;
    background-size: cover;
}

.server-location-icon span.singapore {
    background-position: 0px -384px;
    background-size: cover;
}

.server-location-icon span.bangalore {
    background-position: 0px -459px;
    background-size: cover;
}

.server-location-icon span.australia {
    background-position: 0px -535px;
    background-size: cover;
}

.server-location-icon span.amsterdam {
    background-position: 0px -793px;
    background-size: cover;
}


/* image spirte for selected locations */

.to-app-location span.newjersey {
    background-position: 0px -5px;
    background-size: cover;
}

.to-app-location span.tampa {
    background-position: 0px -5px;
    background-size: cover;
}

.to-app-location span.losangeles {
    background-position: 0px -5px;
    background-size: cover;
}

.to-app-location span.dallas {
    background-position: 0px -5px;
    background-size: cover;
}

.to-app-location span.montreal {
    background-position: 0px -82px;
    background-size: cover;
}

.to-app-location span.costarica {
    background-position: 0px -605px;
    background-size: cover;
}

.to-app-location span.frankfurt {
    background-position: 0px -154px;
    background-size: cover;
}

.to-app-location span.london {
    background-position: 0px -229px;
    background-size: cover;
}

.to-app-location span.roubaix {
    background-position: 0px -309px;
    background-size: cover;
}

.to-app-location span.singapore {
    background-position: 0px -378px;
    background-size: cover;
}

.to-app-location span.bangalore {
    background-position: 0px -455px;
    background-size: cover;
}

.to-app-location span.australia {
    background-position: 0px -530px;
    background-size: cover;
}
.to-app-location span.amsterdam {
    background-position: 0px -793px;
    background-size: cover;
}

.to-app-location span.notselected-loc {
    background-position: 0px -780px;
    background-size: cover;
}

.crtdrpinnersec.server-location ul li:first-child {
    padding-left: 0;
}

.crtdrpinnersec.server-location ul li .server-location-title {
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    color: #555;
    pointer-events: none;
}

.crtdrpinnersec.server-location ul li .server-location-icon {
    pointer-events: none;
    display: block;
}

.crtdrpinnersec.server-location ul li.active .server-location-title {
    color: #1D82BD;
}

/* server location accordion for mobile devices */
.state-accordions {
    text-align: center;
    display: none;
}

select.statesdropdown {
    padding: 10px;
    text-align: center;
    width: 300px;
    margin-left: 0;
    border: 2px solid #ccc;
    border-radius: 2px;
}

.plantype div {
    display: inline-block;
    float: left;
    margin-right: 28px;
    margin-bottom: 15px;
}

.plantype-cont {
    display: none;
}

.plantype-cont.active {
    display: block;
}

.crtdrpinnersec.server-size ul li {
    display: inline-block;
    padding: 0px;
    text-align: left;
    border: 2px solid #e5e5e5;
    border-radius: 2px;
    cursor: pointer;
    margin: 10px;
    margin-left: 0px;
    float: left;
    position: relative;
    width: 170px;

}

.crtdrpinnersec.server-size ul li.active {
    border-color: #1D82BD;
}

.crtdrpinnersec.server-size ul li .pricing {
    padding: 10px 15px;
    position: relative;
    min-width: 140px;
    color: #555;
    pointer-events: none;
}

.crtdrpinnersec.server-size ul li .pricing .monthly {
    font-size: 18px;
    font-family: 'Varela Round', sans-serif;
    pointer-events: none;
}

.crtdrpinnersec.server-size ul li.active .pricing .monthly {
    color: #1D82BD;
}

.crtdrpinnersec.server-size ul li .pricing .hourly {
    font-size: 14px;
    color: #555;
}

.crtdrpinnersec.server-size ul li.active .pricing .hourly {
    color: #1D82BD;
}

.crtdrpinnersec.server-size ul li .toggle-details {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 10px;
    border-left: 2px solid #e5e5e5;
    font-weight: bold;
    color: #ccc;

    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.crtdrpinnersec.server-size ul li.active .toggle-details {
    color: #1D82BD;
    border-color: #1D82BD;

}

.crtdrpinnersec.server-size ul li .toggle-details span,
.crtdrpinnersec.server-size ul li .toggle-details span i {
    pointer-events: none;
}

.crtdrpinnersec.server-size ul li .details {
    height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.crtdrpinnersec.server-size ul li.active .details.active {
    border-color: #1D82BD;
}

.crtdrpinnersec.server-size ul li .details.active {
    height: 100px;
    visibility: visible;
    opacity: 1;
    display: block;
    border-top: 2px solid #e5e5e5;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.crtdrpinnersec.server-size ul li .details span {
    display: block;
    font-size: 14px;
    padding: 5px;
    text-align: left;
    padding: 10px;
    padding-bottom: 0;
}

.crtdrpinnersec.group-name .groups {
    display: inline-block;
    width: 300px;
    position: relative;
    cursor: pointer;
    float: left;
}

.crtdrpinnersec.group-name .groups .groupname,
.crtdrpinnersec.group-name .groups .groupnamebulk {
    border: 2px solid #ccc;
    /* display: inline-block; */
    padding: 15px 20px;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
}

.crtdrpinnersec.group-name .groups .groupname.invalid,
.crtdrpinnersec.group-name .groups .groupnamebulk.invalid {
    border: 2px solid #fe3900;
}

.crtdrpinnersec.group-name .groups .groupname:focus,
.crtdrpinnersec.group-name .groups .groupnamebulk:focus {
    border: 2px solid #1D82BD;
    outline: none;
}

.crtdrpinnersec.group-name .groups .grouplist,
.crtdrpinnersec.group-name .groups .grouplistbulk {
    width: 100%;
    display: none;
    position: absolute;
    background: #fff;
    border: 2px solid #ccc;
    border-top: 0;
    z-index: 99;
    padding: 10px;
    height: auto;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}

#lsitaddnewgrp,
#lsitaddnewgrpbulk {
    padding: 10px 0;
    display: inline-block;
    font-weight: bold;
    color: #1d82bd;
}

#listofgrps,
#listofgrpsbulk {
    text-align: left;
}

.crtdrpinnersec.group-name .groups .grouplist.active,
.crtdrpinnersec.group-name .groups .grouplistbulk.active {
    display: block;
}

.crtdrpinnersec.group-name .groups .grouplist .list h3,
.crtdrpinnersec.group-name .groups .grouplistbulk .list h3 {
    margin: 0;
    padding: 10px 0;
    font-weight: normal;
    font-size: 1em;
    text-align: left;
}

.crtdrpinnersec.group-name .slashseperator {
    float: left;
    display: inline-block;
    padding: 10px 20px;
    font-size: 30px;
    color: #555;
}

.crtdrpinnersec.group-name .domainname {
    float: left;
    display: inline-block;
    width: 60%;
}

.crtdrpinnersec.group-name .domainname input {
    border: 2px solid #ccc;
    padding: 15px 20px;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
}

.crtdrpinnersec.group-name .domainname input.invalid {
    border: 2px solid #fe3900;
}

.crtdrpinnersec.group-name .domainname input#domainname:focus {
    outline: none;
    border: 2px solid #1D82BD;
}

.crtdmnsteps.totalpricing {
    clear: both;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 90px;

}

.crtdmnsteps.totalpricing ul li {
    line-height: 35px;
    font-family: 'Varela Round', sans-serif;
    color: #555;
}

.crtdmnsteps.totalpricing ul li span.to-selected-heading {
    width: 200px;
    display: inline-block;
}

.crtdrpinnersec.group-name select {
    padding: 15px 45px;
    border: 2px solid #e5e5e5;
    text-align: left;
    cursor: pointer;
    border-radius: 2px;
}

.crtdrpinnersec.total-price {
    display: none;
}

.crtdrpinnersec.total-price2 ul li {
    line-height: 35px;
    color: #111;
    display: inline-block;
    float: left;
    width: 30%;
    margin-right: 0px;
    position: relative;
}

.crtdrpinnersec.total-price2 ul li:last-child {
    margin-right: 0;
}

.crtdrpinnersec.total-price2 ul li span {
    display: block;
    margin: 0 20px;
}

.crtdrpinnersec.total-price2 ul li span.to-app-location {
    padding: 0px 0;
}

.crtdrpinnersec.total-price2 ul li span.to-app-size {
    font-size: 24px;
    padding: 25px 0;
}

.crtdrpinnersec.total-price2 ul li span img {
    width: 80px;
}

.crtdrpinnersec.total-price2 ul li span.plusicons {
    position: absolute;
    top: 12px;
    right: 50px;
    font-size: 60px;
    color: #ccc;
}

.crtdrpinnersec.total-price2 ul li span.plusicons.equals {
    transform: rotate(90deg);
    right: 35px;
}

.crtdrpinnersec.total-price2 ul li.total span.to-selected-heading {
    opacity: 0;
}

.crtdrpinnersec.total-price2 ul li.total span.to-total-price {
    font-size: 42px;
    padding: 25px;
    color: #1D82BD;
}

.crtdrpinnersec.finaldeploy {
    text-align: center;
}

.crtdrpinnersec.finaldeploy button {
    border: 0;
    background: #1D82BD;
    padding: 15px 200px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

#multipledeploybtn {
    background: #ccc;
    cursor: no-drop;
}

#multipledeploybtn.active {
    background: #1D82BD;
    cursor: pointer;
}

/* Deploy multiple Options at once */
.multipledomains {
    border-bottom: 0;
    padding-bottom: 0;
}

.multiple-deploy-methods .mdoptions {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    position: relative;
}

.multiple-deploy-methods .mdoptions.addmanually {
    padding-left: 40px;
}

.deploytype .orseperator {
    top: 11px;
    right: -21px;
    transform: scale(0.6);
    pointer-events: none;
}

span.orseperator {
    position: absolute;
    top: 65px;
    right: -18px;
    background: #1D82BD;
    color: #fff !important;
    padding: 5px;
    border-radius: 3px;
    z-index: 99;
    pointer-events: none;
}

.multiple-deploy-methods .mdoptions h3 {
    display: block;
    margin: 0;
    margin-bottom: 10px;
}

.multiple-deploy-methods .mdoptions span {
    color: #555;
    margin-bottom: 15px;
    display: block;
}

.multiple-deploy-methods .mdoptions span a {
    text-decoration: none;
    border-bottom: 3px dotted #038e62;
    padding-bottom: 3px;
}

.multiple-deploy-methods .mdoptions #uploadedflename {
    display: inline-block;
    padding-left: 10px;
}

.multiple-deploy-methods .mdoptions input[type="submit"] {
    border: 0;
    padding: 10px 10px;
    background: #63BDFF;
    margin-left: 5px;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
}

input#adddomains {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    width: 100px;
    border-radius: 2px;
}

.fileuploadingbutton {
    background: #038E62;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    padding: 13px 30px 13px 60px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 200px;
}

.fileuploadingbutton i {
    position: absolute;
    top: 0px;
    left: 16px;
    font-size: 38px;
}

#uploadcsv {
    border: 0px solid #ccc;
    position: relative;
    cursor: pointer;
    height: 100%;
    width: 0;
    opacity: 0
}

.add-a-droplet {
    position: relative;
}

.add-a-droplet:first-child .droplet-minus {
    color: #ccc;
    cursor: auto;
}

.createnewdroplet {
    padding: 15px 15px;
    background: #eee;
    border-radius: 5px;
    color: #888;
    position: relative;
    cursor: pointer;
    word-wrap: break-word;
    padding-right: 80px;
    margin: 13px 0;
}

.createnewdroplet span {
    margin-right: 50px;
}

.createnewdroplet span.droplet-title {
    width: 400px;
    display: inline-block;
    word-wrap: break-word;
}

.createnewdroplet span.droplet-appname,
.createnewdroplet span.droplet-location,
.createnewdroplet span.droplet-planname {
    font-size: 22px;
    float: right;
    line-height: 0;
}

.new-droplet-btns {
    position: absolute;
    top: 0;
    right: 0px;
}

.new-droplet-btns button {
    position: relative;
    margin-right: 15px;
    float: none;
}

.new-droplet-btns button:last-child {
    margin-right: 0;
}

.droplet-plus {
    float: right;
    font-size: 35px;
    position: absolute;
    top: 5px;
    right: 16px;
    cursor: pointer;
    border: 0;
    background: transparent;
    outline: none;
}

.droplet-minus {
    float: right;
    font-size: 35px;
    position: absolute;
    top: 5px;
    right: 16px;
    cursor: pointer;
    border: 0;
    background: transparent;
    outline: none;
}

.options-for-bulk {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

/* .options-for-bulk.active {
opacity: 1;
} */
.options-for-bulk .selectall {
    display: inline-block;
    float: left;
    padding: 8px 0;
    padding-left: 10px;
}

.options-for-bulk .selectall label {
    padding-top: 3px;
    font-weight: bold;
}

.options-for-bulk ul {
    margin: 0;
    display: inline-block;
    float: right;
    padding: 0;
}

.options-for-bulk ul li {
    display: inline;
    margin: 0 18px;
    font-size: 30px;
    float: right;
    cursor: pointer;
}

.options-for-bulk ul li i {
    pointer-events: none;
}

#AddnewDomainBtn {
    line-height: 32px;
}

#AddnewDomainBtn > a {
    font-size: 16px;
    padding: 10px;
    background: #63bdff;
    border-radius: 2px;
    text-decoration: none;
    color: #fff;
    line-height: 0;
}

/* Deploy Multiple Domains  */
ul#deploymultipledomains {
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
}

ul#deploymultipledomains li {
    padding: 15px 10px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

ul#deploymultipledomains li.valid:hover {
    background: rgba(27, 129, 188, 0.22);
}

ul#deploymultipledomains li.invalid:hover {
    background: rgba(254, 0, 0, 0.13);
}

ul#deploymultipledomains li.invalid:after,
ul#deploymultipledomains li.invalid:before {
    bottom: 100%;
    left: -4%;
}

ul#deploymultipledomains li.invalid span:first-child:before {
    content: "!";
    width: 100px;
    position: absolute;
    top: 16px;
    left: -59px;
    color: #D24C4C;
    font-size: 24px;
    border: 0;
    font-weight: bold;
    border: 2px solid red;
    border-radius: 10%;
    width: 35px;
    height: 35px;
    text-align: center;
    /* -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    transform: rotate(10deg);
    -webkit-transform-origin-x: rotate(-10deg); */
}

ul#deploymultipledomains li span {
    width: 145px;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    word-wrap: break-word;
    cursor: pointer;
}

ul#deploymultipledomains li span.mulbulkdomain {
    width: 330px;
    text-align: left;
    word-wrap: break-word;
}

/* TRUE OR FALSE */
ul#deploymultipledomains li span.mulbulkplan span.false,
ul#deploymultipledomains li span.mulbulkgroup.false,
ul#deploymultipledomains li span.mulbulkdomain.false {
    color: red;
}

ul#deploymultipledomains li span.mulbulkgroup.false input {
    border: 1px solid red;
    pointer-events: none;
}

span.mulbulkdomain input {
    background: transparent;
    border: 0;
    padding: 9px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
}

span.mulbulkdomain input.invalid {
    border: 1px solid #fe3900;
    border-radius: 2px;
}

ul#deploymultipledomains li span.mulbulkgroup input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 10px;
}

ul#deploymultipledomains li span.mulbulktotal {
    width: 140px;
    margin-right: 0;
}

ul#deploymultipledomains li > span:first-child {
    width: 40px;
    text-align: left;
}

ul#deploymultipledomains .mu-app-selected {
    pointer-events: none;
}

ul#deploymultipledomains .mu-app-selected span {
    /* deploy images applications */
    background-image: url('/img/applications.png');
    pointer-events: none;
    width: 40px;
    height: 40px;
    display: block;
}

ul#deploymultipledomains .mu-app-selected span.wordpress {
    background-position: 0px 0px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.joomla {
    background-position: 0px -239px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.moodel {
    background-position: 0px -160px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.mura {
    background-position: 0px -40px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.webflow {
    background-position: 0px -279px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.concrete5 {
    background-position: 0px -199px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.drupal {
    background-position: 0px -119px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.expressionengine {
    background-position: 0px -78px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.ghost {
    background-position: 0px -319px;
    background-size: cover;
}

ul#deploymultipledomains .mu-app-selected span.notselected {
    background-position: 0px -366px;
    background-size: cover;
}

/* lcoations */
ul#deploymultipledomains .mulbulkapplication,
ul#deploymultipledomains .mulbulklocation {
    text-align: center;
    width: 100px;
}

ul#deploymultipledomains .mulbulkapplication span,
ul#deploymultipledomains .mulbulklocation span {
    width: 40px;
    height: 40px;
    cursor: pointer;
    pointer-events: none;
}

ul#deploymultipledomains .mulbulkapplication ul,
ul#deploymultipledomains .mulbulklocation ul {
    position: absolute;
    top: -50px;
    box-shadow: 0px 0px 3px 1px #555;
    width: 100%;
    z-index: 1011;
    line-height: 25px;
    list-style: none;
    cursor: pointer;
    display: table;
    width: 400px;
    left: -100%;
    display: table;
    clear: both;
}

ul#deploymultipledomains .mulbulkapplication ul li,
ul#deploymultipledomains .mulbulklocation ul li {
    width: 33%;
    display: inline-block;
    float: left;
}

ul#deploymultipledomains .mulbulkgroup select.bulkusergroups {
    padding: 10px;
    width: 100%;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}

ul#deploymultipledomains .mulbulkgroup select.bulkusergroups option {
    margin: 10px;
    color: #555;
    /* 	display: inline-block; */
    cursor: pointer;
}

ul#deploymultipledomains .mulbulkplan span {
    pointer-events: none;
}

ul#deploymultipledomains .mu-app-location {
    pointer-events: none;
}

ul#deploymultipledomains .mu-app-location span {
    background-image: url('/img/locations-flag-colored.png');
    pointer-events: none;
    width: 40px;
    height: 40px;
    display: block;
    padding: 0;
    text-align: center;
}

.mu-app-location span.newjersey {
    background-position: 0px 3px;
    background-size: cover;
}

.mu-app-location span.tampa {
    background-position: 0px 3px;
    background-size: cover;
}

.mu-app-location span.losangeles {
    background-position: 0px 3px;
    background-size: cover;
}

.mu-app-location span.dallas {
    background-position: 0px 3px;
    background-size: cover;
}

.mu-app-location span.montreal {
    background-position: 0px -30px;
    background-size: cover;
}

.mu-app-location span.costarica {
    background-position: 0px -252px;
    background-size: cover;
}

.mu-app-location span.frankfurt {
    background-position: 0px -62px;
    background-size: cover;
}

.mu-app-location span.london {
    background-position: 0px -92px;
    background-size: cover;
}

.mu-app-location span.roubaix {
    background-position: 0px -125px;
    background-size: cover;
}

.mu-app-location span.singapore {
    background-position: 0px -158px;
    background-size: cover;
}

.mu-app-location span.bangalore {
    background-position: 0px -189px;
    background-size: cover;
}

.mu-app-location span.australia {
    background-position: 0px -221px;
    background-size: cover;
}

.mu-app-location span.amsterdam {
    background-position: 0px -330px;
    background-size: cover;
}



.mu-app-location span.notselected {
    background-position: 0px -292px;
    background-size: cover;
}

/*

*/
.modalnoi {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modalnoi.in {
    display: block;
}

.noi-modal {
    visibility: hidden;
    display: none;
    left: calc(28%);
    width: 820px;
    margin: 2% auto;
    padding: 25px;
    color: #555;
    background: #fff;
    border-radius: 3px;
    height: auto;
    z-index: 2000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0px 0px 11px -2px #555;
}

.noi-content > h3 {
    display: block;
    width: 100%;
    margin: 0;
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.noi-modal.active {
    visibility: visible;
    display: block;
}

.noi-modal .btncont {
    width: 100%;
    text-align: center;
    display: block;
}

.noi-modal .btncont button {
    padding: 15px 45px;
    border: 0;
    color: #fff;
    border-radius: 2px;
    background: #1D82BD;
}

.noi-modal .crtdmnsteps {
    padding: 30px 0;
    border: 0;
}

/* location server tabs */
.tabs ul li {
    display: inline-block;
    list-style: none;
    padding: 10px 20px;
    font-weight: bold;
    float: left;
    cursor: pointer;
    color: #ccc;
    border: 1px solid #ccc;
    /* border-right: 0; */
}

.tabs ul li.disabled {
    display: none;
    pointer-events: none;
}

.tabs ul {
    display: table;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0;
}

.tabs {
    margin-bottom: 30px;
}

.tabs ul li.tabs-active {
    color: #fff;
    border-color: #1d82bd;
    background: #1d82bd;
}

.tabs ul li#oceania,
.tabs ul li#bulk-oceania {
    border-right: 1px solid #ccc;
}

.tabs ul li#notselected-reg {
    display: none;
}

.tabs ul li#bulk-notselected-reg {
    display: none;
}

.tabs-container div.tabscontent {
    display: none;

    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.tabs-container div.tabs-activecontent {
    display: block;

    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#tabs-border,
#bulk-tabs-border {
    height: 3px;
    background: #1D82BD;
    width: 155px;
    display: block;
    display: none;
    clear: both;
    margin: 0;
    border: 0;
    -webkit-transition: all 0.3s ease-in-out;
}

/* tabs for custom menues  */
#tabs-border.eastus,
#bulk-tabs-border.eastus {
    margin-left: 0;
    width: 105px;
}

#tabs-border.westus,
#bulk-tabs-border.westus {
    margin-left: 105px;
    width: 105px;
}

#tabs-border.centralus,
#bulk-tabs-border.centralus {
    width: 90px;
    margin-left: 220px;
}

#tabs-border.northamerica,
#bulk-tabs-border.northamerica {
    margin-left: 348px;
    width: 135px;
}

#tabs-border.centralamerica,
#bulk-tabs-border.centralamerica {
    width: 130px;
    margin-left: 512px;
}

#tabs-border.europe,
#bulk-tabs-border.europe {
    margin-left: 660px;
    width: 100px;
}

#tabs-border.asia,
#bulk-tabs-border.asia {
    margin-left: 765px;
    width: 70px
}

#tabs-border.oceania,
#bulk-tabs-border.oceania {
    width: 70px;
    margin-left: 852px;
}

/* Progress bar  */
.progressBottombar {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 6px 4px 16px 0px #333;
    z-index: 99;
}

@-webkit-keyframes myanimation {
    from {
        left: 0%;
        -webkit-transition: all ease 0.3s;
    }
    to {
        left: 50%;
        -webkit-transition: all ease 0.3s;
    }
}

.steps-progress-wrap {
    color: #111;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
}

ul.progress-bar {
    margin: 0 20px;
}

ul.progress-bar li {
    color: #ccc;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}

ul.progress-bar li:before {
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    left: 20px;
    line-height: 37px;
    height: 35px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 35px;
    z-index: 999;
}

ul.progress-bar li.active {
    color: #8bc53f;
    font-weight: bold;
}

ul.progress-bar li.active:before {
    background: #8bc53f;
    z-index: 99999;
    -webkit-transition: width ease 2s;
    -ms-transition: width ease 2s;
    -o-transition: width ease 2s;
    -moz-transition: width ease 2s;
    transition: width ease 2s;
}

ul.progress-bar li.error {
    color: #fe3900;
    font-weight: bold;

}

ul.progress-bar li.error:before {
    background: #fe3900;
}

ul.progress-bar li.visited {
    background: #ECECEC;
    color: #57aed1;
    z-index: 99999;
}

ul.progress-bar li.visited:before {
    background: #57aed1;
    z-index: 99999;
}

ul.progress-bar li:nth-child(1):before {
    content: "1";
}

ul.progress-bar li:nth-child(2):before {
    content: "2";
}

ul.progress-bar li:nth-child(3):before {
    content: "3";
}

ul.progress-bar li:nth-child(4):before {
    content: "4";
}

ul.progress-bar li:nth-child(5):before {
    content: "5";
}

ul.progress-bar li:nth-child(6):before {
    content: "6";
}

ul.progress-bar li.active a {
    color: #8bc53f;
}

ul.progress-bar li.error a {
    color: #fe3900;
}

ul.progress-bar a {
    color: #555;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    text-decoration: none;
    top: -56px;
    left: 45px;
    width: auto;
    text-align: left;
    background: #fff;
    z-index: 99;
    padding: 0 5px;
}

/* deploy button */
ul.progress-bar li.active #progressdeploy {
    background: #1d82bd;
    cursor: pointer;

}

#progressdeploy {
    padding: 10px;
    background: #ccc;
    margin-top: -10px;
    margin-left: 10px;
    color: #fff;
    border-radius: 2px;
    width: 80%;
    text-align: center;
    cursor: no-drop;
}

/*
---------------------------------------------

        Disabled for first user

---------------------------------------------
*/

#single.disabled {
    background-color: #e5e5e5;
    color: #ccc;
    pointer-events: none;
    cursor: no-drop;
}

#single.disabled > span {
    color: #ccc;
}

#single-cont.disabled {
    display: none
}




/*
-------------------------------------------------------------------------------------------------------
WIDGETS CSS
-------------------------------------------------------------------------------------------------------
*/

.widgetsection {
    position: relative;
    background: #2592d2;
}

#noiwidgetdeploy {
    padding: 150px 0;
}

#noiwidgetdeploy #widgetform h1 {
    color: #fff;
    text-align: center;
    margin-top: -30px;
    z-index: 1;
    position: relative;
    margin-bottom: 50px;
}

#noiwidgetdeploy .widget-opts {
    margin-right: 20px;
    width: 23%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    z-index: 1;
}

#noiwidgetdeploy .widget-opts:last-child {
    margin-right: 0px;
}

#noiwidgetdeploy .widget-dropcontainers ul.active-toggle {
    display: none;
}

#noiwidgetdeploy .widget-dropcontainers ul li {
    padding: 0;
    margin: 0;
    border: 0px;
    background: #fff;
    display: none;
    min-width: 260px;
}

#noiwidgetdeploy .widget-dropcontainers ul li:hover {
    background-color: #f6f6f6;
}

#noiwidgetdeploy .widget-dropcontainers ul li.active {
    display: block;
}

#noiwidgetdeploy .widget-dropcontainers ul li.selected {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    border-radius: 2px;
    border: 0;
    border: 1px solid #e5e5e5;
}

#noiwidgetdeploy .widget-dropcontainers ul li .application-icon {
    transform: scale(0.7);
}

#noiwidgetdeploy .wdgt-dropdown {
    position: absolute;
    top: 0;
    padding: 14px;
    right: 0;
    font-size: 24px;
    line-height: 0;
    z-index: 2;
    cursor: pointer;
}

#noiwidgetdeploy .widget-dropcontainers .ulactive {
    max-height: 350px;
    width: 260px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 2px 13px -4px #555;
    position: absolute;
}

#noiwidgetdeploy .widget-location ul#deploymultipledomains li {
    padding: 6px;
    text-align: left;
}

#noiwidgetdeploy .widget-location ul#deploymultipledomains li .server-location-title {
    margin-top: 0;
    text-align: left;
}

#noiwidgetdeploy .widget-domain input {
    padding: 15px;
    border: 1px solid #e5e5e5;
    width: 100%;
    outline: none;
    border-radius: 2px;
    min-width: 260px;
}

#noiwidgetdeploy .widget-domain input.invalid {
    border: 1px solid #fe3900;
}

#noiwidgetdeploy .widget-submit {
    text-align: right;
}

#noiwidgetdeploy .widget-submit input[type="submit"] {
    margin: 30px 0px;
    padding: 15px 60px;
    background: #0066a3;
}

#noiwidgetdeploy .noi-widg-domaindeploy {
    padding: 50px 0;
}

#noiwidgetdeploy .wdgt-drps-cont {
    position: relative;
}

#noiwidgetdeploy .widget-title {
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    color: #fff;
}

/* applications */
#noiwidgetdeploy .applications-list ul {
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

#noiwidgetdeploy .applications-list ul li .application-icon {
    display: inline-block;
    float: left;
    pointer-events: none;
}

#noiwidgetdeploy .applications-list ul li .application-title {
    padding: 15px;
    display: inline-block;
    font-family: 'Varela Round', sans-serif;
    color: #777;
    pointer-events: none;
    text-transform: capitalize;
    text-align: left;
    font-weight: normal;
}

#noiwidgetdeploy .applications-list ul li .application-icon span {
    background-image: url('/img/applications.png');
    pointer-events: none;
    width: 50px;
    height: 50px;
    display: block;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.wordpress {
    background-position: 0px 0px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.joomla {
    background-position: 0px -300px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.moodel {
    background-position: 0px -200px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.mura {
    background-position: 0px -50px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.webflow {
    background-position: 0px -350px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.concrete5 {
    background-position: 0px -250px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.drupal {
    background-position: 0px -150px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.expressionengine {
    background-position: 0px -100px;
    background-size: cover;
}

#noiwidgetdeploy .applications-list ul li .application-icon span.ghost {
    background-position: 0px -400px;
    background-size: cover;
}

/* locations */
#noiwidgetdeploy ul#deploymultipledomains {
    display: block;
    list-style: none;
    padding: 0;
}

#noiwidgetdeploy ul#deploymultipledomains li > span:first-child {
    width: 40px;
    text-align: left;
}

#noiwidgetdeploy ul#deploymultipledomains li span {
    width: 145px;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    word-wrap: break-word;
    cursor: pointer;
}

#noiwidgetdeploy ul#deploymultipledomains .mulbulklocation span {
    width: 40px;
    height: 40px;
    cursor: pointer;
    pointer-events: none;
}

#noiwidgetdeploy ul#deploymultipledomains .mu-app-location span {
    background-image: url('/img/locations-flag-colored.png');
    pointer-events: none;
    width: 40px;
    height: 40px;
    display: block;
    padding: 0;
    text-align: center;
}

#noiwidgetdeploy .mu-app-location span.newjersey {
    background-position: 0px 3px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.miami {
    background-position: 0px 3px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.ashburn {
    background-position: 0px 3px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.atlanta {
    background-position: 0px 3px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.chicago {
    background-position: 0px 3px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.seattle {
    background-position: 0px 3px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.siliconvalley {
    background-position: 0px 3px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.saltlakecity {
    background-position: 0px 3px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.paris {
    background-position: 0px -125px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.strasbourg {
    background-position: 0px -125px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.tampa {
    background-position: 0px 3px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.losangeles {
    background-position: 0px 3px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.dallas {
    background-position: 0px 3px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.montreal {
    background-position: 0px -30px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.toronto {
    background-position: 0px -30px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.vancouver {
    background-position: 0px -30px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.costarica {
    background-position: 0px -252px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.frankfurt {
    background-position: 0px -62px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.london {
    background-position: 0px -92px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.roubaix {
    background-position: 0px -125px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.singapore {
    background-position: 0px -158px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.bangalore {
    background-position: 0px -189px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.australia {
    background-position: 0px -221px;
    background-size: cover;
}
#noiwidgetdeploy .mu-app-location span.sydney {
    background-position: 0px -221px;
    background-size: cover;
}

#noiwidgetdeploy .mu-app-location span.tokyo {
    background-position: 0px -363px;
    background-size: cover;
}


#noiwidgetdeploy .mu-app-location span.notselected {
    background-position: 0px -292px;
    background-size: cover;
}



/*
-------------------------------------------------------------------------------------------------------
INTEGRATION CSS
-------------------------------------------------------------------------------------------------------
*/
.banner-header {
    padding: 180px 0;
    text-align: center;
    z-index: 1;
    color: #fff;
    position: relative;
    width: 900px;
    margin: 0px auto;
}

.banner-header h1 {
    font-size: 2.5em;
}

.banner-header p {
    font-size: 1.3em;
}

.banner-header a {
    margin: 40px 0px 0;
    padding: 15px 60px;
    background: #0066a3;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
}

.commpage-headings {
    background: #2491d0;
    position: relative;
}

/* body:not(.landingpage) .noi-header {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    position: fixed;
    background: #fff;
    z-index: 999;
} */

.hero-subpage .col {
    float: left;
    height: 100%;
    min-height: -14px;
    width: 2%;
    border-left: 0px solid #d2eeff !important;
    border-right: 0px solid #d2eeff !important;
    position: relative;
}

.hero-subpage .col .bar {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #17d9c6;
    /* background: linear-gradient(#2187c3, #a9dfff) !important;
    background: linear-gradient(#98d9ff, #90d7ff)  !important; */
    transition: all 1s ease .1s;
    box-sizing: content-box;
    transform: translate3d(0, 0, 0);
}

/*
all pages applications
------------------------------------------------------
*/

.page-allapps {
    padding: 50px 0;
}

.page-app {
    margin: 30px 0;
}

.page--app-icon {
    float: left;
    display: inline-block;
    position: relative;
    width: 20%;
    text-align: center;
    padding: 45px 30px;
    border-right: 1px solid #e5e5e5;
}

.page--app-icon h4 {
    margin: 10px;
}

.page--app-icon h5 {
    margin: 0;
    color: #ccc;
}

.page--app-desc {
    float: left;
    display: inline-block;
    position: relative;
    width: 80%;
    padding: 20px;
    padding-left: 40px;
}

.page--app-desc h1 {
    margin-top: 0;
}

.page--app-desc a {
    padding: 15px 30px;
    display: inline-block;
    background: #2087c4;
    border-radius: 2px;
    color: #fff;
    margin: 15px 0;
    text-decoration: none;
}


/*
Style only on Apps page
-------------------------------------------------------
*/
/* 

body.apps .banner-header {
    width: auto;
}

body.apps .commpage-headings p {
    width: auto;
} 
*/

.allapps-headertitle {
    text-align: center;
    padding: 50px 0;
}



/*
-------------------------------------------------------------------------------------------------------
FOOTER CSS
-------------------------------------------------------------------------------------------------------
*/

.hm-footer .footer-link {
    float: left;
    border-bottom: 1px solid #423c3c;
    padding: 30px 0;
}

.hm-footer .footer-creds {
    padding: 20px;
    color: #999;
    text-align: center;
}

.footer-companys-link.clearfix {
    display: inline-block;
    width: 33.2%;
    float: left;
}

.hm-footer .footer-link ul li {
    display: block !important;
    float: none;
}

.footer-support-link.clearfix {
    display: inline-block;
    width: 33.2%;
    float: left;
}

.footer-lorem-link.clearfix {
    display: inline-block;
    width: 33.2%;
    float: left;
}

.footer-heads {
    padding: 20px 0px;
    /*padding-bottom: 0;*/
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
}

.footer-link-diff-list-section {
    display: inline-block;
    width: 60%;
    float: left;
}

.footer-link-socialmedia-section.clearfix {
    display: inline-block;
    width: 40%;
    float: right;
    padding: 20px 0;
}

.stayconnected-titlesection-headsection h6 {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 100;
}

.stayconnected-titlesection-subsection p {
    padding: 20px 0;
    display: inline-block;
    color: #999;
    text-transform: capitalize;
}

#footeremail {
    /*width: 65%;*/
    width: 250px;
    display: block;
    border: 0px;
    border-radius: 2px;
    padding: 5px 10px;
    color: #333;
    line-height: 35px;
    float: left;
    border-radius: 2px 0 0 2px;
}

button#footersignup {
    background: #106ba0;
    border: 0;
    color: #fff;
    padding: 6px 20px;
    margin: -1px;
    display: inline-block;
    /*width: 25%;*/
    line-height: 35px;
    float: left;
    border-radius: 0 2px 2px 0;
}

.socialmedia-socialmedias-icons .button {
    background: none;
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    margin: 15px 0;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.socialmedia-socialmedias-icons .icon {
    display: block;
    position: relative;
    z-index: 3;
    width: 40px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 83px;
    border-radius: 83px;
    text-align: center;
    height: 40px;
}

.socialmedia-socialmedias-icons .icon i {
    color: #fff;
    line-height: 42px;
}

.socialmedia-socialmedias-icons .facebook .icon, .facebook .slide {
    background: #305c99;
}

.socialmedia-socialmedias-icons .twitter .icon, .twitter .slide {
    background: #00cdff;
}

.socialmedia-socialmedias-icons .google .icon, .google .slide {
    background: #d24228;
}

.socialmedia-socialmedias-icons .linkedin .icon, .linkedin .slide {
    background: #007bb6;
}

.twitter.button, .linkedin.button, .google.button {
    margin-left: 22px;
}

.hm-footer .footer-link ul li a {
    padding: 5px 0 !important;
    display: inline-block;
    color: #999;
    padding-bottom: 0;
    text-decoration: none;
    text-transform: capitalize;
}

.mobview-accordianforresp {
    display: none;
}


/*acco*/

/*Acco*/
.mobview-accordian {
    max-width: 600px;
}

.mobview-accordian label {
    padding-left: 0 !important;
}

.mobview-accordian input[type=checkbox] + label:before,.mobview-accordian input[type=checkbox] + label:after {
    display: none;
}
.mobview-accordian label {
    line-height: 21px !important;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    width: 100%;
    color: #fff !important;
    font-size: 12px;
    cursor: pointer !important;
}

.mobview-accordian {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.mobview-accordian label:hover {
    /*background: #fff;*/
}

.mobview-accordian label {
    border-bottom: 1px solid #e5e5e5;
    padding: 13px 0;
    margin: 0;
    margin-bottom: 0;
    height: auto !important;
}

.mobview-accordian label:hover:after,
.mobview-accordian input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    right: 13px;
    top: 7px;
}

.mobview-accordian input:checked + label:hover:after {
}

.mobview-accordian input {
    display: none;
}

.mobview-accordian article {
    /*background: rgba(255,255,255,0.5);*/
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.mobview-accordian article p {
    font-style: normal;
    color: #777;
    line-height: 23px;
    font-size: 10px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    font: normal normal 12px 'Open Sans';
}

.mobview-accordian input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    /*box-shadow: 0 0 0 1px rgba(155,155,155,0.3);*/
}

.mobview-accordian input:checked ~ article.ac-small {
    height: 240px;
}

.mobview-accordian input:checked ~ article.ac-medium {
    height: 170px;
}

.mobview-accordian input:checked ~ article.ac-large {
    height: 120px;
}

.mobview-accordian input[type=radio]+ label {
    margin-top: 25px;
}

.mobview-accordian i.ion-ios-arrow-down.footer-link-dropdown {
    position: absolute;
    right: 7px;
    z-index: 99;
    font-size: 1.1em;
    color: #fefefe;
    top: 12px;
    pointer-events: none;
}





/*
-------------------------------------------------------------------------------------------------------
ALLLOCSTATIC CSS
-------------------------------------------------------------------------------------------------------
*/
.noi-locations-mainsection .maincontainer-titlesection {
    font-weight: 400;
    font-size: 20px;
    color: #1d82bd;
    line-height: 30px;
    margin-bottom: 5px;
}

.wearelocated-container .location-locationsection {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
}

.location-wearelocated {
    margin: 40px 0;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.wearelocated.containersection {
    text-align: center;
    display: inline-block;
    margin: 30px 10px;
    line-height: 22px;
    overflow: hidden;
    max-width: 250px;
    transition: all ease 0.5s;
}

.wearelocated.containersection-imagesection {
    min-height: 150px;
}

.wearelocated.containersection-imagesection img {
    width: 150px;
    padding: 10px;
}

.wearelocated.containersection-locationsdescritions {
    padding: 10px;
    text-align: justify;
}

.wearelocated.containersection-countrynamesection {
    padding: 10px;
}

.wearelocated.containersection-countrynamesection h3 {
    font-weight: bold;
    font-size: 18px;
    color: #1D82BD;
}

.deployserver-btn {
    border-radius: 2px;
    background: #1D82BD;
    padding: 10px;
    color: #fff;
    margin: 20px auto;
    text-align: center;
    cursor: pointer;
    font-size: 0.8em;
    width: 70%;
    text-transform: capitalize;
}

.wearelocated-container {
    display: inline-block;
    width: 25%;
}

.deployserver-btn a {
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-decoration: none;
}

.location-locationsection.clearfix {
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
}

.maincontainer-worldmap-imgsection svg path {
    fill: #50bcfb;
    stroke: #1f98e0;
    stroke-width: 1px;
}

path#usa,
path#australia,
path#india,
path#spain,
path#malaysia {
    fill: #1874ab;
}

.deployserver-btn a:focus {
    text-decoration: none;
}

path#hawaii,
path#path13641,
path#path13643,
path#path13645,
path#tahiti,
path#raiatea,
path#galapagos,
path#santiago,
path#flores,
path#pico,
path#terceira {
    display: none;
}

.locations-static-mainsection {
    text-align: center;
    padding: 30px 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
}

.loc-static-imgsection {
    width: 50%;
    float: left;
    display: inline-block;
    padding: 15px;
}

.loc-static-loc-description {
    width: 50%;
    display: inline-block;
    float: right;
    padding: 20px 0;
    padding: 130px 0;
}

.loc-static-imgsection img {
    width: 100%;
}

.loc-static-titlesection.clearfix {
    padding: 20px;
}

.loc-static-titlesection strong {
    color: #106ba0;
    font-weight: normal;
}

.loc-description-deployloc-btn button#loc-static-delpoy {
    padding: 15px;
    background: none;
    border: none;
}

.loc-description-iconsection {
    font-size: 4.2em;
    color: #106ba0;
}

.loc-description-headsection {
    display: inline-block;
    width: 85%;
    /*float: right;*/
    padding: 20px 0;
}

.loc-description-deployloc-btn.clearfix {
    margin: 20px 0;
    border-radius: 2px;
    background: #1D82BD;
    color: #fff;
    margin: 20px auto;
    text-align: center;
    cursor: pointer;
    font-size: 0.9em;
    width: 50%;
    text-transform: capitalize;
}

.loc-alllocation-lidtsection li {
    display: inline-block;
    padding: 0px 9px;
    border-right: 1px solid #e5e5e5;
    text-decoration: none;
}

.loc-alllocation-lidtsection li:last-child {
    border-right: none;
}

.loc-alllocation-lidtsection li a:hover {
    text-decoration: none;
}

.loc-alllocation-lidtsection {
    text-align: center;
}

.our-otherlocations {
    padding: 35px 0;
    text-align: center;
    color: #1D82BD;
}



/*
-------------------------------------------------------------------------------------------------------
ABOUTUS CSS
-------------------------------------------------------------------------------------------------------
*/

.noi-aboutuspage {
    border-bottom: 1px solid #e5e5e5;
}

.section .noi-aboutus-mainsection h3 {
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
    font-weight: normal;
}

.noi-aboutus-serviceheadsection,
.noi-aboutus-clientsheadseciton,
.noi-aboutus-featuresheadsection {
    /*margin: 20px 0px;*/
    border-bottom: 1px solid #e5e5e5;
    padding: 80px 0px;
}
.noi-aboutus-featuresheadsection {
    padding:0;
    border: 0;
}


.services-list div, .features-list div {
    /*padding-top: 25px !important;*/
    text-align: center;
    border: 1px solid #e5e5e5;
    display: inline-block;
    box-shadow: 0 0 33px -10px #888;
    width: 31.3%;
    margin: 30px 10px;
    -webkit-transition: box-shadow 50ms linear, -webkit-transform 150ms ease-in-out;
    transition: box-shadow 50ms linear, transform 150ms ease-in-out;
    /*cursor: pointer;*/
    line-height: 22px;
    overflow: hidden;
}

.clients-list div {
    /*padding: 25px;*/
    text-align: center;
    /*border: 1px solid #e5e5e5;*/
    display: inline-block;
    /*margin: 30px 10px;*/
    width: 16.2%;
    -webkit-transition: box-shadow 50ms linear, -webkit-transform 150ms ease-in-out;
    transition: box-shadow 50ms linear, transform 150ms ease-in-out;
    cursor: pointer;
}

.noi-aboutus-serviceheadsection .services-description h5, .noi-aboutus-featuresheadsection .features-description h5, .noi-aboutus-clientsheadseciton .clients-description h5 {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: normal;
}

.services-list div button {
    border: 0;
    background: #1D82BD;
    padding: 10px;
    color: #fff;
    margin: 20px auto 0;
    text-align: center;
    cursor: pointer;
    font-size: 0.8em;
    width: 100%;
    text-transform: uppercase;
}

.noi-aboutus-mainsection p {
    margin: 30px 0px;
    font-size: 20px;
}

.services-list p, .clients-list p, .features-list p {
    font-size: 16px;
    line-height: 25px;
    margin: 25px;
}

.services-list h5, .clients-list h5, .features-list h5 {
    font-size: 18px;
    /* margin-bottom: 15px; */
    text-align: center;
    background: #1d82bd;
    font-weight: normal;
    color: #fff;
    padding: 10px;
}

.clients-subsection .clients-list {
    text-align: center;
}

/*changed content*/

.noi-aboutus-descr-section .noi-about-descr-para {
    display: inline-block;
    width: 50%;
    float: left;
}

.noi-aboutus-descr-section .noi-about-descr-images {
    display: inline-block;
    width: 50%;
    float: right;
}

.noi-aboutus-descr-section .noi-about-descr-images img {
    width: 100%;
}

.noi-aboutus-descr-section .noi-about-descr-para p {
    font-size: 16px;
}

.noi-about-descr-para .noi-about-descr-section-para-descr h4 {
    margin-bottom: 10px;
    font-size: 1.3em;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 34px;
    color: #3fb3f7;
}

.noi-aboutus-descr-section {
    padding: 80px 0 0;
}

.aboutus-news-newslist-decrpt-datesection span.newsdateauther {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #e5e5e5;
}

.aboutus-news-newslist-decrpt-datesection span.newsdateauther:last-child {
    border: 0;
}

.aboutus-news-newslist-decrpt-datesection {
    font-size: 1.2em;
    display: inline-block;
    width: 100%;
    color: #7d8188;
    margin-bottom: 5px;
}

.noi-aboutus-news-section {
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.aboutus-news-newslist-decrpt-titltesection.clearfix h3 {
    text-align: left;
    font-size: 1.2em;
    text-transform: none;
    color: #1d82bd;
    margin-bottom: 5px;
}

.newsroom-newslist-decprt-subsection.clearfix p {
    margin: 0;
    line-height: 26px;
    font-size: 16px;
}

.aboutus-news-sectionlist {
    margin-bottom: 40px;
    position: relative;
}

.section.noi-aboutus-clientsheadseciton {
    position: relative;
    background: #2592d2;
}

.clients-description h3 {
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.noi-aboutus-featuresheadsection .features-description h3 {
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
}

.services-techsupport-icon, .services-sales-icon, .services-webissues-icon {
    width: 100% !important;
    font-size: 70px;
    margin-left: 0 !important;
    /* MARGIN-top: 66PX !IMPORTANT; */
    BORDER: 0 !IMPORTANT;
    MARGIN: 0 !IMPORTANT;
    BOX-SHADOW: NONE !IMPORTANT;
    color: #1d82bd;
    padding: 20px;
}

.services-list div h5 {
    background: none;
    color: #5a5a5a;
    font-weight: 600;
}

.noi-aboutus-clientsheadseciton .clients-description,
.noi-aboutus-featuresheadsection .features-description,
.aboutus-news-newslist-description {
    text-transform: capitalize;
    text-align: center;
    font-size: 1.2em;
    margin: 0 0 20px 0;
    /*color: #333;*/
}

.noi-aboutus-clientsheadseciton .clients-description {
    color: #fff;
}

.noi-aboutus-featuresheadsection .features-description {
    color: #333;
}

.clients-list-one img {
    width: 120px;
}

.aboutus-news-newslist-decrpt:before {
    content: '';
    content: '';
    width: 10px;
    height: 1160px;
    background: #e5e5e5;
    left: -25px;
    position: absolute;
    top: -165px;
    z-index: -1;
}

.aboutus-news-newslist-decrpt {
    position: relative;
    padding-left: 50px;
    margin-left: 90px;
    width: 80%;
}

.aboutus-news-sectionlist:before {
    content: attr(data-id);
    position: absolute;
    left: -95px;
    top: 20px;
    width: 50px;
    height: 50px;
    border: 8px double;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    background: #1d82bd;
}

.aboutus-news-readmore {
    margin: 10px 0;
}


.aboutus-news-link {
    margin: 25px 140px 0;
    display: block;
}
.aboutus-news-link a {
    padding: 15px 30px;
    background: #1d82bd;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
}


/*mobile responsive code for about us*/
/* 
@media only screen and (max-width: 480px) {

    .noi-aboutus-serviceheadsection, .noi-aboutus-clientsheadseciton, .noi-aboutus-featuresheadsection {
        width: 100%;
    }

    .services-list div, .features-list div {
        width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .services-list p, .clients-list p, .features-list p {
        display: none;
    }

    .clients-list div {
        display: block;
    }

}

@media only screen and (max-width: 768px) {

    .noi-aboutus-mainsection {
        width: 100%;
    }

    .services-list div, .features-list div {
        width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .clients-list div {
        width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .noi-aboutus-mainsection {
        width: 100%;
    }

    .services-list div, .features-list div {
        width: 30.2%;
    }

    .services-subsection .services-list {
        padding: 15px;
    }
}
*/






/* about us Our Team */

.noi-aboutus-ourteamsection .ourteams-subsection {
    padding: 80px;
}

.noi-aboutus-ourteamsection  .ourteams-description {
    border: 2px solid #2592d2;
    padding: 52px;
    position: relative;
    margin-top: 50px;
}

.noi-aboutus-ourteamsection  .ourteams-description.employee-one{
    border-bottom: none;
    border-left: none;
    padding-bottom: 0;
}

.noi-aboutus-ourteamsection  .ourteams-description.employee-two{
    border-top: none;
    border-right: none;
    padding-bottom: 0;
}

.noi-aboutus-ourteamsection  .ourteams-description.employee-three{
    border-top: none;
    border-left: none;
    padding-bottom: 0;
}


.noi-aboutus-ourteamsection  .ourteams-description.employee-four{
    border-top: none;
    border-right: none;
    padding-bottom: 0;
}


.noi-aboutus-ourteamsection .ourteams-description.employee-one .noi-employee-icon {
    position: absolute;
    top: -53px;
    border: 2px solid #2592d2;
    text-align: center;
    border-radius: 76px;
    right: 53px;
}

.noi-aboutus-ourteamsection .ourteams-description.employee-two .noi-employee-icon {
    position: absolute;
    top: 0px;
    border: 2px solid #2592d2;
    text-align: center;
    border-radius: 76px;
    left: -53px;
}

.noi-aboutus-ourteamsection .ourteams-description.employee-three .noi-employee-icon {
    position: absolute;
    top: -5px;
    border: 2px solid #2592d2;
    text-align: center;
    border-radius: 76px;
    right: -49px;
}

.noi-aboutus-ourteamsection .ourteams-description.employee-four .noi-employee-icon {
    position: absolute;
    top: 0;
    border: 2px solid #2592d2;
    text-align: center;
    border-radius: 76px;
    left: -49px;
}

.noi-aboutus-ourteamsection  .noi-employee-icon {
    width: 100px;
}

.noi-aboutus-ourteamsection .noi-employee-icon img {
    width: 100%;
}

.noi-aboutus-ourteamsection .noi-employee-opinion {
    font-size: 1.1em;
    line-height: 25px;
    padding: 25px 0;
    font-family: Georgia, serif;
    font-style: italic;
}

.noi-aboutus-ourteamsection h5 {
    padding:25px 0;
    text-align: right;
}

.section.noi-aboutus-ourteamsection h2 {
    text-transform: capitalize;
    text-align: center;
    /* font-size: 1.2em; */
    margin: 0 0 20px 0;
    color: #333 !important;
}





/*
-------------------------------------------------------------------------------------------------------
CONTACTUS CSS
-------------------------------------------------------------------------------------------------------
*/
.noi-contactus-mainsection {
    width: 1024px;
    margin: 0 auto;
}

.contactus.main-section .commpage-headings {
    padding: 20px;
    border-bottom: 0px solid #e5e5e5;
    background: #d2eeff;
}

.commpage-headings
.commpage-horizntlline {
    width: 5%;
    border: 1px solid #1d82bd;
    margin: 15px auto;
}

.commpage-headings
h1 {
    margin: 0;
    font-size: 35px;
    text-align: center;
}

.contactus-cmpdeptsection p {
    margin-bottom: 30px;
    font-size: 16px;
    min-height: 154px;
    margin-top: 25px;
    pointer-events: none;
}

.commpage-headings p {
    padding: 36px;
    line-height: 35px;
    text-align: center;
    width: 900px;
    margin: 0px auto;
    pointer-events: none;
}

.contactus.main-section .contactus-cmpdeptsection {
    width: 1024px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.contactus.main-section .contactus-cmpdeptsection div {
    border: 1px solid #e5e5e5;
    display: inline-block;
    width: 31.3%;
    margin: 0px 10px;
    text-align: center;
    transition: all ease 0.5s;
    overflow: hidden;
}

.contactus.main-section .contactus-cmpdeptsection div h5 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
    padding: 10px;
}

.contactus-cmpdeptsection span i, .contactus-cmpdeptsection span i, .contactus-cmpdeptsection span i {
    font-size: 50px;
    cursor: pointer;
    color: #1D82BD;
}

.contactus-msgreportinfo {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 38px;
}

.contactus-msgreportinfo p {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contactus-msgreportinfo input#usrrptname,
input#usrrptemail ,
.contactus-salesdept-messge input#username,
.contactus-salesdept-messge input#useremail,
.contactus-technicaldept-messge input#useremail,
.contactus-supportdept-messge input#username,
.contactus-technicaldept-messge input#username,
.contactus-supportdept-messge input#useremail {
    padding: 10px;
    margin-top: 10px;
    width: 100%;
}

.contactus-msgreportinfo input#usrrptsubject ,
.contactus-salesdept-messge input#usersubject,
.contactus-technicaldept-messge input#usersubject,
.contactus-supportdept-messge input#usersubject{
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

textarea#usrrptdescript {
    resize: none;
}

.contactus-msgreportinfo .usrrptemail-section {
    display: inline-block;
    width: 50%;
    padding-left: 10px;
}

.contactus-msgreportinfo textarea#usrrptdescript,
.contactus-salesdept-messge textarea#userdescript,
.contactus-technicaldept-messge textarea#userdescript,
.contactus-supportdept-messge textarea#userdescript{
    width: 100%;
    height: 200px;
    padding: 10px;
}

.contactus-msgreportinfo .usrrptname-section {
    display: inline-block;
    width: 50%;
}

.contactus-msgreportinfo #usrrptsuballbn,
.contactus-salesdept-messge #salesdecrptsub,
.contactus-supportdept-messge #supportdeptdecrptsub,
.contactus-technicaldept-messge #technicaldeptdecrptsub{
    border: 0;
    background: #1D82BD;
    padding: 10px 50px;
    color: #fff;
    margin: 20px auto;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 1.0em;
    width: 100%;
    text-transform: uppercase;
}

.noi-contactus-mainsection .contactus-addrmapsection {
    padding-top: 50px;
    padding-bottom: 50px;
}

.noi-cmpaddrsection label {
    text-transform: capitalize;
    color: #1d82bd;
    font-weight: bold;
    font-size: 0.9em;
}

.noi-contactus-fullsection {
    margin-left: 36px;
}

.contactus-addrmapsection .noi-cmpaddrsection {
    display: inline-block;
    padding: 30px;
    border: 1px solid #e5e5e5;
    background: #fff;
    width: 675px;
    box-shadow: 0px 0px 26px 1px #a5a5a5;
}

.contactus-addrmapsection .noi-cmpmapsection {
    display: inline-block;
    width: 50%;
}

.cmpdeptsection-message-secion img {
    width: 50px;
    margin-bottom: 30px;

}

.cmpdeptsection-message-secion span {
    text-align: center;
    pointer-events: none;
}

.cmpdeptsection-message-secion h5 {
    pointer-events: none;
}


.noi-cmpaddrsection p {
    margin: 12px 0;
}

.contactus-cmpdeptsection div {
    padding: 15px;
}

/* .contactus-cmpdeptsection div:hover {
    border: 1px solid #1D82BD !important;
    opacity: 1;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
} */

.contactus-cmpdeptsection div {
    -webkit-transition: box-shadow 50ms linear, -webkit-transform 150ms ease-in-out;
    transition: box-shadow 50ms linear, transform 150ms ease-in-out;
    cursor: pointer;
    width:25%;
    text-align: center; 
}

.contactus-msgreportinfo h3 ,
.contactus-salesdept-messge h3,
.contactus-supportdept-messge h3,
.contactus-technicaldept-messge h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;

}

.contactus-msgreportinfo h5 ,
.contactus-salesdept-messge h5,
.contactus-supportdept-messge h5,
.contactus-technicaldept-messge h5 {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: normal;
}

.contactus-addrmapsection {
    /*background-image: url(/img/map.png);*/
}

.noi-cmpaddrsection .email-telephone-section {
    display: inline-block;
    width: 40%;
    border-right: 1px solid #e5e5e5;
    float: left;
}

.noi-cmpaddrsection .address-section {
    display: inline-block;
    width: 60%;
    padding-left: 30px;
    float: left;
}

.customsection {
    background-image: url(/img/map-blue.png);
    padding: 130px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f3f3f3;
}

.contactus-cmpdeptsection button {
    border: 0;
    background: #1D82BD;
    padding: 10px;
    color: #fff;
    /*     margin: 20px auto 0; */
    text-align: center;
    cursor: pointer;
    font-size: 0.8em;
    width: 100%;
    text-transform: capitalize;
    pointer-events: none;
}

.contactus-salesdept-messge {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 38px;
}
.contactus-supportdept-messge {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 38px;
}

.contactus-technicaldept-messge {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 38px;
}

.contactus-salesdept-messge,.contactus-technicaldept-messge {
    display: none;
}

.salesdept-useremail-section,
.technicaldept-useremail-section{
    width: 50%;
    display: inline-block;
    padding-left: 10px;
}

.salesdept-username-section,
.technicaldept-username-section {
    width: 50%;
    display: inline-block;
}

.deptselected {
    display: none;
}

.contactus-cmpdeptsection {
    margin-top: 50px;
}

.noi-contactus-mainsection .contactus-coomonheader {
    display: none;
    text-align: center;
    padding: 200px 0;
}

.contactus-coomonheader-icon {
    font-size: 6.2em;
    color: #1db055;
}

.contactus-coomonheader-title {
    font-size: 2.2em;
}

.contactus-coomonheader-decription {
    font-size: 1.2em;
    line-height: 30px;
    padding: 20px 170px;
}

.noi-contactus-mainsection .remove-pointer {
    pointer-events: none;
}



/*
-------------------------------------------------------------------------------------------------------
FEATURES
-------------------------------------------------------------------------------------------------------
*/
body {
    font-family: 'Varela Round', sans-serif;
    /*font-family: "Noto Serif","Times New Roman",Serif;*/
    color: #5a5a5a;
    font-size: 16px;
}

.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.features.main-section .commpage-headings {
    border-bottom: 0px solid #e5e5e5;
    background: #d2eeff;
    background: #2490cf;
    min-height: 70vh;
    /*margin-top: 75px;*/
    color: #fff;
}

.features-banner-textsection h4 {
    margin-bottom: 10px;
    font-size: 1.3em;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 34px;
    color: #3fb3f7;
}

.features-banner-textsection img {
    width: 78px;
    margin: 35px;
}

.features-banner-imagesection {
    width: 30%;
    display: inline-block;
    text-align: right;
}

.features-banner-textsection {
    display: inline-block;
    width: 52%;
    /* float: left; */
    /* background: #2592d1; */
    padding: 0px 25px;
    color: #111;
    /* box-shadow: 0px 0px 26px 1px #4f5e67; */
}

.features-interactive-banner {
    margin: 20px 0;
}

.features-banner-details {
    padding: 40px 0;
    position: relative;
}

div#features-banner-imagesection-one,
div#features-banner-imagesection-three {
    float: right;
    padding: 20px;
    text-align: center;
    width: 48%;
}

div#features-banner-imagesection-two {
    float: left;
    text-align: left;
    padding: 25px;
    text-align: center;
    width: 48%;
}

.textsection-sectionright {
    position: absolute;
    top: 30px;
    font-size: 135px;
    margin-left: 548px;
    color: #2592d1;
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.textsection-sectionleft {
    position: absolute;
    top: 20px;
    font-size: 135px;
    margin-left: 430px;
    color: #2592d1;
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

div#features-banner-textsection-two {
    float: right;
}

div#features-banner-textsection-one, div#features-banner-textsection-three {
    float: left;
}

.features-banner-textsection .section-desc {
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    color: #616366;
}

.interactive-featureslist .interactive-featureslist-details.clearfix {
    width: 25%;
    display: inline-block;
    padding: 25px 10px;
    color: #616366;
    font-size: 15px;
    font-weight: 300;
}

.interactive-featureslist-details .interactive-featureslist-imagesection {
    font-size: 3.2em;
    color: #3fb3f7;
    width: 20%;
    display: inline-block;
    /* float: left; */
    padding: 0;
    line-height: 0;
    /*display:none;*/
}

.interactive-featureslist-details .interactive-featureslist-textsection {
    display: inline-block;
    width: 80%;
    float: right;
    padding: 10px;
    padding-top: 0;
    text-align:left;
}

.interactive-featureslist-textsection .interactive-featureslist-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #19aaff;
}

p.interactive-featureslist-desc {
    margin-bottom: 0;
    color: #a9a9a9;
    font-size: 15px;
    line-height: 25px;
}

.noi-features-mainsection .worldwide-deveopment-section {
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 350px;
}

.worldwide-deveopment-section .worldwide-development-headsection {
    display: inline-block;
    width: 50%;
    float: left;
}

.worldwide-development-headsection .title-section {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 34px;
}

.worldwide-development-headsection .sub-section {
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 28px;
}

.worldwide-development-imagemap .hm-select-location {
    margin-bottom: 0;
}

/*interactive performance*/

.section.clearfix.performancesection {
    position: relative;
    background: #2592d2;
}

.noi-performance-maindection {
    margin: 40px 0;
}

.noi-performance-maindection {
    margin: 40px 0;
    min-height: 250px;
    padding: 40px 0;
}

.noi-performance-img-section {
    float: left;
}

.noi-performance-desc {
    position: relative;
    z-index: 99;
    text-align: center;
    width: 80%;
    margin: 0px auto;
}

.performance-desc-title {
    color: #fff;
    margin: 10px 0;
    font-size: 1em;
}

.performance-desc-subsection {
    color: #fff;
    font-weight: normal;
}

.performance-desc-getstartedbtn {
    padding: 10px 0;
    background: #1D82BD;
    width: 30%;
    text-transform: capitalize;
    text-align: center;
    margin: 53px auto;
    cursor: pointer;
}

a.performancegetstart {
    color: #fff;
    text-decoration: none;
}

a.performancegetstart {
    color: #fff;
    text-decoration: none;
    padding: 10px 37px;
}

a.performancegetstart:focus {
    text-decoration: none;
}

.interactive-featureslist {
    padding: 80px 0;
    padding-bottom: 46px;
    border-bottom: 1px solid #e5e5e5;
}

#customerdash {
    width: 100%;
}

.interactive-featureslist-titlesection {
    text-transform: capitalize;
    text-align: center;
    font-size: 1.2em;
    margin: 0 0 20px 0;
}

.hm-locations-cont svg path {
    fill: #50bcfb;
    stroke: #1f98e0;
    stroke-width: 1px;
}

.features-multidomain-singledomain {
    padding: 60px 0;
    text-align: center;
}

.features-multidomain-singledomain-headsection {
    text-align: center;
    width: 80%;
    margin: 0px auto;
}

.features-multdomain-singledomain-titlesection {
    margin: 10px 0;
    font-size: 1em;
}

.features-multidomain-singledomain-mainsection.clearfix {
    padding: 50px 0 0;
    padding-top: 0;
}

.features-multidomain-singledomain-mainsection .features-singledomain-descript-one,
.features-multidomain-singledomain-mainsection .features-multidomain-descript-two {
    display: inline-block;
    width: 40%;
    float: left;
    text-align: right;
    padding: 13px 25px;
}

.features-multidomain-singledomain-mainsection .features-multidomain-descript-two {
    display: inline-block;
    width: 40%;
    float: right;
    text-align: right;
    padding: 13px 25px;
}


/*.features-multidomain-singledomain-mainsection .features-multidomain-descript-two {*/
/*text-align: left;*/
/*}*/

.features-multidomain-singledomain-mainsection .features-singledomain-icon-one,
.features-multidomain-singledomain-mainsection .features-multidomain-icon-two {
    display: inline-block;
    float: right;
    width: 60%;
    padding: 0px;
    border: 3px solid #ebebeb;
    border-top: 40px solid #ebebeb;
    border-radius: 8px 8px 0 0;
    padding-top: 15px;
    overflow: hidden;
    height: 500px;
}

.features-singledomain-icon-one img,
.features-multidomain-icon-two img {
    width: 100%;
    float: right;
    border: 0px solid;

    position:relative;
    top:0px;
    -webkit-transition: all 5s;
    -moz-transition: all 5s;
    -ms-transition: all 5s;
    -o-transition: all 5s;
    transition: all 5s;
}

.features-singledomain-icon-one img:hover {
    top: -650px;
    cursor:pointer;
}
.features-multidomain-icon-two img:hover { 
    top: -180px;
    cursor:pointer;
}

.features-multidomain-icon-two img {
    float: left;
}

.features-singledomain-descript-one h4,
.features-multidomain-descript-two h4 {
    font-size: 1.4em;
    font-weight: 600;
    margin: 25px 0;
    margin-top: 0;
    line-height: 34px;
    color: #3fb3f7;
}

.features-multidomain-descript-two h4 {
    text-align: left;
}

.features-singledomain-descript-one .section-desc,
.features-mutlidomain-descript-two .section-desc {
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    color: #616366;
}

.features-domains.clearfix {
    padding: 70px 0;
}







/*
-------------------------------------------------------------------------------------------------------
MEDIA CSS
-------------------------------------------------------------------------------------------------------
*/

/* meedia querries */

/*
----------------------------------------------------------------------
max 1160 px media querry
----------------------------------------------------------------------
*/
@media only screen and (max-width: 1160px) {

    .section .elemwrap,
    .landingpage .elemwrap {
        width: 100%;
    }

    .noi-bdy-container {
        padding: 0px;
    }

    /* Ranajit */
    .noi-aboutus-descr-section,
    .noi-aboutus-featuresheadsection,
    .noi-aboutus-news-section,
    .noi-aboutus-clientsheadseciton,
    .noi-aboutus-featuresheadsection,
    .footer-link {
        padding: 80px 50px;
    }
    /*
    --------------------------------------------------------------
    helps page
    ---------------------------------------------------------------*/
    .noi-helps-mainsection {
        padding: 40px 36px;
    }

    /*
    ---------------------------------------------------------------------
    privacy policy
    ---------------------------------------------------------------------
    */
    .noi-privacypolicy-mainsection, 
    .noi-termsofsevice-mainsection {
        position: relative;
        padding: 40px 36px;
    }

    /*
    Blog Section
    ----------------------------------------------
    */
    .hm-blog-section {
        padding: 15px;
        text-align: center;
    }
}



/*
----------------------------------------------------------------------
max 1160px and min-width 768
---------------------------------------------------------------------
*/
/*
    adding the padding to the sections
*/
@media only screen and (max-width:1160px) and (min-width:768px) {
    .hm-footer .footer-link {
        padding: 30px 10px;
    }
    .newsroom-newslist-with-upcomningevent {
        padding: 30px 10px;
    }
    .newsrooms-headsection {
        padding: 15px 10px;
    }
    button#footersignup {
        /*  margin-top:10px; */
    }
}



/*
----------------------------------------------------------------------
max 1024 px and min 769 px media querry
----------------------------------------------------------------------
*/
@media only screen and (max-width: 1080px) {
    .section .elemwrap,
    .landingpage .elemwrap {
        width: 100%;
    }

    .billing-process .billdetails {
        font-size: 14px;
    }

    .billdetails .sequence {
        line-height: 31px;
        margin-right: 5px;
    }
}

/*
----------------------------------------------------------------------
max 1024 px media querry
----------------------------------------------------------------------
*/
@media only screen and (max-width: 1024px) {
    .noi-header {
        padding: 0px 10px;
        position: fixed;
        top: 0;
        z-index: 99999;
        background: #fff;
    }

    /* .noi-bdy-container {
        margin-top: 55px;
    } */

    #bannerwrap {
        width: 70%;
    }

    .landingpage .bannerwrap-cont > h1.hm-banner-sec1-title {
        font-size: 2.2em;
        line-height: 1.2em;
    }

    .bannerwrap--col {
        width: 60%;
        margin: 0px auto;
        display: block;
        padding: 0;
    }

    .bannerwrap--col .or-seperator {
        position: relative;
        right: 0;
        top: 0;
        padding: 15px;
    }

    .bannerwrap--col .or-seperator span:before {
        width: 20px;
        height: 2px;
        background: #f4f9fc;
        position: absolute;
        content: '';
        top: 5px;
        right: 36px;
    }

    .bannerwrap--col .or-seperator span:after {
        width: 20px;
        height: 2px;
        background: #f6f6f6;
        position: absolute;
        content: '';
        top: 5px;
        right: -35px;
    }

    .fnt-logsocial .socialicons {
        margin: 0;
    }

    .bannernotification {
        position: relative;
    }

    .landing-howitworks {
        margin: 0;
        margin-top: 30px;
        overflow:hidden;
    }

    .hm-features > .section {
        padding: 50px 50px 80px;
    }

    .hm-all-testinomials {
        padding: 30px 60px;
    }


    /* Ranajit */
    .noi-aboutus-descr-section,
    .noi-aboutus-news-section,
    .noi-aboutus-clientsheadseciton,
    .noi-aboutus-featuresheadsection,
    .section.widgetsection {
        padding: 50px 36px;
    }

    /*
    ---------------------------------------------------------------------
    privacy policy
    ---------------------------------------------------------------------
    */
    .noi-papandtc-listsection.fixed {
        position: relative;
        top: 0px;
    }
    .noi-privacypolicy-listsection,.noi-termsofsevice-listsection  {
        position: relative;
        width: 100%;
        top: 0 ;
    }

}


/* media querry for 960px */
@media only screen and (max-width: 960px) {

    /* 
    --------------------------------------------------------------------
    Widgets Section Responsive Code
    --------------------------------------------------------------------
    */
    #noiwidgetdeploy {
        padding: 95px 40px 40px;
    }
    #noiwidgetdeploy .widget-opts {
        width: 100%;
        display: block;
        float: none;
        margin: 15px 0;
    }
    #noiwidgetdeploy .widget-dropcontainers ul li {
        text-align: left;
    }
    #noiwidgetdeploy .widget-dropcontainers ul li.selected {
        position: relative;
    }
    #noiwidgetdeploy .widget-dropcontainers .ulactive {
        width: 100%;
        position: relative;
    }
    #noiwidgetdeploy ul#selectwidgetapps li:first-child,
    #noiwidgetdeploy ul#deploymultipledomains li:first-child {
        display: none;
    }
    #noiwidgetdeploy .crtdrpinnersec.applications-list {
        width: 100%;
    }
    #noiwidgetdeploy .widget-submit input[type="submit"] {
        width: 100%;
    }


    /*
    ---------------------------------------------------------------------
    Apps Page Responsive Code
    ---------------------------------------------------------------------
    */

    .page--app-icon {
        padding: 45px 0;
    }

    .hm-latest-news-and-update-section .latest-updates {
        width: 90%;
        float: none;
        margin: 0;
    }
    .chat-logininfo-section .latest-updates .update-date,
    .chat-logininfo-section .latest-updates .update-title,
    .chat-logininfo-section .latest-updates div.update-content {
        text-align: left;
    }

    .hm-testinomials-images {
        padding:15px;
    }

}



/*
----------------------------------------------------------------------
max 1024 px and min 769 px media querry
----------------------------------------------------------------------
*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .crtdrpinnersec.applications-list {
        width: 80%;
    }



    /* Ranajit */
    .noi-aboutus-mainsection {
        width: 100%;
    }

    .services-list div, .features-list div {
        width: 30.2%;
    }

    .services-subsection .services-list {
        padding: 15px;
    }
    /*
    --------------------------------------------------------
    contact us page
    */
    .contactus-cmpdeptsection div {
        text-align: center;
        width: 33.3%;
        display: inline-block;
    }

    .contactus-addrmapsection .noi-cmpaddrsection {
        width: 100%;
        padding: 25px 0;
    }
    /* ranajit-contactus */

    .commpage-headings {
        text-align: center;
        width: 100%;
    }

    .contactus.main-section .contactus-cmpdeptsection {
        width: 100%;
    }

    .contactus.main-section .contactus-cmpdeptsection div {
        width: 30.2%;
    }

    .contactus-addrmapsection .noi-cmpaddrsection {
        width: 100%;
    }

    .commpage-headings p {
        width: 100%;
    }

    /*
    --------------------------------------------------------------
    helps page
    ---------------------------------------------------------------*/
    .noi-helps-mainsection {
        padding: 40px 36px;
    }
    /*
    ---------------------------------------------------------------------
    privacy policy
    ---------------------------------------------------------------------
    */
    .noi-privacypolicy-mainsection, .noi-termsofsevice-mainsection {
        position: relative;
        padding: 40px 36px;
    }
    /*----------------------------------------------
    location page
    ----------------------------------------------------*/
    .wearelocated-container {
        width: 33.3%;
    }


    /* waitlist */
    .login-waitlist.clearfix {
        padding: 80px 20px;
    }


}

/*
------------------------------------------------------------------------
min 800 px media querry
------------------------------------------------------------------------
*/
@media only screen and (min-width: 800px) {
    .progress-bar li:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #8bc53f;
        content: "";
        height: 8px;
        width: 0%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;

        -webkit-transition: width ease 2s;
        -ms-transition: width ease 2s;
        -o-transition: width ease 2s;
        -moz-transition: width ease 2s;
        transition: width ease 2s;
    }

    .progress-bar li.last:after {
        width: 60% !important;
        background: #EcEcEc;
    }

    .progress-bar li.active:after {
        width: 100%;

        -webkit-transition: width ease 2s;
        -ms-transition: width ease 2s;
        -o-transition: width ease 2s;
        -moz-transition: width ease 2s;
        transition: width ease 2s;
    }

    .progress-bar li.error:after {
        width: 0%;
        background: #fe3900;
    }

    .steps-progress-wrap {
        margin: 35px auto;
        display: table;
        width: 100%;
    }

    ul.progress-bar {
        background-size: 35px 35px;
        background-color: #EcEcEc;
        border-radius: 15px;
        height: 8px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 100%;
    }

    ul.progress-bar:before {
        background-size: 35px 35px;
        background-color: #8bc53f;
        border-radius: 15px;
        content: " ";
        height: 8px;
        left: 0;
        position: absolute;
        width: 10%;
        top: 0px;
    }

    ul.progress-bar li {
        display: inline-block;
        margin: 50px 0 0;
        padding: 0;
        text-align: center;
        width: 19%;
    }

    ul.progress-bar li:before {
        height: 45px;
        left: 0%;
        line-height: 42px;
        position: absolute;
        top: -70px;
        width: 45px;
        z-index: 99;
    }

    ul.progress-bar li.visited {
        background: none;
    }

    ul.progress-bar li.visited:after {
        background-size: 35px 35px;
        background-color: #57aed1;
        content: "";
        height: 8px;
        left: 50%;
        position: absolute;
        top: -50px;
        width: 100%;
        z-index: 99;
    }
}

/*
-----------------------------------------------------------------------
max 768 px media querry
----------------------------------------------------------------------- 
*/
@media only screen and (max-width: 768px) {
    .noi-modal {
        width: 100%;
    }
    .sp-slideshow input + label {
        bottom: 30px;
    }
    .noi-createdomain .deploytype .dtypes {
        width: 100%;
        text-align: left;
        padding-left: 80px;
    }

    .orseperator {
        display: none;
    }

    .noi-landingpage {
        height: auto;
    }

    #bannerwrap {
        width: 95%;
        height: auto !important;
    }

    .howitworks-cont {
        padding-left: 0px;
        padding: 10px;
        margin-bottom: 0;
    }

    .howitworks-cont:before {
        left: 50%;
        transform: translate(-10px);
    }

    .landing-howitworks .stepdetails:before {
        left: 50%;
        transform: translate(-30px);
        top: -52px;
    }

    .landing-howitworks .stepdetails:after {
        left: 50%;
        transform: translate(-10px);
    }

    .hm-selc-domain, .hm-select-location, .hm-select-application {
        text-align: center;
        background: #fff;
    }

    .crtdrpinnersec.applications-list {
        padding: 0px;
        text-align: center !important;
        width: 80%;
        margin: 0px auto
    }

    .hm-select-deploy button {
        padding: 15px 30px;
    }

    .hm-feature {
        width: 100%;
        display: block;
        padding: 10px;
    }

    .hm-features > .section {
        padding: 20px 10px 40px;
    }

    .hm-testinomials {
        margin-bottom: 0;
    }

    .hm-all-testinomials {
        padding: 30px;
        text-align: center;
    }

    .testimonial-quote img {
        position: relative;
        display: inline-block;
    }

    .testimonial-quote.right .quote-container {
        padding: 20px 0;
        font-size: 16px;
    }

    .testimonial-quote.right cite {
        text-align: center;
        margin: 25px 0;
    }

    .hm-footer .footer-link,
    .hm-footer .footer-creds {
        float: none;
        width: 100%;
        display: table;
        text-align: center;
        padding: 30px;
    }

    .footer-creds {
        background: #222;
    }

    .noi-header .header-left,
    .noi-header .header-right {
        width: 100%;

    }

    .noi-header .header-left {
        text-align: center;
    }

    .noi-header .header-left span.mobilemenu {
        display: block;
        cursor: pointer;
    }
    .landingpage .noi-header .header-left span.mobilemenu {
        /* color: #fff; */
        cursor: pointer;
    }


    .noi-header .header-right {
        text-align: left;
        position: absolute;
        width: 100%;
        left: 0;
        top: 55px;
        padding: 0 10px;
        z-index: 999;
        display: none;
    }

    .noi-header .header-right.activemenu {
        display: block;
        box-shadow: 0px 7px 16px -10px #111;
        background: #fff;
    }

    .noi-header .header-right a {
        display: block;
        width: 100%;
        margin: 0;
        background: #fff;
        padding: 12px 5px;
        font-weight: bold;
    }
    .landingpage .noi-header .header-right a {
        color: #5a5a5a;
    }

    .landingpage .noi-header .header-right a.btn {
        color: white;
        margin: 5px 0;
    }

    .noi-header .header-right form {
        width: 100%;
        background: #fff;
        padding: 10px 30px;
    }

    .noi-header .header-right a#noi-register {
        border: 0;
    }

    #single-cont,
    #multiple-cont {
        padding: 0 15px;
    }

    .pageintro {
        padding: 0;
        line-height: 2.5em;
    }

    .crtdmnsteps {
        padding: 10px 0;
    }

    /* Domains Groups */
    .crtdrpinnersec.group-name .domainname {
        width: 60%;
    }

    .crtdrpinnersec.group-name .groups {
        width: 30%;
    }

    /* Applications */
    .crtdrpinnersec.applications-list ul {
        text-align: center;
    }

    .crtdrpinnersec.applications-list ul li {
        min-width: auto;
    }

    .crtdrpinnersec ul li .application-title {
        display: none;
    }

    /* DC Locations */
    #dcregiontabs.tabs ul li {
        padding: 10px 10px;
        width: 33.33%;
        font-size: 15px;
        color: #555;
        border: 1px solid #e5e5e5;
    }

    #dcregiontabs.tabs ul li.tabs-active {
        background: #1d82bd;
        color: #fff;
    }

    #tabs-border {
        display: none;
    }

    .crtdrpinnersec ul.server-location {
        text-align: center;
    }

    /* total billing checkout */
    .crtdmnsteps.deploybutton {
        padding-bottom: 30px;
    }

    .crtdrpinnersec.total-price2 {
        display: none;
    }

    .crtdrpinnersec.total-price {
        display: block;
    }

    .crtdrpinnersec.total-price ul li {
        margin-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 10px;
    }

    span.to-selected-heading {
        min-width: 180px;
        display: inline-block;
    }

    .crtdrpinnersec.total-price ul li:last-child {
        border: 0;
    }

    .tp1-selected {
        font-weight: bold;
    }

    /* single deploy progress */
    .progressBottombar {
        position: relative;
        padding: 0px;
        box-shadow: none;
    }

    .progressBottombar .steps-progress-wrap {
        margin: 20px 0;
    }

    #progressdeploy,
    #multipledeploybtn {
        position: relative;
        margin: 0;
        width: 100%;
        top: 0;
        left: 0;
        display: inline-block;
        padding: 15px;
    }

    ul.progress-bar li {
        display: none;
        padding: 10px;
    }

    #prog-final {
        display: block;
    }

    #prog-final:before {
        display: none;
    }

    /** credit card modal  */
    .billing-process .billdetails {
        width: 100%;
        padding: 10px;
        text-align: left;
    }

    .billing-info .addrdetails {
        width: 90%;
    }

    .noi-checkout-modal .noi-checkout-body div.billingsec {
        margin-top: 0;
    }

    #billinginfo label {
        width: 100%;
        padding: 5px 0;
    }

    .addrdetails input {
        margin: 0;
    }

    .input-group select {
        margin: 0;
    }

    button.checkout-submit-btn {
        margin: 20px auto;
    }

    /* payment method */
    .paycard span.pf.pf-credit-card {
        font-size: 35px;
    }

    .paycard span.pf.pf-bitcoin-sign {
        font-size: 50px;
    }

    .paycard span.pf.pf-paypal-alt {
        font-size: 60px;
    }

    .billing-paymentmethod .creditcard,
    .billing-paymentmethod .bitcoins,
    .billing-paymentmethod .paypal {
        width: 100px;
    }

    .billing-paymentmethod .bitcoins,
    .billing-paymentmethod .paypal {
        width: 30%;
    }

    .billing-paymentmethod .carddetails,
    .billing-paymentmethod .bitcoinsdetails,
    .billing-paymentmethod .paypaldetails {
        width: 90%;
    }

    .review-confimation .reviewconfrim-container,
    .review-confimation .reviewconfrim-container-htmlForconifnagain {
        width: 100%;
    }

    /* multiple deploy pages */
    .mdoptions.upload-csv {
        display: none;
    }

    .multiple-deploy-methods .mdoptions.addmanually {
        width: 100%;
        padding-left: 0;
        padding: 10px;
    }

    /*
    Ranajit code for Home page map location for mobile view
    */
    .landing-howitworks .stepdetails.hm-step1.active:after {
        top: -90px;
        height: 291px;
    }

    .landing-howitworks .stepdetails.hm-step2.active:after {
        height: 1217px;
    }

    .landing-howitworks .stepdetails.hm-step2:after {
        height: 1217px;
    }

    .landing-howitworks .stepdetails.hm-step3.active:after {
        height: 400px;
    }

    .landing-howitworks .stepdetails.hm-step3:after {
        height: 400px;
    }

    .hm-maplocs.active .content {
        background: #57a2ce;
    }

    .hm-maplocs.active h2, .hm-maplocs.active p {
        color: #fff;
    }

    .hm-locations-cont img {
        display: none;
    }

    .hm-locations-cont .hm-maplocs {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        height: 100px;
        margin: 0 auto;
    }

    .pulse {
        width: auto;
        height: auto;
        opacity: 1;
        position: relative;
        display: block;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .pulse.active {
        transition: none;
        opacity: 1;
        width: auto;
        height: auto;
        border: none;
    }

    .pulse:after {
        display: none;
    }

    .pulse .content {
        opacity: 1;
        -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
        -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
        -webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
        -webkit-transition-delay: 0.25s, 0s, 0s;
        -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
        overflow: hidden;
    }

    .centered-y {
        position: relative;
        width: 100%;
        display: block;
        opacity: 1;
        top: 50px;
        margin-bottom: 10px;
    }

    .content .centered-y p {
        font-size: 14px;
    }

    .content .centered-y h2 {
        font-size: 14px;
    }

    .centered-y .hmcancelbtn {
        display: none;
    }

    .content button[type="button"] {
        border: 0;
        background: #56a1ce;
        color: #fff;
        position: absolute;
        cursor: pointer;
        width: 20%;
        text-transform: capitalize;
        bottom: 26px;
        top: 25px;
        left: auto;
        right: 10px;
    }

    .hm-select-deploy #hmsuball {
        width: 80%;
        padding: 10px 0px;
    }

    /*Ranajit code for privacy mobile view*/
    .noi-privacypolicy-header .noi-privacypolicy-details {
        display: block;
        float: none;
        line-height: 0;

    }

    #subpages-bluestrip.bluestrip-content-title h1 {
        text-align: center;
        line-height: 32px;
    }

    .noi-privacypolicy-rightsearch {
        display: block;
        float: none;
        text-align: center;
    }

    .noi-privacypolicy-rightsearch i {
        padding: 7px 60px;
    }

    .noi-privacypolicy-rightsearch input {
        padding-right: 50px;
    }

    .noi-privacypolicy-mainsection {
        width: 100%;
        padding: 10px 15px;
    }

    .noi-privacypolicy-listsection {
        position: relative;
        width: 100%;
        right: auto;
        text-align: left;
        float: none;
        padding: 0;
    }

    .noi-privacypolicy-sectioncontent.clearfix {
        width: 100%;
        padding: 10px 10px;
        float: none;
        display: block;
    }

    .noi-privacypolicy-sectioncontent h1 {
        font-size: 24px;
    }

    .noi-privacypolicy-sectioncontent h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .noi-privacypolicy-sectioncontent .segement {
        width: 100%;
    }

    .noi-privacypolicy-mainsection .noi-privacypolicy-listsection li {
        font-size: 18px;
    }

    /*Ranajit code for terms condition mobile view*/
    .noi-termsofsevice-header .noi-termsofsevice-details {
        display: block;
        float: none;
        line-height: 0;

    }

    .noi-termsofsevice-rightsearch {
        display: block;
        float: none;
        text-align: center;
    }

    .noi-termsofsevice-rightsearch i {
        padding: 7px 60px;
    }

    .noi-termsofsevice-rightsearch input {
        padding-right: 50px;
    }

    .noi-termsofsevice-mainsection {
        width: 100%;
        padding: 10px 15px;
    }

    .noi-termsofsevice-listsection {
        position: relative;
        width: 100%;
        right: auto;
        text-align: left;
        float: none;
        padding: 0;
    }

    .noi-termsofsevice-sectioncontent.clearfix {
        width: 100%;
        padding: 0;
        float: none;
        display: block;
    }

    .noi-termsofsevice-sectioncontent h1 {
        font-size: 24px;
    }

    .noi-termsofsevice-sectioncontent h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .noi-termsofsevice-sectioncontent .segement {
        width: 100%;
    }

    .noi-termsofsevice-mainsection .noi-termsofsevice-listsection li {
        font-size: 1em;
        padding: 3px 0;
    }

    /*Code for login two mobile view*/
    .noi-chat-section-one {
        width: 100%;
    }

    .noi-chat-contentlog .chat-log-section {
        width: 100%;
        display: block;
        float: none;
        text-align: center;
        box-sizing: border-box;
        padding: 15px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .noi-chat-contentlog .chat-logininfo-section {
        display: block;
        float: none;
        box-sizing: border-box;
        padding: 15px;
        font-size: 14px;
        border-right: none;
        line-height: 1.3;
        margin-bottom: 0;
        width: 100%;
    }

    .social-logo-button {
        width: 100%;
    }

    .noi-chat-social-icon .icon {
        width: 13%;
    }

    .noi-chat-social-icon .slide {
        width: 100%;
    }

    .noi-chat-social-icon {
        width: 80%;
        margin: 0px auto;
    }







    /* Ranajit */
    .noi-aboutus-mainsection {
        width: 100%;
    }

    .services-list div, .features-list div {
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .clients-list div {
        width: 33%;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 10px;
        padding: 20px;
    }
    .clients-list-one img {
        width: 100%;
    }

    .banner-header {
        width: 100% !important;;
        padding: 50px 0;
    }

    .noi-aboutus-descr-section,
    .noi-aboutus-news-section,
    .noi-aboutus-clientsheadseciton,
    .noi-aboutus-featuresheadsection,
    .section.widgetsection {
        padding: 20px 15px;
    }

    .noi-aboutus-news-section {
        overflow: hidden;
    }

    .aboutus-news-newslist-decrpt.clearfix:before {
        height: 1180px;
    }

    .noi-aboutus-descr-section .noi-about-descr-para {
        display: block;
        width:100%;
    }

    .noi-aboutus-descr-section .noi-about-descr-images {
        display: block;
        width:100%;
    }

    .noi-about-descr-para .noi-about-descr-section-para-descr h4 {
        text-align: left;
    }

    .aboutus-news-newslist-decrpt {
        margin-left: 35px;
        padding: 10px;
    }
    .aboutus-news-sectionlist:before {
        left: -55px;
    }

    .noi-aboutus-ourteamsection .ourteams-subsection {
        padding-top: 0;
    }




    #noiwidgetdeploy .widget-opts {
        display: block;
        width:100%;
        margin-right: 0;

    }

    #noiwidgetdeploy {
        padding: 0px;
    }

    .mobview-accordianforresp {
        display: block;
    }

    .footer-link-diff-list-section {
        display: none;
    }

    .footer-link-socialmedia-section.clearfix {
        display: block;
        width: 100%;
        padding: 30px 0px;
    }

    .stayconnected-emailsignup.clearfix {
        /*margin-left: 120px;*/
        text-align: center;
        margin-bottom: 20px;
    }

    .socialmedia-socialmedias-icons.clearfix {
    }

    #footeremail {
        display: inline-block;
        float: none;
        width: 100%;
    }

    button#footersignup {
        display: inline-block;
        float: none;
        width:100px ;;
    }

    .socialmedia-socialmedias-icons .button {
        float: none;
        display: inline-block;
    }

    .mobview-accordian + input {
        display: none; /* hide the checkboxes */
    }
    .mobview-accordian + input + article {
        display:none;
    }

    .mobview-accordian {
        max-width: 100%;
    }
    .mobview-accordian div {
        position: relative;
    }

    .footer-link {
        padding: 50px 36px;
        padding-bottom: 0;
    }

    button#footersignup {
        margin-top: 25px;
        width: 100%;
    }

    .hm-footer .footer-link ul {
        display: block;
        margin-top: 13px;
        margin-bottom: 29px;
    }
    /*
    ----------------------------
    contact us page
    ----------------------------
    */
    .customsection {
        padding: 60px;
    }
    .noi-contactus-fullsection {
        margin-left:0; 
    }
    .contactus-msgreportinfo {
        padding: 15px;
    }
    .contactus-cmpdeptsection div {
        text-align: center;
        width: 33.3%;
        display: inline-block;
    }

    .contactus-addrmapsection .noi-cmpaddrsection {
        width: 100%;
        padding: 25px 0;
    }
    /* ranajit-contactus */

    .commpage-headings {
        text-align: center;
        width: 100%;
    }

    .contactus.main-section .contactus-cmpdeptsection {
        width: 100%;
    }

    .contactus.main-section .contactus-cmpdeptsection div {
        width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .contactus-addrmapsection .noi-cmpaddrsection {
        width: 100%;
    }

    .commpage-headings p {
        width: 100%;
    }

    .contactus-msgreportinfo .usrrptemail-section {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .contactus-msgreportinfo .usrrptname-section {
        display: block;
        width: 100%;
    }

    .noi-cmpaddrsection .email-telephone-section {
        display: block;
        width: 80%;
        margin: 0 auto;
        float: none;
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
    }

    .noi-cmpaddrsection .address-section {
        display: block;
        width: 80%;
        margin: 0 auto;
        float: none;
        border-right: none;
        padding-left: 0;
    }
    /*
    --------------------------------------------------------
        features page design
    ---------------------------------------------------------*/
    .features-banner-details, 
    .interactive-featureslist,
    .features-multidomain-singledomain,
    .noi-performance-maindection {
        padding: 20px 15px;
    }

    .interactive-featureslist .interactive-featureslist-details.clearfix {
        width: 50%
    }

    .performance-desc-getstartedbtn {
        width: 50%;
    }

    .interactive-featureslist-details .interactive-featureslist-textsection,
    .interactive-featureslist-details .interactive-featureslist-imagesection {
        /*         width: 100%;
        text-align: CENTER; */
    }

    .features-multidomain-singledomain-mainsection .features-singledomain-descript-one,
    .features-multidomain-singledomain-mainsection .features-multidomain-descript-two {
        text-align: left;
    }



    /*
    ----------------------------------------------------------
    news room
    ----------------------------------------------------------
    */
    .newsroom-newslist-with-upcomningevent {
        /*padding: 30px 36px;*/
        padding: 0;
    }

    .section.newsroom-newslist-decrpt {
        padding: 0 15px;
    }

    .noi-newsroom-mainsection .newsroom-description {
        padding: 30px 15px;
    }

    .newsroom-newsmonthyear select {
        margin-bottom: 10px;
    }

    .newsroom-tittlesection,
    .newsroom-newsmonthyear{
        width:100%;
        text-align: center;
    }




    /*
    -----------------------------------------------------------------
    HELPS PAGE
    -----------------------------------------------------------------
    */
    .noi-helps-mainsection {
        padding: 15px;
    }
    .noi-helps-listsection {
        display: none;
    }
    .noi-helplist .mobview-accordian article.ac-small li {
        font-size: 1em;
    }

    .noi-helps-sectioncontent.clearfix {
        width: 100%;
        padding: 0;
    }

    .noi-helplist .mobview-accordian {
        max-width: 630px;
    }

    .noi-helplist .mobview-accordianforresp {
        padding: 0;
    }



    /*----------------------------------------------
   location page
   ----------------------------------------------------*/
    .wearelocated-container {
        width: 33.3%;
    }

    .location-locationsection {
        display: none;
    }
    .location-wearelocated {
        border: 0;
    }
    .wearelocated-container:last-child .wearelocated.containersection {
        border: 0;
    }
    .wearelocated.containersection {
        text-align: center;
        width: 100%;
        max-width: none;
        text-align: center;
        width: 100%;
        max-width: none;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .wearelocated.containersection-imagesection {
        float: left;
    }

    .wearelocated.containersection-locationsdescritions {
        text-align: justify;
        /*width: 85%;*/
    }

    .deployserver-btn {
        width: 80%;
        float: left;
    }

    .wearelocated-container {
        width: 100%;
    }

    .wearelocated.containersection-countrynamesection {
        text-align: center;
    }


    /*
    -------------------------------------------------------
    deploy page domain listing
    -------------------------------------------------------
    */
    .cvs-uploaded-domainlisting {
        overflow: scroll;
        width: 320px;
    }
    .crtdmnsteps.multipledomains ul#deploymultipledomains {
        width: 1100px;
    }
    .options-for-bulk ul {
        text-align: center;
        display:block;
        float: none;
    }
    .options-for-bulk ul li {
        float: none;
    }
    li#AddnewDomainBtn {
        display: block;
        margin:15px;
    }

    /*
    ----------------------------------------------------
    DeployList
    ----------------------------------------------------
    */
    .table-listdata {
        overflow:scroll;
    }
    .table-listdata .table-body {
        width: 1000px;
    }


    /* Single Domains */
    .noi-single-domain .singledomain-links,
    .noi-single-domain .singledomain-content {
        width: 100%;
        display: block;
        float: none;
        border: 0;
    }
    .noi-single-domain .singledomain-links {
        border: 1px solid #e5e5e5;
    }
    .noi-single-domain .singledomain-links.fixed {
        position: relative;
        top: 0;
    }

    .noi-single-domain .singledomain-links .singledomainlinks-toggle {
        display: block;
        padding: 15px;
        cursor: pointer;
        border-bottom: 1px solid #e5e5e5;
    }
    .noi-single-domain .singledomain-links ul.domain-links,
    .domain-header-details {
        display: none;
        padding: 15px;
    }
    .domain-header .domainname {
        width: 100%;
    }


    /*
    ----------------------------------------------------------
    Support Chat
    ---------------------------------------------------------
    */

    .ticketboard-options {
        display: none;
    }
    #tickets-cont {
        overflow: scroll;
    }
    ul.ticketboard-list {
        width: 1000px;
    }
    #tickets-cont.shiftleft.active {
        display: none;
    }
    #supportchat-cont {
        width: 100%;
    }
    .ticket-navigations > div.supportchat-subject {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    /*
    -----------------------------------------------------
    profile Page
    ----------------------------------------------------
    */
    .noi-user-profile .user-profile-details ul.user-links {
        padding: 0 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .noi-user-profile .user-profile-details ul.user-links li a {
        padding: 8px 0;
    }
    .noi-user-profile .user-profile-details .profilelinklist,
    .noi-user-profile .user-profile-details .profilelinkcontainer {
        width: 100%;
        float: none;
        border: 0;
        padding: 15px;
    }
    .noi-user-profile .user-profile-details .profilelinklist {
        padding: 0;
    }
    .noi-user-profile .user-profile-details .profilelinklist.fixed {
        position: relative;
    }
    .personal-details .userdetails-ul {
        display: block;
    }

    .user-profile-details {
        width: 100%;
        display: inline-block;
    }
    .user-link-content {
        display: inline-block;
        width: 100%;
    }
    .personal-details .userdetails-ul input[type="email"] {
        width: 100%;
    }
    .profilelinkcontainer {
        padding: 0px;
    }
    .userdetails-ul li, .billingdetails-ul li, .teamdetails-ul li {
        padding: 0;
    }

    .noi-user-profile .user-profile-details .profilelist-toggle {
        display: block;
    }
    .noi-user-profile .user-profile-details ul.user-links {
        display: none;
    }


    /* waitlist */
    .login-waitlist.clearfix {
        width: 100%;
        padding: 0 20px;
    }

}

/*
-----------------------------------------------------------------------
max 480 px media querry
-----------------------------------------------------------------------
*/
@media only screen and (max-width: 480px) {
    /* Header menu */
    #hm-header-signup input[type="submit"] {
        margin-top: 10px;
    }

    .bannerwrap--col {
        width: 100%;
    }

    .crtdrpinnersec.applications-list,
    .hm-maplocs {
        width: 100%;
    }

    /* Vivek */
    .commpage-headings p {
        padding: 15px;
        font-size: 1.1em;
    }
    .banner-header a {
        padding: 15px 35px;
    }
    .section.widgetsection {
        padding: 50px 15px;
    }
    .noi-aboutus-descr-section {
        padding: 0 15px;
    }
    .aboutus-news-link {
        margin: 10px;
    }
    .aboutus-news-link a {
        width: 100%;
        text-align: center;
    }
    .crtdrpinnersec.group-name .groups {
        width: 100%;
    }




    /* ranajit */
    .noi-aboutus-serviceheadsection, 
    .noi-aboutus-clientsheadseciton, 
    .noi-aboutus-featuresheadsection {
        width: 100%;
    }

    .services-list div, .features-list div {
        width: 100%;
        display: block;
        margin: 0 auto ;
        margin-bottom: 10px;
    }

    .hm-footer .footer-creds {
        width: 100%;
        padding: 0;

    }

    .aboutus-news-newslist-decrpt.clearfix:before {
        height: 2000px;
    }

    .hm-footer .footer-link {
        padding: 50px 15px;
        padding-bottom: 0;
    }

    .hm-footer .footer-creds {
        padding: 20px 0;
        color: #999;
        text-align: center;
    }


    /*
   ----------------------------
   contact us page
   ----------------------------
    */

    .contactus-cmpdeptsection p {
        display: block;
        margin-bottom: 0;
    }

    .contactus-cmpdeptsection div {
        text-align: center;
        width: 100%;
        display: block;
        padding: 15px;
    }

    .noi-contactus-fullsection {
        margin-left: 0;
    }

    .contactus-addrmapsection .noi-cmpaddrsection {
        box-shadow: none;
    }

    /* Ranajit-contactus.css */
    .contactus.main-section .contactus-cmpdeptsection div {
        width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;

    }

    .contactus-msgreportinfo {
        width: 100%;
    }

    .customsection {
        width: 100%;
        padding: 0;
    }

    .contactus.main-section .contactus-cmpdeptsection {
        width: 100%;
    }

    .noi-cmpaddrsection .email-telephone-section {
        display: block;
        width: 80%;
        margin: 0 auto;
        float: none;
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
    }

    .noi-cmpaddrsection .address-section {
        display: block;
        width: 80%;
        margin: 0 auto;
        float: none;
        border-right: none;
        padding-left: 0;
        margin-top: 20px;
    }

    .features-banner-textsection h4 {
        margin-top: 0;
    }

    .features-banner-textsection,
    div#features-banner-imagesection-one,
    div#features-banner-imagesection-three,
    div#features-banner-imagesection-two {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .interactive-featureslist .interactive-featureslist-details.clearfix {
        display: block;
        width: 100%;
        padding: 0;
        text-align: left;
        margin: 15px 0;
        min-height: auto;
    }

    .performance-desc-getstartedbtn {
        width: 90%;
    }
    .features-interactive-banner {
        margin: 0;
    }

    .features-banner-details,
    .interactive-featureslist,
    .features-multidomain-singledomain,
    .noi-performance-maindection {
        /* padding-bottom: 0; */
    }

    .features-multidomain-singledomain-mainsection .features-multidomain-descript-two,
    .features-multidomain-singledomain-mainsection .features-singledomain-descript-one,
    .features-multidomain-singledomain-mainsection .features-multidomain-descript-two{
        text-align: center;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .features-multidomain-singledomain-mainsection .features-singledomain-icon-one,
    .features-multidomain-singledomain-mainsection .features-multidomain-icon-two {
        float: none;
        text-align: center;
        width: 100%;
    }

    .features-domains.clearfix {
        padding:20px 0;
    }

    .features-multidomain-singledomain-headsection {
        margin-bottom: 25px;
        width: 100%;
    }


    /*
    --------------------------------------
    news room
    ----------------------------------------*/
    .newsroom-tittlesection.clearfix,
    .newsroom-newsmonthyear.clearfix{
        width:100%;
        text-align: center;
    }

    /*
    ---------------------------------------------------------------------
    privacy policy
    ---------------------------------------------------------------------
    */
    .noi-papandtc-listsection.fixed {
        position: relative;
        top: 0px;
    }
    .noi-privacypolicy-listsection,.noi-termsofsevice-listsection  {
        position: relative;
        width: 100%;
        top: 0 ;
        margin: 20px;
    }

    /*
    ----------------------------------
    location page
    ----------------------------------
    */
    .wearelocated.containersection-imagesection,.deployserver-btn {
        float: none;
    }

    .wearelocated.containersection-locationsdescritions {
        text-align: center;
    }


    /* 
    -------------------------------------------------------
    News Room
    -------------------------------------------------------
    */
    .newsroom-newslist-decrpt .newsroom-image,
    .newsroom-newslist-decrpt .newsroom-descrption {
        width: 100%;
        padding: 0;
    }

    .newsroom-newslist-decrpt .newsroom-descrption {
        margin-bottom: 25px;
    }

    /* 
         --------------------------------------------------------------------
         Widgets Section Responsive Code
         --------------------------------------------------------------------
    */
    #noiwidgetdeploy {
        padding: 20px 0 0;
    }
    #noiwidgetdeploy #widgetform h1 {
        font-size: 1.6em;
        margin-bottom: 20px;
    }

    .page-allapps {
        padding: 0;
    }
    .page-app {
        margin: 10px 0;
    }
    .page--app-icon {
        display: none;
    }
    .page--app-desc {
        padding: 15px;
        width: 100%;
    }


    /*
        Pricing Page
    */
    #pricing-table .plan {
        width: 100% !important;
    }
    .pricing-contactsales-mainsection {
        padding: 15px;
    }
    a.pricing-to-contactus {
        padding: 15px;
        width: 100%;
    }
    .quote-messages {
        padding: 15px;
    }



}





/* 404 page */

body.fourzerofour .banner-header h1 {
    font-size: 5em;
}


/* new code for features sections*/

.interactive-featureslist-details img {
    width: 40px;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}














.dragdealer {
    position: relative;
    height: 33px;
    background: #EEE;
}
.dragdealer .handle {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.dragdealer .red-bar {
    width: 100px;
    height: 33px;
    background: #0d7fd9;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
.dragdealer .disabled {
    background: #898989;
}

.pricing-toggle {
    text-align: center;
    margin-top:20px;
}
.pricing-toggle span.plan {
    display: inline-block;
    padding: 14px 30px;
    border-radius: 36px;
    background: #eeeeee;
    line-height: 0;
    color: #0d7fd9;
    cursor: pointer;
    margin: 10px;
    border: 2px solid #0d7fd9;
}
.pricing-toggle span.plan.active {
    background: #0d7fd9;
    color: #fff;
}

.pricing-toggle span.disable {
    pointer-events: none !important;
    background: #ccc;
    color: #8d8888;
    border: 2px solid #a4a4a4;

    display: inline-block;
    padding: 14px 30px;
    border-radius: 36px;
    line-height: 0;
    cursor: pointer;
    margin: 10px;
}

.pricing-desc .desc-cont {
    width: 300px;
    margin: 20px auto;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 18px -4px #999;
    text-align: center;
}

.pricing-desc .desc-cont.pushleft { 
    display: inline-block;
    float: left;
}

.pricing-desc .enrollbilling-cont,
.pricing-desc .enrollpayment-cont {
    display: none;
}
.pricing-desc .enrollbilling-cont.pushright, 
.pricing-desc .enrollpayment-cont.pushright {
    display: inline-block;
    float: right;
}
.pricing-desc .enrollpayment-cont.pushright {
    width: 70%;
}

.pricing-desc .enrollbilling-cont.pushright .billing-info .addrdetails{
    width: auto;
}

.pricing-desc .enrollbilling-cont button.checkout-submit-btn {
    margin: 0;
}

.pricing-desc .enrollpayment-cont .billing-paymentmethod .paymentcards {
    text-align: center;
}
.pricing-desc .enrollpayment-cont #dataccno {
    width: 100%;
}

.pricing-desc .desc-cont h3{
    margin-bottom: 15px;
    font-weight: bold;
}
.pricing-desc .desc-cont p {
    font-size: 0.9em;
    line-height: 25px;
}
.pricing-desc .desc-cont p > span {
    font-weight: bold;
}

.pricing-desc .price {
    font-size: 2.4em;
    margin: 25px 10px;
}

.pricing-desc .plantype {
    font-size: 0.4em;
}

.pricing-desc .action button,
.pricing-desc .action .button {
    padding: 15px 50px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    background: #0d7fd9;
    text-decoration: none;
}

.handle.red-bar .value {
    position: absolute;
    top: -30px;
    width: 100%;
    color: #0d7fd9;
    font-weight: bold;
    font-size: 1em;
}

.pricing-slider {
    padding: 30px 0;
}
#simple-slider {
    border-radius: 4px;
}

.handle.red-bar {
    color: #0d7fd9;
    line-height: 24px;
    border-radius: 4px;
}

.handle.red-bar i {
    display: block;
    font-size: 2.2em;
    line-height: 35px;
    color: #fff;
}

.handle.red-bar:before {
    content: "\f3d5";
    color: #0d7fd9;
    position: absolute;
    left: 0;
    bottom: -32px;
    line-height: 22px;
    width: 100%;
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    text-align: left;
}

.handle.red-bar:after {
    content: "\f3d6";
    color: #0d7fd9;
    position: absolute;
    left: 0;
    bottom: -32px;
    line-height: 22px;
    width: 100%;
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    text-align: right;
}

.pbncount {
    line-height: 25px;
    font-size: 0.9em;
    font-weight: bold;
    margin: 16px 0;
}

#newpackagestext {
    text-align: center;
    margin: 40px 0;
    font-weight: bold;
}




/* featured List */

body.blogxpage .puh-fturelist.clearfix {
    padding: 15px 0;
    padding-top: 110px;
    border-bottom: 1px solid #e5e5e5;
} 
body.blogxpage .fturelist-title {
    text-align: center;
}
body.blogxpage .fturelist-title .puh-section-title {
    font-size: 2em;
    margin: 5px;
}
body.blogxpage .fturelist-title .puh-section-subtitle {
    font-size: 1.2em;
}
body.blogxpage .fturelist-content {
    width: 80%;
    margin: 50px auto;
}
body.blogxpage .fturelist-list {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 40px;
}
body.blogxpage span.fturelist-list-icon {
    display: inline-block;
    float: left;
    width: 28%;
    text-align: center;
}
body.blogxpage span.fturelist-list-icon img {
    width: 50%;
    text-align: center;
}
body.blogxpage .fturelist-list-title {
    display: inline-block;
    float: left;
    width: 70%;
    padding: 16px 5px;
    box-sizing: border-box;
    font-size: 1.1em;
}




/* featured List */

body.blogxpage .newhome-bannerwrap-common {
    position: relative;
    z-index: 1;
}
body.blogxpage .newhome-bannerwrap-image img {
    width: 100%;
    border-radius: 3px;

}

body.blogxpage .newhome-features-banner-details {
    width: 33.3%;
    display: inline-block;
    float: left;
    padding-bottom:50px;
}

body.blogxpage .newhome-bannerwrap-image {
    width: 50%;
    float: right;
    left: -110px;
    padding: 0px 50px;
    padding-top: 0px;
    position: relative;
    margin-top:15px;
}

body.blogxpage .newhome-bannerwrap-cont {
    width: 380px;
    padding: 20px;
    float: left;
    text-align: left;
}

body.blogxpage .newhome-bannerwrap-cont .chat-log-section h2 {
    color: #1d82bd;
}

body.blogxpage .newhome-bannerwrap-cont .chat-log-section input {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #d5d5d5;
    color: #4c4646;
    margin-top: 10px;
    outline: none;
    border-radius: 2px;
}

body.blogxpage .newhome-bannerwrap-cont .chat-log-section {

    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    /*padding: 40px 80px;*/
    font-size: 14px;
    margin-bottom: 0;
}

body.blogxpage .newhome-features-banner-imagesection {
    padding: 20px;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
    display: inline-block;
}

body.blogxpage .newhome-features-banner-textsection {
    display: inline-block;
    width: 100%;
    padding: 0px 25px;
    text-align: justify;
}

body.blogxpage .newhome-features-banner-textsection h4 {
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 34px;
    color: #3fb3f7;
    text-align: center;
}

body.blogxpage .newhome-features-banner-textsection p {
    font-size: 0.9em;
    line-height: 24px;
}

body.blogxpage .newhome-features-banner-imagesection img {
    width: 100px;
}

body.blogxpage .newhome-bannerwrap-image .phone {
    width: 315px;
    height: 542px;
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: 2;
    background: url(/img/phone.png) no-repeat;
}

body.blogxpage .newhome-bannerwrap-image .phone .device-touch,
body.blogxpage .newhome-bannerwrap-image .phone .ui {
    width: 236px;
    left: 34px;
}

body.blogxpage .newhome-bannerwrap-image .phone .ui {
    background-image: url(/img/resphonecrop.png);
    height: 425px;
    right: 72px;
    bottom: 82px;
    top: 56px;
    border-radius: 3px;
}

body.blogxpage .newhome-bannerwrap-image .tablet {
    width: 883px;
    height: 100%;
    left: 105px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: url(/img/tablet.png) no-repeat;
    background-size: contain;
}


body.blogxpage .newhome-bannerwrap-image .tablet .ui {
    background-image: url(/img/restabletcrop.png);
    width: 611px;
    height: 363px;
    left: 70px;
    bottom: 79px;
    top: 32px;
}

body.blogxpage .newhome-bannerwrap-image .phone,
body.blogxpage .newhome-bannerwrap-image .tablet,
body.blogxpage .newhome-bannerwrap-image .ui {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
}

body.blogxpage .newhome-noi-landingpage {
    overflow: hidden;
    background: #1D82BD;
    text-align: center;
    color: #fff;

    box-sizing: border-box;
    position: relative;
    background-image: url('/img/gopbn-blogx-launch.jpg');
}
body.blogxpage .newhome-noi-landingpage:before {
    content: '';
    background: rgba(16, 115, 174, 0.89);
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    right: 0;
}

body.blogxpage .newhome-bannerwrap-cont .noi-chat-social-icon .google .icon,
body.blogxpage .newhome-bannerwrap-cont .noi-chat-social-icon .google .slide ,
body.blogxpage .newhome-bannerwrap-cont .noi-chat-social-icon .facebook .icon,
body.blogxpage .newhome-bannerwrap-cont .noi-chat-social-icon .facebook .slide{
    color: #fff;
}
body.blogxpage .newhome-bannerwrap-cont .noi-chat-social-icon .google .slide ,
body.blogxpage .newhome-bannerwrap-cont .noi-chat-social-icon .facebook .slide {
    text-align: left;
}

body.blogxpage .newhome-bannerwrap-cont .chat-log-section p {
    color: #fff;
    margin: 10px 0;
}

body.blogxpage .newhome-bannerwrap-cont .chat-log-section button {
    background: #085f92;
}

body.blogxpage .features-multidomain-descript-two .section-desc-second {
    text-align: left;
}



body.blogxpage .videobanner iframe {
    border: 0;
    box-shadow: 0 0 23px -1px #555;
}

body.blogxpage .alreadyhveacc {
    text-align: left;
    margin-bottom: 15px;
}


body.blogxpage .blogx-title {
    padding: 140px;
    z-index: 2;
    position: relative;
}
body.blogxpage .blogx-title img {
    margin: 20px;
}
body.blogxpage .blogx-title h1 {
    margin: 30px;
    font-size: 2.5em;
    line-height: 70px;
} 

body.blogxpage .blogx-title p {
    font-size: 1.2em;
    line-height: 40px;
} 

body.blogxpage .availablecmscont {
    text-align: center;
    padding: 80px 0;
}
body.blogxpage .availablecmscont .availablecms-title {
    line-height: 30px;
}

body.blogxpage .availablecms-title h2 {
    font-size: 2em;
    margin: 10px;
    margin-bottom: 20px;
}
body.blogxpage .availablecms-title p {
    font-size: 1.2em;
    line-height: 40px;
}
body.blogxpage .availablecms-list {
    text-align: center;
}
body.blogxpage .availablecms-list .list {
    display: inline-block;
    width: 55px;
    margin: 35px 20px;
}
body.blogxpage .availablecms-list .list img {
    width: 100%;
}


body.blogxpage .blogxformcont {
    background: #f1f1f1;
    padding: 50px 0
}


body.blogxpage .arrowdown {
    width: 50px;
    height: 50px;
    background: #fff;
    color: #1d82bd;
    display: inline-block;
    font-size: 2em;
    line-height: 59px;
    border-radius: 50%;
    margin-top: 65px;
    margin-left: -26px;
    position: absolute;
    cursor: pointer;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

body.blogxpage div#drift-widget-container {
    display: none;
}


/* Thankyou */
body.blogxpage .blogxthankyout {
    text-align: center;
    display: none;
}
body.blogxpage .blogxthankyout.active {
    display: block;
}
body.blogxpage .blogxthankyout h2 {
    font-size: 2em;
}
body.blogxpage .blogxthankyout p {
    line-height: 35px;
    font-size: 1.2em;
    margin: 20px 0;
}
body.blogxpage .blogxthankyout button {
    background: #2592d2;
    color: #fff;
}


@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@media only screen and (max-width: 768px) {
    body.blogxpage .blogx-title {
        padding: 5px;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    body.blogxpage .blogx-title h1 {
        font-size: 1.8em;
        line-height: 55px;
    }
    body.blogxpage .videobanner iframe {
        width: 100%;
        height: auto;
    }
    body.blogxpage .newhome-bannerwrap-image {
        width: 100%;
        padding: 5px;
        left: 0;
    }
    body.blogxpage .newhome-bannerwrap-cont,
    body.blogxpage .fturelist-list,
    body.blogxpage .fturelist-content {
        width: 100%;
    }
    body.blogxpage .puh-fturelist.clearfix {
        padding-top: 50px;
    }
    .newhome-bannerwrap-image {
        height: auto;
    }
    body.blogxpage .arrowdown {
        position: relative;
    }
}

#blogxblog.invalid {
    border: 1px solid red;
}











/* affiliates page */

.gpbn-parent a {
    color: #1d82bd;
}
.gpbn-parent .bluefont {
    color: #1d82bd;
}
.gpbn-parent {
    display: table;
    width: 100%;
    font-size: 1.1em;
}
.gpbn-container {
    width: 1180px;
    margin: 0px auto;
}
.gpbn-header {
    position: relative;
}
.gpbn-bannercont {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 140px;
    box-sizing: border-box;
    line-height: 55px;
    color: #fff;
    padding-top: 190px;
}

.join-to-waitlist-btn2 a,
.gpbn-startearning {
    color: #fff;
    padding: 5px 60px;
    display: inline-block;
    font-size: 24px;
    background: #FF5722;
    border-radius: 2px;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    margin: 50px;
    display: inline-block;
}

.gpbn-section2 {
    padding: 56px;
    box-sizing: border-box;
    line-height: 34px;
}


.gpbn-whygopbn {
    margin-top: 70px;
}
.gpbn-whygopbn h3 {
    margin: 40px 0;
    font-size: 1.8em;
    text-align: center;
    color: #1d82bd;
    line-height: 50px;
}

.gpbn-whygopbn p {
    margin-bottom: 30px;
    padding-left: 20px;
    position: relative;
}

.gpbn-whygopbn p:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #4caf50;
    position: absolute;
    border-radius: 50%;
    left: -21px;
    top: 4px;
    border: 12px double #fff;
}

.gpbn-commission {
    background: #f1f1f1;
    display: table;
    width: 100%;
}


.gpbn-commission .col-2 {
    display: inline-block;
    float: left;
    padding:30px;
    box-sizing: border-box;
}
.gpbn-commission .col-2.first {
    width: 55%;
    background: #1d82bd;
    color: #fff;
}
.gpbn-commission .col-2.last {
    width: 45%;
    color: #1d82bd;
}
.gpbn-commission h3 {
    font-size: 7em;
}
.gpbn-commission h4 {
    font-size: 2em;
}

.gpbn-pricing {
    padding: 65px;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    font-size: 1.2em;
}

.gpbn-pricing b.highlight {
    font-size: 1.2em;
    color: #FF9800;
    padding: 13px;
}




.gpbn-affiliateprog {
    background: #f6f6f6;
    padding: 80px 5px;
    text-align: center;
    line-height: 50px;
}
.gpbn-affiliateprog h3 {
    font-size: 1.5em;
    text-align: center;
}

.gpbn-affiliateprog .lowdesc{
    line-height: 30px;
    margin: 15px;
}


.gpbn-benefits {
    padding: 50px;
}
.gpbn-benefits h3 {
    font-size: 2em;
    text-align: center;
    margin: 20px;
    margin-bottom: 50px;
}
.gpbn-benefits ul {
    list-style: none;
    display: table;
    width: 100%;
}
.gpbn-benefits ul > li {
    padding: 10px;
    width: 50%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    border-left: 10px solid #FFC107;
    margin: 20px 0;
    min-height: 100px;
    padding-left: 24px;
}
.gpbn-benefits ul > li > b {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}


.arrowdown2 {
    height: 50px;
    background: #fff;
    color: #1d82bd;
    display: inline-block;
    font-size: 2em;
    line-height: 59px;
    border-radius: 50%;
    margin-top: 65px;
    cursor: pointer;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}


.gpbn-startencont {
    text-align: center;
}
.gpbn-startearning {
    padding:20px 50px;
    color: #fcfcfc !important
}

.gpbn-startearning:hover {
    color: #ffeb3b !important;
}

.gpbn-affiliateprog-secion {
    background:#f6f6f6;
}

.gTable {
    display: table;
    width: 100%;
}
.gTableRow {
    display: table-row;
}
.gTableHeading {
    display: table-header-group;
    background-color: #ddd;
}
.gTableCell, .gTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: 0px solid #999999;
}
.gTableCell {
    border: 1px solid #999999;
    border-right: 0;
    border-bottom: 0;
}
.gTableRow:last-child .gTableCell {
    border-bottom: 1px solid #999999;
}
.gTableRow .gTableCell:last-child {
    border-right: 1px solid #999999;
}

.gTableHeading {
    display: table-header-group;
    background-color: #0065a0;
    font-weight: bold;
    color: #fff;
}
.gTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}
.gTableBody {
    display: table-row-group;
}



@media only screen and (max-width: 1190px) {
    .gpbn-bannercont {
        padding: 5px;
        background: url('https://gopbn.com/img/gopbn-affiliate.jpg');
        position: relative;
        background-repeat: no-repeat;
        background-color: #1d82bd;
        background-position: bottom;
    }
    .gpbn-header img {
        display: none;
    }

    .gpbn-container {
        width: 90%;
    }
}

@media only screen and (max-width: 968px) {
    .gpbn-commission h3 {
        font-size: 5em;
    }
    .gpbn-affiliateprog {
        padding: 80px 10px;
    }
    .gpbn-benefits {
        padding: 10px;
    }
    .gpbn-pricing {
        padding:15px;
    }
    .join-to-waitlist-btn2 a,
    .gpbn-startearning {
        margin: 0px;
        margin-bottom:20px;
    }
    .arrowdown2 {
        height: auto;
        background:transparent;
    }
    .gpbn-section2 {
        padding: 56px 10px;
    }
    .pricing-banner img {
        width: 100%;
    }

}

@media only screen and (max-width: 640px) {
    .gpbn-benefits ul > li {
        width: 100%;
    }
    .gpbn-affiliateprog-table {
        overflow-x: scroll;
        width: 450px;
        margin: 0px auto;
    }
    .gTable {
        width: 1000px;
    }
    .gpbn-commission .col-2 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 540px) {
    .gpbn-affiliateprog-table {
        overflow-x: scroll;
        width: 320px;
        margin: 0px auto;
    }
    .gTable {
        width: 1000px;
    }
}

.buildduration {
    margin: 18px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
}
#save-image {
    position: relative;
    display: inline-block;
}
#save-image img {
    width: 70px;
    position: absolute;
    top: -54px;
    -webkit-transform: rotate(16deg);
    -moz-transform: rotate(16deg);


}

span#save-image25 {
    position: relative;
    display: inline-block;
}
span#save-image25 img {
    width: 65px;
    position: absolute;
    top: -65px;
    -webkit-transform: rotate(16deg);
    -moz-transform: rotate(16deg);
    left: -55px;
}

div#timercounter {
    font-size: 46px;
    margin: 41px;
}

div#timercounter > span {
    background: #fff;
    background: #035f96;
    line-height: 88px;
    color: #fff;
    border: 0;
    margin: 10px;
    border-radius: 3px;
    padding: 0px;
    min-height: 120px;
    width: 100px;
    font-family: Ubuntu;
    display:inline-block;
}

div#timercounter > span .name {
    background: #f6f6f6;
    padding: 3px;
    color:#111;
    margin-top: 5px;
    display:block;
    line-height: 22px;
    font-size: 14px;
}





.discountbanner {
    position: fixed;
    background: #1dbd97;
    padding: 10px;
    width: 100%;
    text-align: center;
    z-index: 99999;
    display: none;
}
.discountbanner.active {
    display: block;
}
.discountbanner h3{
    color: #fff;
}
.discountbanner i#discountclose{
    font-size: 22px;
    top: 8px;
    right: 15px;
    position: absolute;
    color: #fff;
    cursor: pointer;
}

.discountbanner a {
    background: #ffffff;
    padding: 6px 18px;
    color: #1d82bd;
    border-radius: 3px;
    margin: 15px;
}

body .discountbanner.active + div.noi-header {
    position: relative !important;
    z-index: 1 !important;
    padding-top: 60px !important;
}

.media {
  overflow: hidden;
  padding: 1rem;
}
.media img {
  height: 72px;
  float: left;
  margin: 0 1rem 0 0;
}
.media .media-body {
	margin-top: 1rem;
}