/* Common */

#gapps-wrapper h1,
#gapps-wrapper h2,
#gapps-wrapper h3,
#gapps-wrapper h4,
#gapps-wrapper p,
#gapps-wrapper a,
#gapps-wrapper span,
#gapps-wrapper input {
    font-family: 'Poppins', Arial;
}

div.not-sell-notice a {
    color: #377ce4 !important;
    text-decoration: underline;
}

#gapps-wrapper .inline-block {
    display: inline-block;
    *display: inline;
    *position: relative;
    zoom: 1;
}

#gapps-wrapper .blue-text {
    color: #3f85f4;
}

.gapps-plans h2,
.gapps-features h2,
.gapps-faqs h2,
.not-sell-notice h2,
.gapps-video-content h2 {
    font-size: 25.5px;
    font-weight: 600;
    color: #222;
    width: 100%;
    text-align: center;
}

.lfloat {
    float: left
}

.rfloat {
    float: right
}

.clear {
    clear: both;
}


/* Containers */

.gapps-banner {
    width: 100%;
    overflow: hidden;
    padding-top: 100px;
}

.gapps-plans,
.gapps-features,
.gapps-faqs {
    width: 952px;
    margin: 0 auto;
}


/* Banner */

#gapps-wrapper .gapps-banner img {
    display: block;
    margin: 1px auto -4px auto;
    padding: 40px 0 0 0;
    width: 278px;
}

#gapps-wrapper .gapps-banner h1 {
    color: #5f6368;
    font-family: 'Poppins', Arial;
    font-size: 20px;
    font-weight: 100;
    line-height: 33px;
    margin: 7px auto 0 auto;
    padding: 0;
    text-align: center;
    width: 690px
}


/* Plans */

.gapps-plans {
    margin-top: 65px;
    position: relative;
    width: 1000px;
}

.gapps-plans h2 {
    margin: 64px 0 0 0;
    padding: 0;
}

.gapps-plans-form {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 0;
    margin: 27px 0 0 0;
    position: relative;
    width: 1000px;
}

.gapps-input-wrapper {
    width: 146px;
    padding: 39px 0 40px 40px;
    vertical-align: middle;
}

.gapps-plans-form label,
.gapps-plans-form input,
.gapps-select-wrapper {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 600;
    outline: none;
    text-transform: capitalize;
}

.gapps-plans-form label {
    white-space: nowrap;
    display: block;
    text-align: left;
    text-transform: none !important;
}

.gapps-input-wrapper input {
    border: 1px solid #ccc;
    width: 124px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    display: block;
    outline: none;
}

.gapps-input-wrapper input,
.gapps-select-wrapper select,
#gapps-value.frm-select,
#gapps-form-transfertoken .gapps-select-duration {
    height: 26px;
    margin: 6px 0 0 0;
    outline: none;
    box-shadow: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #d3d3d3;
}

#gapps-form-transfertoken .gapps-select-duration,
#gapps-form-transfertoken .gapps-input-wrapper input {
    margin: 11px 0 0 0;
}

.gapps-select-wrapper,
.gapps-select-wrapper2 {
    width: 255px;
    padding: 39px 0 40px 40px;
    vertical-align: middle;
}

.gapps-select-wrapper {
    width: 275px;
}

.gapps-select-wrapper select,
.gapps-select-wrapper2 select,
#gapps-form-transfertoken .gapps-select-duration {
    width: 255px;
    padding: 0 0 0 13px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.gapps-select-wrapper2 {
    padding: 39px 0 40px 15px
}

.gapps-select-wrapper2,
.gapps-select-wrapper2 select {
    width: 150px;
}

.gapps-select-wrapper2 select {
    box-shadow: 1px 2px 2px #e5eaef inset;
    border: 1px solid #b2c4d4;
    font-family: 'Poppins', Arial;
    font-size: 14px;
    font-weight: 100;
    padding: 10px;
    margin: 4px 0 0 0;
}

.gapps-total-wrapper {
    width: 197px;
    padding: 38px 30px 40px 40px;
    vertical-align: middle;
}

.gapps-total-wrapper .total-value {
    font-size: 18px;
    font-weight: bold;
    background: #f0f0f0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 0 0 0 10px;
    width: 172px;
    height: 40px;
    line-height: 40px;
    margin: 6px 0 0 0;
}

.gapps-submit-wrapper {
    width: 222px;
    background: #f4f4f4;
    height: 144px;
    vertical-align: top;
    border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
}

.gapps-submit-wrapper #purchase_button {
    background: #2fbe15;
    border: 1px solid #18900b;
    cursor: pointer;
    font-family: 'Poppins', Arial;
    font-size: 18px;
    font-weight: 100;
    color: #fff;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    text-decoration: none;
    width: 125px;
    height: 40px;
    line-height: 40px;
    margin: 57px 0 0 63px;
    padding: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    outline: none;
}

.gapps-submit-wrapper #purchase_button:hover {
    background: #34c918;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.gapps-submit-wrapper #purchase_button.disable-button {
    background: #d0d0d0;
    color: #aaa;
    border: 1px solid #bcbcbc;
}

.gapps-submit-wrapper #purchase_button:active {
    background: #2db315
}

.gapps-buy-seperator {
    background: url('../img/gapp/ee-lite-buy-seperator.png') no-repeat;
    height: 6px;
    width: 123px;
}

.gapps-plan-details,
.gapps-buy-seperator {
    margin: 0 0 0 22px;
}

.gapps-plan-details strong {
    font-size: 18px;
    font-weight: 600;
}

.gapps-plan-details em {
    font-size: 12px !important;
    font-weight: 100;
    font-style: normal !important;
    line-height: 18px;
}

.gapps-plan-details {
    font-size: 18px;
    font-weight: 100;
    width: 180px;
    text-align: center;
    margin-top: 10px;
}

.gapps-plan-divider {
    background: url('../img/gapp/ee-lite-plan-divider.gif') no-repeat;
    width: 23px;
    height: 142px;
    position: absolute;
    top: 0;
    left: 778px;
}

#gapps-value,
#gapps-value-transfertoken {
    height: 26px;
    line-height: 26px;
    margin-top: 6px;
}

ul#gapps-sl-value li,
ul#gapps-sl-value-transfertoken li {
    font-family: "Poppins", Arial;
    font-size: 15px;
    font-weight: 100;
}

#gapps-transfer-token-step1 input[type="text"] {
    display: block !important;
}

.gapps-select-wrapper .gapps-dd {
    top: 16px;
}

.gapps-select-wrapper .gapps-select-options {
    top: 39px;
}

.gapps-dropdown {
    position: relative;
}

.gapps-dd {
    background: url("../img/gapp/ee-dropdown.gif") no-repeat 0 0;
    display: inline-block;
    height: 7px;
    width: 15px;
    position: absolute;
    top: 25px;
    right: 10px;
}

.gapps-dropdown .dd-select {
    font: 18px Arial, Helvetica, sans-serif;
    color: #5b5b5b;
    height: 54px;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: 3px;
    width: 265px;
}

.gapps-select-options {
    border: solid 1px #ccc;
    background: #fff;
    position: absolute;
    left: 0;
    top: 40px;
    width: 270px;
    z-index: 5;
}

.gapps-select-options ul li {
    font: 100 15px 'Poppins', Arial;
    padding: 6px 0 6px 20px;
    color: #777;
}

.gapps-select-options ul li:hover {
    background: #3E8AE8;
    color: #fff;
    cursor: default;
}

.gapps-plans-seperator {
    background: url("../img/gapp/gapps-plans-seperator.png") no-repeat 0 0;
    height: 61px;
    left: 475px;
    position: absolute;
    top: 40px;
    width: 22px;
}

.gapps-country-name {
    font-size: 18px;
    font-weight: 400;
}

#change_country {
    color: #3f85f4 !important;
    font-size: 14px;
    font-weight: 100;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5px;
    display: inline-block;
    vertical-align: bottom;
}

#show_country {
    display: inline-block;
    margin: 0 0 0 5px;
}

#show_country select {
    padding: 5px 10px;
    box-shadow: 1px 2px 2px #e5eaef inset;
    width: 150px;
    background: #fff;
    border: 1px solid #b2c4d4;
    border-radius: 4px;
}

div.transfer-token-domain-search-flow p {
    margin: -20px 0 20px;
}


/* Products */

.gapps-products-wrapper {
    background: url("../img/gapp/google-products-bg.png") no-repeat center bottom;
    border: 1px solid #d3d3d3;
    border-bottom: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 auto;
    padding: 30px 0 28px 0;
    width: 1000px;
}

.gapps-products-wrapper h3 {
    font-family: 'Poppins', Arail;
    font-size: 20px;
    font-weight: 600;
    color: #1b1b1b;
}

.gapps-products {
    border-right: 1px solid #d3d3d3;
}

.gapps-products-wrapper p {
    color: #4285f4 !important;
    font-family: 'Poppins', Arail;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    border-top: 1px solid #ccc;
    margin: 25px 0 0 0;
    padding: 20px 0 0 0;
}

.gapps-products-wrapper p span.startsat {
    font-family: 'Poppins', Arail;
    font-size: 26px;
    font-weight: 600;
    color: #222;
}

.gapps-products-wrapper p sup.currency {
    margin: 0 3px 0 0;
    vertical-align: top;
}

.gapps-products-wrapper p sup.currency,
.gapps-products-wrapper p span.validity {
    color: #4285f4 !important;
    font-family: 'Poppins', Arail;
    font-size: 18px;
    font-weight: 400;
}

.gapps-products span.block {
    font-family: 'Poppins', Arail;
    font-size: 16px;
    font-weight: 600;
    color: #1b1b1b;
}

.gapps-products-wrapper ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 20px 35px 0 0;
}

.gapps-products-wrapper ul li:last-child {
    margin-right: 0;
}

.gapps-products.communicate {
    text-align: center;
    width: 305px;
}

.gapps-products.store {
    text-align: center;
    width: 108px;
}

.gapps-products.collaborate {
    text-align: center;
    width: 410px;
}

.gapps-products.manage {
    border-right: 0;
    text-align: center;
    width: 163px;
}

.gmail-icon,
.hangout-icon,
.calendar-icon,
.drive-icon,
.docs-icon,
.sheets-icon,
.forms-icon,
.slides-icon,
.sites-icon,
.admin-icon,
.vault-icon {
    background: url("../img/gapp/gapps-products-icons.png") no-repeat;
    vertical-align: bottom;
    height: 30px !important;
    margin: 0 0 12px 0;
}

.gmail-icon {
    background-position: 0 0;
    height: 22px;
    width: 30px;
}

.hangout-icon {
    background-position: -43px 0;
    height: 30px;
    width: 26px;
}

.calendar-icon {
    background-position: -81px 0;
    height: 22px;
    width: 22px;
}

.drive-icon {
    background-position: -111px 5px;
    height: 25px;
    width: 29px;
}

.docs-icon {
    background-position: -152px 3px;
    height: 27px;
    width: 19px;
}

.sheets-icon {
    background-position: -184px 3px;
    height: 27px;
    width: 19px;
}

.forms-icon {
    background-position: -217px 3px;
    height: 27px;
    width: 19px;
}

.slides-icon {
    background-position: -250px 3px;
    height: 27px;
    width: 19px;
}

.sites-icon {
    background-position: -282px 6px;
    height: 24px;
    width: 28px;
}

.admin-icon {
    background-position: -320px 3px;
    height: 27px;
    width: 25px;
}

.vault-icon {
    background-position: -352px 5px;
    height: 25px;
    width: 27px;
}


/* Features */

.gapps-features {
    margin-top: 62px;
}

.gapps-features h2 {
    background: url('../img/gapp/gapps-features-heading.png') no-repeat center 12px;
    margin: 0 0 20px 0;
    padding: 0;
}

.gapps-features ul li {
    width: 277px;
    margin: 0 55px 50px 0;
    vertical-align: top;
    text-align: center;
    color: #1b1b1b;
}

.gapps-features ul li.no-margin {
    margin: 0 !important;
}

.gapps-features ul li h3 {
    margin: 0 auto;
    color: #1b1b1b;
    margin-bottom: 4px;
    white-space: nowrap;
}

.gapps-features ul li h3.small-heading {
    width: 50%;
}

.gapps-features ul li p {
    font-size: 15px;
    font-weight: 100;
    text-align: center;
    color: #1b1b1b;
    line-height: 21px;
    margin: 8px 0 0 0;
}

.gapps-features ul li span.feature-icon {
    background: url('../img/gapp/gapps-features-icons.png') no-repeat;
    margin-bottom: 6px;
}

#gapps-professional-email {
    background-position: 0 0;
    height: 65px;
    width: 53px;
}

#gapps-email-ondgo {
    background-position: -63px 0;
    height: 65px;
    width: 52px;
}

#gapps-calendar-docs {
    background-position: -163px 0;
    height: 65px;
    width: 53px;
}

#gapps-uptime-guaranty {
    background-position: 0 -72px;
    height: 65px;
    width: 57px;
}

#gapps-easy-setup {
    background-position: -63px -72px;
    height: 65px;
    width: 84px;
}

#gapps-spam-backup {
    background-position: -163px -72px;
    height: 65px;
    width: 53px;
}


/* FAQS */

.gapps-faqs h2 {
    background: url('../img/gapp/ee-lite-faqs-heading.png') no-repeat 293px 13px;
    margin: 7px 0 32px 0;
    padding: 0;
}

.gapps-faqs ul {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.gapps-faqs ul li {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    padding: 0;
}

.gapps-faqs ul li:last-child {
    border-bottom: 0;
}

.gapps-faqs ul li h4 {
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    cursor: pointer;
    padding: 17px 18px 15px 18px;
}

.gapps-faqs ul li p {
    border-top: 1px solid #d3d3d3;
    display: none;
    font-size: 15px;
    font-weight: 100;
    color: #1b1b1b;
    line-height: 21px;
    padding: 18px;
}

.gapps-faqs ul li h4 span.acc_plus_icon,
.gapps-faqs ul li h4 span.acc_minus_icon {
    background: url('../img/gapp/gapps-accordion.png') no-repeat 0 -20px;
    float: right;
    height: 19px;
    width: 19px;
}

.gapps-faqs ul li h4 span.acc_minus_icon {
    background-position: 0 10px;
    padding: 9px 0 0 0;
    height: 10px;
}


/* Video Modal */

#gapps-video {
    width: 600px;
    margin-left: -330px;
    padding: 4px;
    background: #6c6c6c;
    border: 1px solid #828282;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.gapps-modal-content {
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 30px 20px 20px 20px;
}

#gapps-video a.modal_close {
    background: url("../img/gapp/close.png") no-repeat 0 0;
    right: 10px;
    top: 10px;
    height: 15px;
    position: absolute;
    width: 15px;
    opacity: 0.6;
}

#gapps-video a.modal_close:hover {
    opacity: 0.8
}

#gapps-video a.modal_close:active {
    opacity: 1;
}

#checkout-domain-wrapper>#select-domain-modal {
    width: 785px;
}

#gapps-transfer-token-step1 {
    width: 350px;
    float: left;
}

.gapps-modal-col-1 input {
    width: 290px !important;
    margin-top: 7px !important;
}

.gapps-modal-col-1 input[type="submit"] {
    max-width: 100%;
}

.gapps-modal-col-2,
.smallwidth.gapps-modal-col-2 {
    width: 305px;
    float: left;
    padding-left: 50px;
    text-align: justify;
    font-family: "Poppins", Arial;
    font-size: 13px;
    font-weight: 100;
    color: #222;
}

.gapps-modal-col-2 {
    width: 300px;
    margin: 0 0 0 5px;
}

.smallwidth.gapps-modal-col-2 {
    max-width: 267px;
    padding-left: 20px;
}

.gapps-modal-col-2 td {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
    color: #1b1b1b;
    line-height: 23px;
    text-align: left;
    vertical-align: top;
    padding-bottom: 13px;
}

.gapps-modal-col-2 .contact-us {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
    color: #1b1b1b;
    margin: 7px 0 0 0;
}

.smallwidth.gapps-modal-col-2 .contact-us a {
    display: block;
}

.gapps-modal-col-2 .contact-us a,
.gapps-modal-col-2 .contact-us a:hover {
    color: #377ce4;
    text-decoration: underline;
}

.gapps-modal-col-2 h3 {
    font-family: 'Poppins', Arial;
    font-size: 18px;
    font-weight: 600;
    color: #1b1b1b;
}

.gapps-modal-col-2 table {
    margin-top: 10px;
}

.gapps-modal-col-2 td:first-child {
    color: #fff;
}

.gapps-modal-col-2 td:first-child>div {
    font-size: 0;
    background: url("../img/gapp/transfer-token-bullet.png") no-repeat;
    margin: 5px 9px 0 0;
    height: 18px;
    width: 18px;
}

.gapps-modal-col-2 td:first-child>div.note-icon {
    background: url("../img/gapp/transfer-token-note.png") no-repeat;
}

.gapps-submitted-1 {
    background-color: #eee;
    padding: 10px;
    float: left;
    width: 415px;
    border-radius: 3px;
    margin-bottom: 20px;
    text-align: left;
}

.post-continue {
    font-size: 15px;
    font-weight: 100;
    color: #222;
}

.gapps-submitted-1>.col-1,
.gapps-submitted-1>.col-2 {
    float: left;
    width: 200px;
}

.gapps-submitted-2>select {
    margin-top: 10px;
}

.gapps-ibc-2 {
    width: 20px;
    display: inline-block;
}

.gapps-ibc-2.hide {
    display: none;
}

.gapps-ibc-1>div {
    background-color: #eee;
}

.gapps-ibc-1>div,
.gapps-ibc-2>div {
    padding: 10px;
    font-size: 20px;
    border-radius: 3px;
    margin-bottom: 3px;
}

.gapps-ibc-3>div {
    margin-bottom: 3px;
}

.gapps-total {
    background-color: #eee;
    padding: 8px;
    border-radius: 3px;
    margin: 5px;
    font-size: 30px;
}

.gapps-disabled-button {
    background-color: #ccc !important;
    border: none !important;
}

.gapps-submitted-3>h3 {
    margin-top: 40px;
    margin-left: 10px;
}

.gapps-submitted-domain,
.gapps-submitted-token {
    font-weight: bold;
}

.gapps-ibc-3>div>input {
    max-width: 64px !important;
    padding: 12px 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: "Poppins", Arial !important;
    font-size: 15px !important;
    font-weight: 100 !important;
    box-shadow: none !important;
    margin: 0 !important;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #626262;
}

.post-continue>.continue-button-container>input {
    width: 310px !important;
    max-width: 310px;
    margin-top: 40px !important;
    background: #2fbe15;
    border: 1px solid #18900b;
}

.gapps-rarrow {
    background: url('../img/gapp/gapps-modal-rarrow.png') no-repeat;
    height: 17px;
    right: -26px;
    position: absolute;
    top: 70px;
    width: 26px;
}


/* IE10 & IE11 Hacks */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .gapps-total-wrapper {
        padding: 39px 0 40px 51px;
    }
    #change_country {
        margin-left: 10px
    }
}


/* GAPPS not sold notice */

.not-sell-notice {
    background: rgba(16, 16, 16, 0.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 65px auto 0 auto;
    padding: 40px 0 50px 0;
    text-align: center;
    width: 1000px;
}

.not-sell-notice h2 {
    padding: 10px 0;
}

.not-sell-notice p {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
    color: #1b1b1b;
    text-align: center;
}


/** fatmenu (bootstrap) fix **/

#fatmenu-wrapper * {
    box-sizing: initial !important;
}

.not-sell-notice {
    background: rgba(16, 16, 16, 0.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 65px auto 0 auto;
    padding: 40px 0 50px 0;
    text-align: center;
    font-size: 16px;
}

.not-sell-notice h3 {
    font-size: 30px;
}


/* transfer token */

.gapps-transfer-token-note {
    color: #434343;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 100;
    margin-top: 0px;
    padding: 0px 0 45px 0;
}

a.gapps-transfer-token-link {
    color: #4285f4 !important;
    text-decoration: none;
}


/* Transfer Token - Arati.b */

#gapps-transfer-token-step2 {
    float: left;
    width: 713px;
}

#gapps-transfer-token-step2 div.transfer-form-wrappers {
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 3px 0 0 0;
}

.gray-bg-div {
    background: #f8f8f8;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    padding: 18px 15px 20px 15px;
    margin: 0 0 23px 0;
}

.gray-bg-div span.value,
.gray-bg-div span.label {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    display: block;
    text-align: left;
}

.gray-bg-div span.value {
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
}

.gray-bg-div span.label {
    font-size: 14px;
    font-weight: 100;
}

#confirm_and_proceed {
    background: #2fbe15;
    border: 1px solid #18900b;
    cursor: pointer;
    font-family: 'Poppins', Arial;
    font-size: 18px;
    font-weight: 100;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    text-decoration: none;
    padding: 0 25px;
    max-width: none;
    width: auto !important;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    margin-top: 10px !important;
}

#select-domain-modal .inner-content .gapps-submitted-2 p {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 600;
}

.gapps-submitted-3>h3 {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 600;
}

.gapps-ibc-1>div {
    background: #fff;
    border: 1px solid #fff;
    color: #5d5d5d;
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
    padding: 0;
    text-align: left !important;
}

.gapps-ibc-1>div,
.gapps-ibc-3>div>input {
    text-align: center;
}

.gapps-ibc-1,
.gapps-ibc-3 {
    font-family: 'Poppins', Arial;
    font-size: 12px;
    font-weight: 100;
}

.gapps-ibc-3 {
    display: inline-block;
}

.gapps-ibc-3.hide {
    display: none;
}

#hosting-price-transfertoken {
    font-family: 'Poppins', Arial;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
}

#select-domain-modal .inner-content .gapps-select-wrapper {
    padding: 0;
    width: 242px;
    margin: -2px 0 0 1px;
}

.gapps-submitted-2 {
    margin-bottom: 6px;
}

#gapps-sl-value-transfertoken li {
    list-style: none !important;
    margin: 0 !important;
}

.use-existing a:hover {
    color: #377ce4;
}

#select-domain-modal .continue-button-container input#continue_action.gapps-disabled-button {
    background: #dedede !important;
    border: 1px solid #d1d1d1 !important;
    box-shadow: none !important;
    color: #9f9f9f !important;
    min-width: 210px !important;
    width: auto !important;
    padding: 0 5px !important;
    height: 43px;
    box-sizing: border-box;
    cursor: no-drop;
}

.how-to-get-this {
    font-family: 'Poppins', Arial;
    font-size: 13px;
    font-style: italic;
    font-weight: 100;
}

#existing_orders_transfer_token_form label {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 600;
    color: #1b1b1b;
}

#select-domain-modal .continue-button-container input#continue_action,
#select-domain-modal .continue-button-container input#continue_action:hover {
    background: #0893d8;
    border: 1px solid #0568c8;
    font-family: 'Poppins', Arial;
    font-size: 18px;
    font-weight: 100;
    cursor: pointer;
}

.gapps-ibc-1,
.gapps-ibc-3 {
    color: #7b7b7b;
}

.gapps-ibc-1,
.gapps-ibc-3 {
    margin: 0px 0 19px 0;
}

.gapps-ibc-3 {
    margin: 4px 0 19px 0;
}

.gapps-ibc-1 {
    display: inline-block;
}

.gapps-submitted-2 {
    padding-right: 0;
    position: relative;
}

#gapps-value-transfertoken {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
}

.gapps-submitted-2 .gapps-dd {
    background: url("../img/gapp/gapps-dropdown-bg.png") no-repeat;
    height: 25px;
    top: 7px;
    width: 17px;
}

.gapps-submitted-2 .frm-select {
    color: #1b1b1b;
    box-shadow: none;
    border: 1px solid #ccc;
    margin: 7px 0 0 0;
}

.gapps-ibc-2>div {
    padding: 0;
    margin-bottom: 3px;
    color: #1b1b1b;
    font: 100 15px/26px 'Poppins', Arial;
}

.disabled-input {
    color: #5d5d5d;
    background: #f8f8f8;
    border: 1px solid #ccc;
}

.transfer-token-addmore {
    vertical-align: top;
    margin: 0 0 0 9px;
    display: inline-block;
}

.transfer-token-addmore.hide {
    display: none;
}

.transfer-token-addmore a {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
}

.transfer-token-addmore a:hover {
    color: #377ce4
}

.gapps-tt-error {
    background-image: none;
    color: #1b1b1b;
    font-family: "Poppins", Arial;
    font-size: 15px;
    font-weight: 100;
    padding: 5px;
    width: 85%;
}


/* Chrome & Safari Hack */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .gapps-total-wrapper {
        width: 210px;
    }
    .gapps-plan-divider {
        left: 791px;
    }
}


/* GAPPS Upsell */

#upsell_modal .gapps-plans h2 {
    display: none;
}

#upsell_modal h3.gapps-heading,
#upsell_modal h4.gapps-heading {
    color: #1b1b1b;
    font-family: "Poppins", Arial;
    font-size: 18px;
    font-weight: 600;
}

#upsell_modal .gmail-icon {
    margin-right: 10px;
    vertical-align: middle;
}

#upsell_modal ul.abt-gapps li {
    background: url('../img/gapp/impress-span-yes-icon.png') no-repeat 0 3px;
    color: #1b1b1b;
    font-family: "Poppins", Arial;
    font-size: 15px;
    font-weight: 100;
    display: inline-block;
    margin: 0 30px 0 0;
    padding: 0 0 0 20px;
}

#upsell_modal.dca_upsell_modal div.gapps-upsell-wrapper {
    background: #eee;
}

.gapps-upsell-wrapper .gapps-transfer-token-note {
    display: none;
}

.gapps-upsell-wrapper .gapps-plans {
    margin: 0;
    width: 786px;
}

.gapps-upsell-wrapper .gapps-plans-form {
    background: #fff;
    margin: 29px 0 -10px 0;
    width: 786px;
}

.gapps-upsell-wrapper .gapps-input-wrapper {
    width: 143px;
    padding: 39px 0 40px 20px;
}

.gapps-upsell-wrapper .gapps-select-wrapper {
    width: 255px;
    padding: 39px 0 40px 20px;
}

.gapps-upsell-wrapper .gapps-total-wrapper {
    width: 108px;
    padding: 38px 30px 40px 20px;
}

.gapps-upsell-wrapper .gapps-total-wrapper .total-value {
    background: none;
    font-family: 'Poppins', Arial;
    font-size: 26px;
    font-weight: 600;
    position: relative;
    z-index: 99;
    width: 108px;
}

.gapps-upsell-wrapper .gapps-submit-wrapper {
    width: 180px !important;
}

.gapps-upsell-wrapper .gapps-plan-divider {
    left: 606px;
}

.gapps-upsell-wrapper .gapps-submit-wrapper #purchase_button {
    margin-left: 23px;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .gapps-upsell-wrapper .gapps-plan-divider {
            left: 605px;
        }
    }
}

.gapps-upsell-wrapper .gapps-plans-form label {
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase !important;
}

.gapps-plans-form .ee-tooltip {
    left: 0px;
    top: 114px;
}


/* Gapps Video section */

.gapps-video-content h2:before,
.gapps-video-content h2:after,
.gapps-plans h2:before,
.gapps-plans h2:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 3px;
}

.gapps-video-content h2:before,
.gapps-plans h2:before {
    background: url('../img/gapp/gapps-video-left-bg.png') no-repeat;
    margin: 0 15px 0 0;
}

.gapps-video-content h2:after,
.gapps-plans h2:after {
    background: url('../img/gapp/gapps-video-right-bg.png') no-repeat;
    margin: 0 0 0 15px;
}

.gapps-video-content {
    margin: 54px auto 64px auto;
    text-align: center;
    width: 1000px;
}

.gapps-video-content div.about-video-wrap {
    border: 1px solid #cbcbcb;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: inline-block;
    margin: 6px 18px 0 18px;
    vertical-align: top;
    width: 330px;
}

.gapps-video-content .abt-video {
    padding: 22px 30px 26px 30px;
}

.gapps-video-content .abt-video h3,
.gapps-video-content .abt-video p {
    text-align: left;
}

.gapps-video-content .abt-video h3 {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 9px;
}

.gapps-video-content .abt-video p {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
    line-height: 21px;
}


/* Gapps page changes */

#gapps_form {
    background: #f8f8f8;
    padding: 0 0 43px 0;
}

.gapps-plans h2 {
    padding: 46px 0 0 0;
}

.gapps-plans span.subtitle {
    display: block;
    text-align: center;
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-size: 15px;
    font-weight: 100;
    line-height: 21px;
    margin: 2px 0 0 0;
}

.gapps-submit-wrapper #purchase_button.buyButton-disable {
    background: #dedede;
    width: 125px;
    height: 40px;
    border: 0;
    border: 1px solid #c7c7c7;
    margin: 50px 0 0 55px;
    color: #909090;
    font-family: "Poppins", Arial;
    font-size: 16px;
    font-weight: 100;
    text-align: center;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
}

.gapps-lowest-price {
    display: block;
    text-align: center;
    width: 1000px;
    margin: 23px auto 0 auto;
}

.gapps-lowest-price .startsat {
    color: #5f6368 !important;
    font-family: 'Poppins', Arial;
    font-size: 24px;
    font-weight: 400;
}

.gapps-lowest-price sup.currency,
.gapps-lowest-price span.validity,
.gapps-lowest-price span.value {
    color: #4285f4 !important;
    font-family: 'Poppins', Arial;
    font-weight: 400;
}

.gapps-lowest-price sup.currency,
.gapps-lowest-price span.validity {
    font-size: 18px;
}

.gapps-lowest-price sup.currency {
    position: relative;
    top: -3px;
    margin: 0 4px 0 2px;
}

.gapps-lowest-price span.value {
    font-size: 30px;
}


/* GAPPS products new layout */

.gapps-products-new-wrapper {
    width: 1000px;
    margin: 0 auto;
}

.gapps-products-new-wrapper h2 {
    color: #222;
    font-family: 'Poppins', Arial;
    font-weight: 600;
    font-size: 26px;
    margin: -22px auto 0 auto;
    width: 1000px;
    text-align: center;
}

.prod-names,
.communicate {
    text-align: center;
}

.communicate {
    padding-bottom: 5px;
}

.gmail-icon,
.calendar-icon,
.hangout-icon {
    margin: 0 auto;
    vertical-align: top;
}

.prod-names {
    margin: 0 55px 0 0;
}

.prod-names.last {
    margin: 0;
}

.prod-names span.block {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0 0 0;
    line-height: 21px;
}

.communicate-content {
    display: inline-block;
    margin: 53px 0 0 0;
    vertical-align: top;
    width: 330px;
}

.communicate-content h3 {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
}

.communicate-content p {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-weight: 100;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    width: 280px;
    margin: 0 auto;
}

.gmail-screen,
.calendar-screen,
.hangout-screen {
    background: url("../img/gapp/communicate-tab-screens.png") no-repeat;
    width: 330px;
    height: 392px;
    margin: 16px auto 0 auto;
}

.gmail-screen {
    background-position: 0 0;
}

.calendar-screen {
    background-position: -361px 0;
}

.hangout-screen {
    background-position: -728px 0;
}

.shield-icon {
    background: url('../img/gapp/shield-icon.png') no-repeat;
    display: inline-block;
    height: 20px;
    width: 16px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.communicate-content span.security-note {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-weight: 100;
    font-size: 15px;
    font-style: italic;
    display: block;
    margin: 10px 0 0 0;
}

.apps-info {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    display: block;
    margin: 0 0 9px 0;
}

.collabration.communicate .communicate-content p {
    width: 305px;
}

.cloud-screen,
.sheet-screen,
.doc-screen {
    background: url("../img/gapp/collabration-tab-screens.png") no-repeat;
    width: 330px;
    height: 211px;
    margin: 16px auto 18px auto;
}

.cloud-screen {
    background-position: 0 0;
}

.sheet-screen {
    background-position: -343px 0;
}

.doc-screen {
    background-position: -690px 0;
}

.gapps-tab {
    margin: 18px auto 0 auto;
    text-align: center;
}

.gapps-tab li {
    color: #2385e8;
    cursor: pointer;
    font-family: 'Poppins', Arial;
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
    margin: 0 20px 0 0;
}

.gapps-tab li:last-child {
    margin: 0;
}

.gapps-tab li.selected-gapps-tab {
    color: #1b1b1b;
    cursor: auto;
    border-bottom: 2px solid #2385e8;
}

.gapps-tab li.notab {
    color: #747474;
    cursor: auto;
}

#communicate-tab {
    margin: 45px auto 0 auto;
}

#collaborate-tab {
    margin: 20px auto 0 auto;
}


/* New Design */

.gsuite-plan-wrapper *,
.feat-txt p,
.feat-txt h3,
.gsuite-features-heading h2,
.gsuite-features-wrapper ul li,
.gapps-banner * {
    -webkit-font-smoothing: antialiased;
    /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
    -moz-osx-font-smoothing: grayscale;
    /* Fixes font bold issue in Firefox version 25+ on Mac */
    padding-left: 0;
    list-style: none;
    font-size: 12px;
}

#gapps-wrapper .gapps-banner-wrapper {
    background: url("../img/gapp/gsuite-hero-wrapper-bg.png");
    height: 855px;
    width: 100%;
    box-sizing: border-box;
    margin: -19px auto 0 auto;
}

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent {
    background: url(../img/gapp/gsuite-hero-pattern.png) no-repeat;
    box-sizing: border-box;
    height: 100%;
    background-size: contain;
    background-position: left -13px top 52px
}

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .gapps-banner-animated-illustration {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}


/* Gmail Browser */

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .gmail-browser {
    animation: createBox 0.5s;
    background: url('../img/gapp/gsuite-hero-browser.png') no-repeat;
    background-size: 659px 486px;
    width: 659px;
    height: 486px;
    margin: 0 auto;
    position: relative;
    left: 5px;
}

@keyframes createBox {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@keyframes fadeInIcon {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes leftToRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rightToLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bottomToTop {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/* Chat */

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .chat {
    background: url("../img/gapp/chat-n-meet-pattern.png") no-repeat;
    background-size: 327px 347px;
    height: 347px;
    position: absolute;
    right: 0;
    width: 327px;
    bottom: -10px;
    animation: bottomToTop ease 2s;
}


/* Slides */

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .slides {
    background: url('../img/gapp/slides-pattern.png') no-repeat;
    width: 398px;
    height: 111px;
    background-size: 398px 111px;
    position: absolute;
    top: 58px;
    right: -270px;
    animation: rightToLeft ease 2s;
}


/* Drive */

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .drive {
    background: url('../img/gapp/drive-hero.png') no-repeat;
    background-size: 116px 116px;
    height: 116px;
    width: 116px;
    position: absolute;
    top: -50px;
    right: 135px;
    animation: fadeInIcon ease 2s;
}


/* Admin */

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .admin {
    background: url("../img/gapp/admin-hero.png") no-repeat;
    background-size: 92px 92px;
    height: 92px;
    width: 92px;
    position: absolute;
    top: 13px;
    left: 71px;
    animation: fadeInIcon ease 2s;
}


/* Calendar */

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .calendar {
    background: url("../img/gapp/calendar-hero.png") no-repeat;
    width: 170px;
    height: 70px;
    background-size: 170px 70px;
    position: absolute;
    top: 5px;
    left: 551px;
    animation: fadeInIcon ease 2s;
}


/* Docs */

#gapps-wrapper .gapps-banner-wrapper .gapps-banner-parent .docs {
    background: url("../img/gapp/docs-sheet-pattern.png") no-repeat;
    width: 728px;
    height: 294px;
    background-size: 728px 294px;
    position: absolute;
    left: -355px;
    top: 117px;
    animation: leftToRight ease 2s;
}

.gsuite-logo {
    background: url('../img/gapp/gsuite-workspace-logo.png') no-repeat bottom center;
    display: block;
    margin: 0 auto;
    height: 32px;
    width: 253px;
    background-size: 253px 32px;
    padding: 40px 0 0 0;
}

.gapps-banner a.gsuite-view-plans {
    width: 150px;
    height: 42px;
    margin: 21px auto 29px auto;
    text-decoration: none;
    display: block;
    text-align: center;
}

#gapps-wrapper h2.section-heading {
    font: 600 26px/20px 'Poppins', Arial;
    color: #222;
    text-align: center;
}

#gapps-wrapper h2.section-heading::before,
#gapps-wrapper h2.section-heading::after {
    width: 143px;
    height: 4px;
    display: inline-block;
    content: " ";
    position: relative;
    top: -5px;
}

#gapps-wrapper h2.section-heading::before {
    background: url("../img/gapp/dedi2-heading-left.png") no-repeat;
    margin: 0 17px 0 0;
}

#gapps-wrapper h2.section-heading::after {
    background: url("../img/gapp/dedi2-heading-right.png") no-repeat;
    margin: 0 0 0 17px;
}


/*  Plans  */

.gsuite-plan-wrapper h2 {
    padding: 41px 0 0 0;
}

.gsuite-plan-wrapper p.section-subheading {
    font: 100 15px/20px 'Poppins', Arial;
    color: #222;
    text-align: center;
    margin: 13px 0 34px 0;
}

.gsuite-plan-wrapper .plans-block-parent {
    position: relative;
}

.gsuite-plan-wrapper .top-bdr {
    background: url("../img/gapp/gsuite-plans-top-bdr-bg.png") no-repeat;
    height: 3px;
    position: absolute;
    top: -1px;
    z-index: 1;
    left: 1px;
    right: 0;
    background-size: contain;
}

.gsuite-plan-wrapper {
    width: 100%;
    background: #f8f8f8;
    margin: 0 0 65px 0;
}

.gsuite-plan-content-wrapper {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-align: center;
}

.plans-block-parent,
.selectedplan-block-parent {
    display: inline-block;
    vertical-align: top;
}

.animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

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

.gsuite-plan-content {
    width: 250px;
    max-width: 250px;
    border: 1px solid #ededed;
    box-sizing: border-box;
    background: #fff;
    display: table-cell;
    margin: 0 0 0 -6px;
    vertical-align: top;
    position: relative;
    padding: 0 0 57px 0;
    border-right: 0;
}

.gsuite-plan-content:last-child {
    border-right: 1px solid #ededed;
}

.gsuite-plan-headings {
    background: #2b2b2b;
    padding: 30px 0;
    color: #fff;
    position: relative;
}

.gsuite-plan-headings .right-bdr {
    width: 1px;
    background: #3a3a3a;
    top: 0;
    bottom: 0;
    right: -1px;
    position: absolute;
    z-index: 1;
}

.tooltip-txt {
    display: none;
}

.bldg-icon {
    display: none;
    height: 25px;
    display: block;
    margin: 0 auto 18px auto;
}

.gsuite-plan-content .bldg-icon-smallest,
.gsuite-plan-content .bldg-icon-1 {
    background: url('../img/gapp/bg-icon-3.png') no-repeat center top -14px;
    width: 25px;
}

.gsuite-plan-content .bldg-icon-small,
.gsuite-plan-content .bldg-icon-2 {
    background: url('../img/gapp/bg-icon-2.png') no-repeat center;
    width: 25px;
}

.gsuite-plan-content .bldg-icon-med,
.gsuite-plan-content .bldg-icon-3 {
    background: url('../img/gapp/bg-icon-1.png') no-repeat center;
    width: 48px;
}

.gsuite-plan-content .bldg-icon-large,
.gsuite-plan-content .bldg-icon-4 {
    background: url('../img/gapp/bg-icon.png') no-repeat center;
    width: 40px;
}

.gsuite-plan-content .user-type {
    font: 600 20px/21px 'Poppins';
    color: #fff;
    text-align: center;
    margin: 0 0 6px 0;
}

.gsuite-plan-content .plan-name {
    font: 100 15px/21px 'Poppins';
    color: #fff;
    text-align: center;
    margin: 0 0 10px 0;
}

.gsuite-plan-content .plan-subtxt {
    font: 100 14px/21px 'Poppins';
    color: #cccccc;
    text-align: center;
    width: 250px;
    margin: 0 auto 25px auto;
}

.gsuite-plan-content .plan-price {
    text-align: center;
}

.gsuite-plan-content .plan-price span {
    color: #f5c63b;
    padding-top: 10px;
}

.gsuite-plan-content .plan-price span.nos-of-disc-acs,
.gsuite-plan-content .plan-price span.nosofacc-value {
    color: #ccc !important;
}

.gsuite-plan-content .plan-price span.nos-of-disc-acs {
    font: 100 15px/22px 'Poppins', Arial;
}

.gsuite-plan-content .currency {
    font: 400 18px/21px 'Poppins';
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -4px;
    left: -5px;
}

.gsuite-plan-content .price {
    font: 600 32px/21px 'Poppins';
    display: block;
    min-height: 23px;
}

.gsuite-plan-content .price .star {
    font: 400 24px/21px 'Poppins';
    position: relative;
    top: -5px;
    left: 2px;
}

.gsuite-plan-content .validity {
    font: 400 15px/21px 'Poppins';
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
}

.gsuite-plan-content .plan-price span.original-price {
    font: 100 20px/21px 'Poppins', Arial;
    color: #808080;
    position: relative;
    display: inline-block;
    margin-top: 5px;
}

.gsuite-plan-content .discount-percent {
    position: absolute;
    top: 0;
    font: 600 22px/35px 'Poppins', Arial;
    color: #fff;
    background: url('../img/gapp/gapps-discount-bg.png') no-repeat -24px -109px;
    height: 64px;
    width: 75px;
    padding: 2px 0 0 12px;
    text-align: left;
}

.gsuite-plan-content .discount-percent .off-txt {
    font: 400 14px/35px 'Poppins', Arial;
    position: relative;
    top: -14px;
}

.gsuite-plan-content .plan-price span.original-price::after {
    height: 1px;
    content: "";
    background: #808080;
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
}

.gsuite-plan-content .plan-price span.original-price sub {
    font: 100 12px/21px 'Poppins', Arial;
    position: relative;
    top: -5px;
    left: 0px;
}

.gsuite-plan-content .plan-price span.original-price sup {
    left: -2px;
    font: 100 10px/21px 'Poppins', Arial;
    position: relative;
    top: 2px;
}

.gsuite-plan-content .plan-details-txt {
    font: 600 15px/35px 'Poppins';
    color: #1b1b1b;
}

.gsuite-plan-content .plan-details-txt .expand {
    background: url("../img/gapp/dropdown_expand.png") no-repeat;
    height: 7px;
    width: 14px;
    display: inline-block;
    position: relative;
    top: 15px;
    left: 10px;
    cursor: pointer;
}

.gsuite-plan-content .plan-details-txt .expand.collapse {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    transform: rotate(180deg);
}

.gsuite-plan-details {
    padding: 18px 7px 30px 20px;
    box-sizing: border-box;
    text-align: left;
}

.gsuite-plan-content .gsuite-control ul {
    margin: 3px 0 0 0;
    padding-left: 0;
}

.gsuite-plan-content .gsuite-control ul li,
.gsuite-plan-content ul.gsuite-colaboration-tools li,
.gsuite-plan-content ul.gsuite-communication-tools li {
    font: 100 15px/22px 'Poppins';
    color: #1b1b1b;
    margin: 0 0 18px 0;
    position: relative;
    min-height: 44px;
}

.gsuite-plan-content ul.gsuite-communication-tools li {
    margin: 0 0 13px 0;
    list-style: none;
}

.gsuite-plan-content ul.gsuite-colaboration-tools li {
    margin: 0 0 14px 0;
}

.gsuite-plan-content .gsuite-control ul li {
    margin: 0 0 13px 0;
    list-style: none;
    font-size: 13px;
}

.gsuite-plan-content .gsuite-control ul li span,
.gsuite-plan-content ul.gsuite-colaboration-tools li span,
.gsuite-plan-content ul.gsuite-communication-tools li span {
    display: inline-block;
    vertical-align: top;
}

.gsuite-plan-content ul.gsuite-communication-tools li span.txt {
    margin: 0 0 0 15px;
    width: 225px;
}

.gsuite-plan-content .gsuite-control ul li span.txt {
    margin: 0 0 0 11px;
    width: 172px;
}

.gsuite-plan-content .gsuite-control ul li.search-parent span.txt {
    margin: 0 0 0 7px;
}

.gsuite-plan-content .gsuite-control ul li span.txt {
    position: relative;
}

.gsuite-plan-content ul.gsuite-communication-tools li span.txt {
    position: relative;
    right: 5px;
    list-style: none;
}

.gsuite-plan-content ul.gsuite-colaboration-tools li span.txt {
    margin: 0 0 0 8px;
    width: 160px;
}

.gsuite-plan-content ul.gsuite-colaboration-tools li.forms-parent span.txt,
.gsuite-plan-content ul.gsuite-colaboration-tools li.keep-parent span.txt,
.gsuite-plan-content ul.gsuite-colaboration-tools li.sites-parent span.txt {
    margin: 0 0 0 12px;
}

.gsuite-plan-content ul.gsuite-colaboration-tools li.appsscripts-parent span.txt {
    position: relative;
    left: -4px;
}

.gsuite-plan-content ul.gsuite-colaboration-tools li.sheets-parent span.txt,
.gsuite-plan-content ul.gsuite-colaboration-tools li.slides-parent span.txt,
.gsuite-plan-content ul.gsuite-colaboration-tools li.docs-parent span.txt {
    position: relative;
    left: 6px;
}

.gsuite-plan-content ul.gsuite-colaboration-tools li.keep-parent span.txt {
    position: relative;
    left: 1px;
}

.gsuite-plan-content ul.gsuite-communication-tools li span.txt {
    margin: 0 0 0 2px;
    width: 155px;
}

.gsuite-plan-content ul.gsuite-communication-tools li.calender-parent span.txt {
    margin: 0 0 0 3px;
}

.gsuite-plan-content .gsuite-control ul li span.icon {
    background: url("../img/gapp/controls-icons-bg@2x.png") no-repeat;
    background-size: 143px 26px;
    position: relative;
    top: 4px;
}

.gsuite-plan-content .gsuite-control ul li span.icon.security,
.gsuite-plan-content .gsuite-control ul li span.icon.backup {
    background: url('../img/gapp/backup@2x.png') no-repeat;
    background-size: 24px 22px;
    width: 24px;
    height: 22px;
}

.gsuite-plan-content .gsuite-control ul li span.icon.search {
    background-position: -74px 0;
    width: 27px;
    height: 19px;
}

.gsuite-plan-content .gsuite-control ul li span.icon.vault {
    background-position: -119px 0;
    width: 24px;
    height: 22px;
}

.gsuite-plan-content .gsuite-control ul li span.icon.endpoint {
    background-position: 0 0;
    width: 24px;
    height: 24px;
}

.cola-icons,
.comm-icons {
    display: block;
    margin: 2px 0 28px 0;
}

.comm-icons {
    margin: 2px 0 27px 0;
}

.cola-icons span,
.comm-icons span {
    display: inline-block;
    margin: 0;
}

.cola-icons span,
.gsuite-colaboration-tools .icons {
    background: url("../img/gapp/gsuite-collaborate-tools@2x.png") no-repeat;
    height: 26px;
    background-size: 164px 26px;
    margin: 0 8px 0 0;
    width: 19px;
}

.gsuite-colaboration-tools .icons {
    margin: 0;
    position: relative;
    top: 4px;
}

.cola-icons span.forms,
.gsuite-colaboration-tools .icons.forms {
    background: url('../img/gapp/forms@2x.png') no-repeat;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
}

.cola-icons span.docs,
.gsuite-colaboration-tools .icons.docs {
    background: url('../img/gapp/docs@2x.png') no-repeat;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
}

.cola-icons span.slides,
.gsuite-colaboration-tools .icons.slides {
    background: url('../img/gapp/slides@2x.png') no-repeat;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
}

.cola-icons span.sheets,
.gsuite-colaboration-tools .icons.sheets {
    background: url('../img/gapp/sheets@2x.png') no-repeat;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
}

.cola-icons span.sites,
.gsuite-colaboration-tools .icons.sites {
    background: url('../img/gapp/sites@2x.png') no-repeat;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
}

.cola-icons span.appsscripts,
.gsuite-colaboration-tools .icons.appsscripts {
    background: url('../img/gapp/appsscripts@2x.png') no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

.cola-icons span.keep,
.gsuite-colaboration-tools .icons.keep {
    background: url('../img/gapp/keep@2x.png') no-repeat;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
}

.cola-icons span.currents,
.gsuite-colaboration-tools .icons.currents {
    background-position: -142px 0;
    width: 22px;
}

.cola-icons span:last-of-type {
    margin: 0;
}

.comm-icons span,
.gsuite-communication-tools .icons {
    background: url(../img/gapp/gsuite-communicate-tools@2x.png) no-repeat;
    background-size: 113px 26px;
    margin: 0 12px 0 0;
    height: 26px;
    width: 25px;
}

.comm-icons span {
    background-size: 113px 26px;
    margin: 0 10px 0 0;
}

.comm-icons span.gmail,
.gsuite-communication-tools .icons {
    position: relative;
    top: 4px;
}

.comm-icons span.gmail,
.gsuite-communication-tools .icons.gmail {
    background: url("../img/gapp/gmail-icon@2x.png") no-repeat;
    background-size: 24px 18px;
    height: 18px;
    width: 24px;
}

.comm-icons span.meet,
.gsuite-communication-tools .icons.meet {
    background: url('../img/gapp/meet-icon@2x.png') no-repeat;
    background-size: 24px 20px;
    height: 20px;
    width: 24px;
}

.comm-icons span.meet {
    position: relative;
    top: 2px;
}

.comm-icons span.calender,
.gsuite-communication-tools .icons.calender {
    background: url('../img/gapp/calendar-icon@2x.png') no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
}

.comm-icons span.chat,
.gsuite-communication-tools .icons.chat {
    background: url('../img/gapp/chat@2x.png') no-repeat;
    background-size: 22px 23px;
    width: 22px;
    height: 23px;
}

.gsuite-colaborate .plan-details-txt,
.gsuite-communicate .plan-details-txt {
    cursor: pointer;
}

.plan-icon.drive {
    background: url("../img/gapp/google-drive-icon@2x.png") no-repeat;
    background-size: 25px 22px;
    display: block;
    height: 22px;
    width: 25px;
    margin: 2px 0 28px 0;
}

.select-plan {
    outline: none;
    cursor: pointer;
    position: absolute;
    bottom: 30px;
    right: 5%;
    left: 5%;
}

.gapps-transfer-token-note {
    color: #1b1b1b;
    font-family: 'Poppins', Arial;
    font-size: 16px;
    font-weight: 100;
    padding: 12px 0 45px 0;
}

.gsuite-progress-bar-bg {
    background: url("../img/gapp/gsuite-plans-step2.png") no-repeat 0 0;
    height: 16px;
    width: 596px;
    margin: 0 auto;
}

.gsuite-progress-bar-bg.step2 {
    background-position: 0 -18px;
    height: 22px;
    margin: 0 auto;
}

.progressbar {
    position: relative;
    margin: 0 auto 62px auto;
}

.progressbar .gsuite-step1 {
    position: absolute;
    left: 267px;
}

.progressbar .gsuite-step2 {
    position: absolute;
    left: 644px;
}

.progressbar .gsuite-step1,
.progressbar .gsuite-step2 {
    font: 600 15px/35px 'Poppins';
    color: #b8b8b8 !important;
}

.progressbar .gsuite-step1.currentstep,
.progressbar .gsuite-step2.currentstep {
    color: #1b1b1b !important;
}

.info-tooltip {
    background: url("../img/gapp/gsuite-info-tt.png") no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 7px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.info-tooltip .tooltip-txt {
    background: #363636;
    color: #fff !important;
    width: 150px;
    box-sizing: border-box;
    font: 100 12px/18px 'Poppins', Arial;
    position: absolute;
    padding: 6px 13px;
    border-radius: 3px;
    top: 26px;
    left: -22px;
}

.info-tooltip:hover .tooltip-txt {
    display: block;
}

.info-tooltip:hover .tooltip-txt::before {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #363636;
    position: absolute;
    top: -7px;
    content: "";
    left: 23px;
}


/* Step 2 */

.gapps-step-2.gapps-plans {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    text-align: left;
    min-height: 156px;
}

.gapps-step-2.gapps-plans label {
    color: #1b1b1b;
    font: 600 15px/26px 'Poppins', Arial;
    display: block;
}

.gapps-step-2.gapps-plans .planname {
    color: #1b1b1b;
    font: 400 15px/26px 'Poppins', Arial;
    display: block;
}

.gapps-transfer-token-modal .gapps-step-2.gapps-plans .planname {
    margin: 4px 0 0 0;
}

.gapps-step-2.gapps-plans .plandetails {
    color: #222;
    font: 100 13px/19px 'Poppins', Arial;
    display: block;
    width: 120px;
}

.gapps-step-2.gapps-plans div.inline-block {
    vertical-align: top;
}

.gapps-planinfo-wrapper,
.gapps-input-wrapper,
.gapps-price-wrapper,
.gapps-select-wrapper,
.gapps-total-wrapper,
.gapps-submit-wrapper {
    padding: 33px 0 13px 0;
    box-sizing: border-box;
    margin: 0 0 0 -2px;
}

.gapps-planinfo-wrapper {
    width: 144px;
    padding-left: 30px;
}

.gapps-input-wrapper {
    width: 196px;
    padding-left: 55px;
}

.gapps-input-wrapper input {
    width: 98px;
    height: 40px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 0;
    box-shadow: none;
    color: #1b1b1b;
    font: 100 15px 'Poppins', Arial;
    box-sizing: border-box;
}

.gapps-price-wrapper {
    width: 144px;
}

.gapps-select-wrapper {
    width: 183px;
}

.gapps-dropdown {
    position: relative;
    width: 146px;
}

#gapps-value.frm-select,
#planduration,
#gapps-form-transfertoken .gapps-select-duration {
    width: 146px;
    height: 40px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 0
}

#planduration,
#gapps-form-transfertoken .gapps-select-duration {
    font: 100 15px/26px 'Poppins';
    color: #1b1b1b;
    background: url(../img/gapp/dedi-duration-dropdown-bg.png) #fff right 5px center no-repeat;
    padding: 0 30px 0 13px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

.gapps-dropdown {
    position: relative;
    width: 146px;
}

.gapps-total-wrapper {
    width: 100px;
    padding-top: 50px;
}

.gapps-submit-wrapper {
    width: 225.5px !important;
    padding: 0;
    height: auto;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.gapps-total-wrapper {
    position: relative;
}

.price-breakup-tooltip {
    position: absolute;
    color: #fff;
    font: 100 12px/26px 'Poppins', Arial;
    background: #363636;
    width: 220px;
    height: 71px;
    box-sizing: border-box;
    padding: 18px 20px;
    border-radius: 5px;
    bottom: -53px;
    left: 0;
    display: none;
}

.price-breakup-tooltip::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #363636;
    content: "";
    position: absolute;
    top: -9px;
    left: 18px;
}

.price-breakup-tooltip .disc-wrap {
    margin: -7px 0 0 0;
}

.price-breakup-tooltip .org-wrp {
    margin: -3px 0 0 0;
}

.gapps-total-wrapper .total-value {
    color: #1b1b1b;
    font: 600 24px/26px 'Poppins';
    background: none;
    padding: 0;
}

span.gapps-arrow-icon {
    background: url("../img/gapp/o365-plan-arrow.png") no-repeat;
    width: 22px;
    height: 61px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 574px;
}

span.gapps-arrow-two-icon {
    display: block;
    position: absolute;
    left: 771px;
    width: 0px;
    height: 0px;
    border-top: 78px solid transparent;
    border-bottom: 78px solid transparent;
    border-left: 35px solid #fff;
    top: 50%;
    margin-top: -78px;
}

.gsuite-active-bar,
.gsuite-active-bar2 {
    background: #196ecb;
    width: 0;
    height: 2px;
    position: absolute;
    left: 319px;
    top: 50%;
    margin-top: -1px;
}

.gsuite-active-bar2 {
    background: #dadada;
}

#gapps_form {
    padding: 0;
}

#gapps-wrapper a.goback-to-step1,
#gapps-wrapper a.goback-to-step1:hover {
    font: 100 15px/21px 'Poppins', Arial;
    color: #377cec;
    margin: -13px 0 0 0;
    padding: 0 0 45px 0;
    display: none;
    text-align: left;
}


/* FAQs */

.gapps-faqs {
    margin: 0 auto 50px auto;
}


/* Features */

.gsuite-features-wrapper {
    padding: 0 0 33px 0;
}

.gsuite-features-wrapper h2 {
    font: 600 26px/36px 'Poppins';
    color: #222;
    text-align: center;
    margin: 0 auto 17px auto;
}

.gsuite-features-wrapper h3 {
    font: 600 20px/26px 'Poppins';
    color: #1b1b1b;
    padding: 0 0 8px 0;
}

.gsuite-features-wrapper p {
    font: 100 15px/21px 'Poppins';
    color: #1b1b1b;
    padding: 0 0 59px 0;
}

.gsuite-features-wrapper ul {
    text-align: center;
    margin: 0;
}

.gsuite-features-wrapper ul li {
    display: inline-block;
    font: 600 18px/18px 'Poppins';
    color: #4285f4;
    margin: 0 45px 0 0;
    cursor: pointer;
}

.gsuite-features-wrapper ul li.selTab {
    color: #1d1d1d;
    border-bottom: 2px solid #2385e8;
}

.communicate-feat,
.collaborate-feat,
.management-feat,
.gsuite-features-heading {
    width: 1000px;
    margin: 0 auto;
}

.gsuite-features-heading {
    margin: -12px auto 0 auto;
}

.gsuite-features-wrapper .lhs {
    float: left;
    min-height: 430px;
    margin: 70px 0 0 0;
}

.gsuite-features-wrapper .rhs {
    float: right;
    position: relative;
    width: 100px;
    height: 100px;
}

.communicate-feat .lhs {
    width: 383px;
}

.communicate-feat .lhs .feat-txt {
    width: 338px;
    display: inline-block;
    vertical-align: top;
}

.gsuite-features-wrapper .gsuite-gmail-icon,
.gsuite-calendar-icon,
.gsuite-chat-icon,
.gsuite-drive-icon,
.gsuite-smart-search-icon,
.gsuite-currents-icon,
.gsuite-manage-icon,
.gsuite-archive-icon,
.gsuite-secure-icon {
    width: 30px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 9px 0 0;
}

.gsuite-features-wrapper .gsuite-gmail-icon,
.gsuite-calendar-icon,
.gsuite-chat-icon {
    width: 30px;
}

.gsuite-features-wrapper .gsuite-gmail-icon {
    height: 23px;
    background: url('../img/gapp/gmail-icon@2x.png') no-repeat;
    background-size: 30px 23px;
}

.gsuite-calendar-icon {
    background: url('../img/gapp/calendar-icon@2x.png') no-repeat;
    height: 30px;
    background-size: 30px 30px;
}

.gsuite-chat-icon {
    background: url('../img/gapp/meet-icon@2x.png') no-repeat;
    background-size: 30px 25px;
    height: 25px;
}

.communicate-feat .rhs .gsuite-feat-bg {
    background: url('../img/gapp/gsuite-communicate-feat.png') no-repeat;
    background-size: 675px 454px;
    height: 454px;
    width: 675px;
    display: block;
    position: absolute;
    right: -97px;
    top: 44px;
}

.collaborate-feat .lhs {
    width: 365px;
}

.collaborate-feat .lhs .feat-txt {
    width: 318px;
    display: inline-block;
    vertical-align: top;
}

.collaborate-feat .rhs .gsuite-feat-bg {
    background: url('../img/gapp/gsuite-collaborate-feat.png') no-repeat;
    background-size: 710px 498px;
    height: 498px;
    width: 710px;
    display: block;
    position: absolute;
    right: -97px;
    top: 23px;
}

.gsuite-drive-icon {
    background: url("../img/gapp/google-drive-icon@2x.png") no-repeat;
    background-size: 30px 27px;
    height: 27px;
}

.gsuite-smart-search-icon {
    background: url("../img/gapp/smart-cloud-search-icon@2x.png") no-repeat;
    background-size: 30px 22px;
    height: 28px;
    width: 30px;
}

.gsuite-currents-icon {
    background: url("../img/gapp/google-currents-icon@2x.png") no-repeat;
    background-size: 28px 28px;
    height: 28px;
    width: 30px;
}

.management-feat .lhs {
    width: 368px;
}

.management-feat .lhs .feat-txt {
    width: 320px;
    display: inline-block;
    vertical-align: top;
}

.management-feat .rhs .gsuite-feat-bg {
    background: url("../img/gapp/gsuite-manage-feat.png") no-repeat;
    width: 750px;
    height: 490px;
    background-size: 750px 490px;
    display: block;
    position: absolute;
    top: 31px;
    right: -130px;
}

.gsuite-manage-icon,
.gsuite-archive-icon,
.gsuite-secure-icon {
    background: url("../img/gapp/controls-icons-bg@2x.png") no-repeat;
    background-size: 177px 32px;
    width: 30px;
}

.gsuite-manage-icon {
    background: url("../img/gapp/google-admin-icon@2x.png") no-repeat;
    background-size: 30px 27px;
    height: 27px;
}

.gsuite-archive-icon {
    background-position: -148px 0;
    height: 27px;
}

.gsuite-secure-icon {
    background: url("../img/gapp/google-vault-icon@2x.png") no-repeat;
    background-size: 26px 26px;
    height: 26px;
}

.progressbar-step1-bg,
.progressbar-step2-bg {
    position: absolute;
    height: 16px;
    width: 16px;
    display: block;
    z-index: 1;
}

.progressbar-step1-bg,
.progressbar-step2-bg.step1-completed {
    background: url(../img/gapp/kvm-vps-curstep-bg@2x.png) no-repeat #f8f8f8;
    background-size: 16px 16px;
    left: 303px;
}

.progressbar-step2-bg {
    background: url(../img/gapp/kvm-vps-defaultstep-bg@2x.png) no-repeat #f8f8f8;
    background-size: 16px 16px;
    left: 683px;
}

.progressbar-step1-bg.step1-completed {
    background: url(../img/gapp/kvm-vps-done-bg@2x.png) no-repeat #f8f8f8;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    top: 0;
    left: 300px;
    z-index: 2;
}

.gsuite-plan-content.Basic .scripts,
.gsuite-plan-content.Basic .scripts-parent {
    display: none;
}


/* Discounts */

.gapps-step-2.gapps-plans .discounted-price em {
    font: 600 15px/26px 'Poppins', Arial;
    color: #1b1b1b;
}

.gapps-step-2.gapps-plans .discounted-price {
    font: 600 13px/26px 'Poppins', Arial;
    color: #1b1b1b;
}

#gapps-form-transfertoken .discounted-price em {
    font: 100 15px/26px 'Poppins', Arial;
    color: #1b1b1b;
}

#gapps-form-transfertoken .discounted-price {
    font: 100 13px/26px 'Poppins', Arial;
    color: #1b1b1b;
}

.gapps-step-2.gapps-plans .original-price,
#gapps-form-transfertoken .original-price,
.gapps-step-2.gapps-plans .original-price em,
#gapps-form-transfertoken .original-price em {
    font: 100 13px/26px 'Poppins', Arial;
    color: #1b1b1b;
    text-decoration: line-through;
}

#gapps-form-transfertoken .original-price,
#gapps-form-transfertoken .original-price em {
    color: #999;
}

.discount-footnote {
    font: 100 15px/35px 'Poppins', Arial;
    font-style: italic;
    color: #1b1b1b;
    margin: 3px 0 -7px 0;
}

.discount-headernote {
    background: url('../img/gapp/gapps-discount-bg.png') no-repeat;
    width: 1000px;
    height: 41px;
    margin: 0 auto;
    text-align: center;
    font: 600 16px/40px 'Poppins', Arial;
    color: #38812f;
    margin: 0 auto 30px auto;
}

.discount-headernote::before,
.discount-headernote::after {
    background: url('../img/gapp/gapps-discount-percent-bg@2x.png') no-repeat;
    background-size: 20px 20px;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    margin: 0 10px;
}


/* Transfer token */

#checkout-domain-wrapper>#select-domain-modal.gapps-transfer-token-modal {
    width: 785px;
    padding: 7px 0;
}

#select-domain-modal.gapps-transfer-token-modal #select-domain-content {
    width: 773px;
    margin: 0 auto;
}

#select-domain-modal.gapps-transfer-token-modal #select-domain-content .discount-headernote {
    font: 600 16px/40px 'Poppins', Arial;
    color: #38812f;
    text-align: center;
    background: url('../img/gapp/gapps-transfer-modal-banner.png') no-repeat;
    width: 710px;
    margin: 0 auto 26px auto;
}

#select-domain-modal.gapps-transfer-token-modal h1.ms-modal-title {
    padding: 0 0 28px 0;
}

.identifier-note {
    font-style: italic !important;
    font: 100 13px 'Poppins', Arial;
    color: #1b1b1b;
    width: 258px;
    margin: 4px 0 3px 13px;
    box-sizing: border-box;
    display: block;
}

#select-domain-modal.gapps-transfer-token-modal .use-existing input[type="text"] {
    width: 286px;
    height: 40px;
    box-sizing: border-box;
    margin: 0 0 7px 15px;
}

#select-domain-modal.gapps-transfer-token-modal .use-existing #identifier {
    background: #f4f4f4;
    color: #908f8f;
    font: 600 15px/40px 'Poppins', Arial !important;
    height: 40px;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #f4f4f4;
    margin: 10px 0 22px 14px;
    outline: none;
    display: inline-block;
}

#select-domain-modal.gapps-transfer-token-modal p {
    padding-bottom: 0;
}

.copy-icon {
    background: url('../img/gapp/gapps-transfer-icon.png') no-repeat;
    width: 20px;
    height: 24px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 6px;
}

#select-domain-modal.gapps-transfer-token-modal .contact-us a {
    margin: 7px 0 0 0;
    display: block;
}

#select-domain-modal.gapps-transfer-token-modal #domain_transfer_token {
    margin-bottom: 22px !important;
}

#select-domain-modal .continue-button-container input#continue_action {
    margin: 15px 0 5px 16px !important
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 label,
#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-3 label {
    font: 600 15px/25px 'Poppins', Arial;
    color: #1b1b1b;
    display: block;
    text-align: left;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2,
#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-3 {
    display: inline-block;
    vertical-align: top;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 {
    width: 558px;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-3 {
    width: 148px;
    position: relative;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 .column-1,
#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 .column-2,
#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 .column-3 {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    text-align: left;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 .column-1 {
    width: 196px;
    padding-left: 30px;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 .column-2 {
    width: 140px;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 .column-3 {
    width: 213px;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-3 .column-1 {
    width: 150px;
}

#select-domain-modal.gapps-transfer-token-modal .gray-bg-div .div1 {
    width: 253px;
}

#select-domain-modal.gapps-transfer-token-modal .gray-bg-div .div3 {
    width: 120px;
}

#select-domain-modal.gapps-transfer-token-modal .gray-bg-div .div2 {
    width: 274px;
}

#select-domain-modal.gapps-transfer-token-modal .gray-bg-div .div1,
#select-domain-modal.gapps-transfer-token-modal .gray-bg-div .div2,
#select-domain-modal.gapps-transfer-token-modal .gray-bg-div .div3 {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    text-align: left;
}

#select-domain-modal.gapps-transfer-token-modal #hosting-price-transfertoken {
    font-family: 'Poppins', Arial;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-total {
    background-color: #f8f8f8;
    padding: 0 0 0 15px;
    border-radius: 5px;
    margin: 5px 0 30px 0;
    width: 120px;
    height: 40px;
    box-sizing: border-box;
    text-align: left;
}

#gapps-form-transfertoken .price-breakup-tooltip::after {
    left: 50%;
    margin-left: -5px;
}

#gapps-form-transfertoken .price-breakup-tooltip {
    bottom: -83px;
    left: -56px;
}

.gsuite-plan-content .gapps-select-duration {
    display: none !important;
}

.gapps-input-wrapper .error,
.gapps-ibc-3 .error {
    background: none;
    border: 0;
    font: 100 13px/19px 'Poppins', Arial;
    color: rgb(216, 74, 73);
    padding: 0;
    margin: 3px 0 0 0;
    display: block;
}

.gapps-ibc-3 {
    position: relative;
}

.gapps-ibc-3 .error {
    position: absolute;
    left: 0;
    bottom: -16px;
}

.gapps-input-wrapper input.error-fld,
.gapps-input-wrapper input.frm-field.error-fld:focus,
#email-accounts-transfertoken.frm-field.error-fld:focus {
    border: 1px solid #d84a49;
    outline: none;
}

#purchase_button.disabled-button,
#purchase_button.disabled-button:hover,
#confirm_and_proceed.disabled-button,
#confirm_and_proceed.disabled-button:hover {
    background: #dedede;
    border: 1px solid #d1d1d1;
    color: #9f9f9f;
    cursor: no-drop;
}

.gapps-input-wrapper input.frm-field:focus {
    box-shadow: none;
    border: 1px solid rgb(211, 211, 211);
}

#email-accounts-transfertoken.frm-field:focus {
    border: 1px solid #ccc;
}

.seperator {
    width: 1px;
    background: #dddddd;
    position: absolute;
    left: -1px;
    top: -13px;
    bottom: 0;
    height: 98.5%;
}

.gapps-modal-col-2 {
    position: relative;
}

#existing_orders_transfer_token_form label[for="identifier"] {
    position: relative;
    top: 1px;
}

#select-domain-modal.gapps-transfer-token-modal .gapps-submitted-2 .column-2 label,
.prices-wrapper {
    margin: 0 0 0 2px;
}

#select-domain-modal.gapps-transfer-token-modal .use-existing input[type="text"],
#select-domain-modal.gapps-transfer-token-modal #email-accounts-transfertoken,
.gapps-ibc-1>div {
    color: #1b1b1b;
    font: 100 15px 'Poppins', Arial;
}

#select-domain-modal.gapps-transfer-token-modal .inner-content {
    border-radius: 4px;
}

#gapps-transfer-token-step1 .outer-form-container label.error#domain_transfer_token-error {
    position: relative;
    bottom: 19px;
    left: 15px;
}

#gapps-transfer-token-step1 .outer-form-container label.error#transfertoken_domain_name-error {
    position: relative;
    bottom: 12px;
    left: 15px;
}

.addBottomPadding {
    margin-bottom: 8px;
}

#existing_orders_transfer_token_form label[for="domain_transfer_token"],
#existing_orders_transfer_token_form label[for="transfertoken_domain_name"] {
    position: relative;
    left: -1.5px;
}

#select-domain-modal .inner-content a.modal_close#gapps-gsuite-modal-close {
    width: 18px;
    height: 18px;
    background: url("../img/gapp/gsuite-transfer-modal-close.png") no-repeat;
}

.addPaddingFromTop {
    position: relative;
    top: 14px;
}

#checkout-domain-wrapper>#select-domain-modal.gapps-transfer-token-modal.transfer-error {
    width: 634px;
    margin-left: -317px;
}

#select-domain-modal.gapps-transfer-token-modal.transfer-error #select-domain-content {
    width: 620px;
}

#select-domain-modal.gapps-transfer-token-modal.transfer-error #gapps-transfer-token-step2 {
    width: 550px;
}

#select-domain-modal .inner-content .transfer-error-msg p.error-msg {
    color: #d84a49;
    font: 100 15px/22.5px "Poppins", Arial;
    background: #fff8f8;
    padding: 20px;
    border: 1px solid #d84a49;
    margin: 0 0 10px 0;
}