@import url('../fonts/flow.css');

/* Domain Search
====================================*/
#domain-search .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs li.active a {
    border-bottom: 1px solid !important;
}

.nav-tabs .nav-link,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-top: none;
    border-left: none;
    border-right: none;
}

/* Flow Menu
====================================*/
#flow-menu,
#stepbar {
    position: relative;
    height: 58px;
}

#flow-menu {
    padding-left: 61px;
    list-style-type: none;
}

#flow-menu>li,
#stepbar>li {
    position: relative;
    float: left;
    width: 25%;
    height: 58px;
    box-sizing: border-box;
}

#flow-menu>li .flow-icon {
    width: 30px;
    font-size: 28px;
    text-align: left;
    vertical-align: middle;
    margin: 0;
}

#flow-menu li.dashboard,
#stepbar li.dashboard {
    position: absolute;
    height: 58px;
    width: 58px;
    left: 0;
}

#flow-menu>li.dashboard>a,
#stepbar>li.dashboard>a,
#stepbar>li.dashboard>span {
    width: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 58px;
    padding: 0;
}

#flow-menu li.dashboard a:before,
#flow-menu li .flow-icon:before,
#stepbar li.dashboard a:before {
    margin: 0;
}

#flow-menu>li>a {
    display: table;
    width: 100%;
    vertical-align: middle;
    height: 58px;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    text-decoration: none;
}

#flow-menu>li>a>span,
#stepbar>li>span>span {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 16px;
}

#flow-menu>li.active>a,
#stepbar>li.active>a,
#stepbar>li.active>span {
    text-decoration: none;
}

#flow-menu li.active a .flow-icon,
#flow-menu li.active span .flow-icon {
    text-decoration: none;
}


/* Billing Cycles + Currency
====================================*/
input.cycle-1,
input.cycle-curr {
    display: none;
}

label.cycle-1 {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    padding: 15px 0;
}

label.cycle-1.regdomain {
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 18px;
}

label.cycle-1.regdomain,
label.cycle-curr {
    cursor: pointer;
    text-align: center;
}

label.cycle-curr {
    padding: 0;
}

label.cycle-curr span {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px;
}

label.cycle-curr.regdomain {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    padding: 0;
}

.currency {
    padding-right: 10px;
    margin-bottom: -15px;
}

.curr {
    margin-bottom: 0;
}

.currency-product a {
    padding-right: 5px;
}

.currency-product span {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px;
}


/* Nav Wizard
====================================*/
ul.nav-wizard {
    position: relative;
    overflow: hidden;
}

ul.nav-wizard:before {
    top: 58px;
}

ul.nav-wizard:after,
ul.nav-wizard:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 58px;
    z-index: 2;
    content: " ";
}

ul.nav-wizard:after {
    top: 138px;
}

ul.nav-wizard li {
    position: relative;
    float: left;
    height: 60px;
    vertical-align: middle;
    line-height: 58px;
    margin: 0;
    padding: 0 20px 0 40px;
}

ul.nav-wizard li a {
    padding: 0;
}

ul.nav-wizard li a:hover {
    background-color: transparent;
}

ul.nav-wizard li:before {
    border: 30px solid transparent;
    border-left-width: 16px;
    border-right: 0;
    right: -16px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

ul.nav-wizard li:after,
ul.nav-wizard li:before {
    position: absolute;
    display: block;
    top: -1px;
    z-index: 1;
    content: '';
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

ul.nav-wizard li:after {
    border: 30px solid transparent;
    border-left-width: 16px;
    border-right: 0;
    right: -16px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}


/* Loader
====================================*/
#loader {
    line-height: 58px;
    right: 10px;
    position: absolute;
    overflow: hidden;
}

.loader {
    height: 32px;
    margin-top: 5px;
    line-height: 32px;
}


/* Spotlight and Suggested Domains
====================================*/
.suggested-domains .btn-add-to-cart {
    float: right;
}

.spotlight-tlds {
    margin: 15px 0;
    padding: 0;
}

.spotlight-tlds-container {
    margin-left: -15px;
    margin-right: -15px;
}

.spotlight-tld-container {
    float: left;
    padding: 15px;
}

.spotlight-tld-container-1 {
    width: 100%;
}

.spotlight-tld-container-2 {
    width: 50%;
}

.spotlight-tld-container-3 {
    width: 33.3%;
}

.spotlight-tld-container-4 {
    width: 25%;
}

.spotlight-tld-container-5 {
    width: 20%;
}

.spotlight-tld-container-6 {
    width: 16.6%;
}

.spotlight-tld-container-7 {
    width: 14.28%;
}

.spotlight-tld-container-8 {
    width: 12.5%;
}

@media screen and (max-width:991px) {

    .spotlight-tld-container-5,
    .spotlight-tld-container-6 {
        width: 33.3%;
    }

    .spotlight-tld-container-7,
    .spotlight-tld-container-8 {
        width: 25%;
    }
}

@media screen and (max-width:580px) {

    .spotlight-tld-container-3,
    .spotlight-tld-container-4,
    .spotlight-tld-container-5,
    .spotlight-tld-container-6,
    .spotlight-tld-container-7,
    .spotlight-tld-container-8 {
        width: 50%;
    }
}

.spotlight-tld {
    position: relative;
    overflow: hidden;
    margin: 0;
    border-radius: 1px;
    text-align: center;
}

.spotlight-tld span {
    display: block;
}

.spotlight-tld .btn:not(.domain-contact-support) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spotlight-tld .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    color: #fff;
    min-width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spotlight-tld .btn span {
    padding: 0;
}

.spotlight-tld .invalid,
.spotlight-tld .unavailable {
    margin: 19px 0;
    background-color: #fff;
    border-color: #eee;
    color: #bbb;
}

.spotlight-tld .domain-contact-support {
    margin: 10px 0;
}

.spotlight-tld .domain-lookup-spotlight-loader {
    line-height: 47px;
    font-size: 1.4em;
}

.spotlight-tld .results {
    display: none;
}

.spotlight-tld-new {
    width: 60px;
    position: absolute;
    letter-spacing: 1px;
    padding: 3px;
    font-size: x-small;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    background-color: #2ad588;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.spotlight-tld-sale {
    background-color: #f7d458;
}

.spotlight-tld-hot,
.spotlight-tld-sale {
    width: 60px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.spotlight-tld-hot {
    background-color: #f9615a;
}

.suggested-domains .panel-heading {
    border-bottom: 2px solid #62cb31;
}

.suggested-domains .domain-lookup-suggestions-loader {
    padding: 30px 20px;
    text-align: center;
    opacity: .7;
}

.suggested-domains .list-group-item {
    border-left: 0;
    border-right: 0;
    word-wrap: break-word;
}

.suggested-domains .promo.hot {
    padding: 2px 10px;
    background-color: #f9615a;
    color: #fff;
    text-transform: uppercase;
}

.suggested-domains .promo.sale {
    padding: 2px 8px;
    background-color: #f7d458;
    color: #fff;
    text-transform: uppercase;
}

.suggested-domains .promo.new {
    padding: 2px 8px;
    background-color: #2ad588;
    color: #fff;
    text-transform: uppercase;
}

.suggested-domains .actions {
    float: right;
}

.suggested-domains .btn:not(.domain-contact-support) {
    background-color: #555;
    border-color: #333;
}

.suggested-domains .btn.domain-contact-support,
.suggested-domains .btn:not(.domain-contact-support) {
    padding: 4px 10px;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 0;
    color: #fff;
}

ul#domainSuggestions .list-group-item {
    padding: 20px 10px;
}

@media (max-width:767px) {
    .suggested-domains .list-group-item {
        text-align: center;
    }

    .suggested-domains .actions {
        float: none;
    }

    .suggested-domains .price {
        float: none;
        display: block;
        padding: 3px 0;
    }

    .suggested-domains .list-group-item .btn {
        float: none;
        display: block;
        width: 100%;
    }
}

.featured-tlds-container {
    padding: 0 2px;
}

@media (max-width:767px) {
    .featured-tld .img-container {
        height: 80px;
        line-height: 40px;
    }
}

.featured-tld .img-container img {
    max-width: 30%;
    max-height: 100%;
}

.featured-tld .price {
    padding: 5px;
    line-height: 28px;
    text-align: center;
    border-radius: 0 0 2px 2px;
}

.tld-filters {
    margin: 0 0 25px;
}

.tld-filters a {
    display: inline-block;
    margin-bottom: 4px;
    padding: 5px 6px;
    font-size: 90%;
    font-weight: 400;
    border-radius: 2px;
}

.domain-pricing {
    padding-top: 30px;
    overflow: hidden;
}

.domain-pricing .no-bg {
    background-color: transparent !important;
}

.domain-pricing .two-row-center {
    line-height: 30px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 30px;
}

.tld-sale-group {
    padding: 1px 3px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}

.tld-sale-group-hot {
    background-color: #f9615a;
}

.tld-sale-group-sale {
    background-color: #f7d458;
}

.tld-sale-group-new {
    background-color: #2ad588;
}


/* Order Configure Product Addon Promo Containers
 ====================================*/

.addon-promo-container {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #eee;
    font-size: .9em;
}

.addon-promo-container h3 {
    margin: 0 0 10px;
}

.addon-promo-container .logo {
    float: right;
    margin: 0 0 10px 20px;
    text-align: right;
    line-height: 100px;
}

.addon-promo-container img {
    max-width: 120px;
}

.addon-promo-container .description {
    margin: 10px 0;
}

.addon-promo-container label {
    margin-top: 6px;
    width: 98%;
    font-size: 14px;
}

.addon-promo-container a {
    text-decoration: underline;
}

.mc-promos {
    margin: 20px auto 30px;
    max-width: 575px;
}

.mc-promo {
    margin: 0 0 10px;
    border: 1px dashed #ccc;
    border-bottom: 4px solid #9abb3a;
}

.mc-promo .cta {
    float: right;
    padding: 3px 10px;
    text-align: center;
}

.mc-promo .headline {
    padding-top: 8px;
    font-size: 1.5em;
}

.mc-promo .tagline {
    font-size: 1.2em;
    font-weight: 300;
}

.mc-promo .header {
    border-bottom: 0;
    height: 70px;
    overflow: hidden;
    cursor: pointer;
}

.mc-promo .icon {
    float: left;
    margin: 10px;
    width: 64px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.mc-promo .icon img {
    max-width: 100%;
    max-height: 100%;
}

.mc-promo .body {
    padding: 10px 15px;
    border-top: 10px solid #eaeaea;
    background-color: #f8f8f8;
    font-size: .85em;
    display: none;
}

.mc-promo .body i {
    color: #99bc3a;
    padding-right: 3px;
}

.mc-promo em {
    font-weight: 700;
    font-style: normal;
}

.mc-promo .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mc-promo .body li {
    float: left;
    width: 50%;
}

.mc-promo .price {
    padding: 4px 0;
    font-size: 1.15em;
    color: #83a032;
}

.mc-promo .btn-add {
    padding: 0;
    background-color: #99bb3a;
    color: #fff;
    font-size: 1em;
}

.mc-promo .arrow {
    display: inline-block;
    padding: 2px 8px;
    background-color: #84b436;
}

.mc-promo .text {
    display: inline-block;
    padding: 2px 8px;
    font-size: .9em;
}

.mc-promo .expander {
    float: left;
    width: 28px;
    font-size: 1.5em;
    color: #99bc3a;
    text-align: right;
    line-height: 60px;
    transition: all 2s linear;
}

.mc-promo.weebly {
    border-color: #7b7b7b;
}

.mc-promo.weebly .btn-add {
    background-color: #7b7b7b;
}

.mc-promo.weebly .arrow {
    background-color: #666;
}

.mc-promo.weebly .expander,
.mc-promo.weebly .price {
    color: #7b7b7b;
}

.mc-promo.spamexperts {
    border-color: #56a2da;
}

.mc-promo.spamexperts .btn-add {
    background-color: #56a2da;
}

.mc-promo.spamexperts .arrow {
    background-color: #4e98d0;
}

.mc-promo.spamexperts .expander,
.mc-promo.spamexperts .price {
    color: #56a2da;
}

.mc-promo.sitelock {
    border-color: #f29f44;
}

.mc-promo.sitelock .btn-add {
    background-color: #f29f44;
}

.mc-promo.sitelock .arrow {
    background-color: #f08f3d;
}

.mc-promo.sitelock .expander,
.mc-promo.sitelock .price {
    color: #f29f44;
}

.mc-promo.sitelockvpn {
    border-color: #555;
}

.mc-promo.sitelockvpn .btn-add {
    background-color: #555;
}

.mc-promo.sitelockvpn .arrow {
    background-color: #333;
}

.mc-promo.sitelockvpn .expander,
.mc-promo.sitelockvpn .price {
    color: #555;
}

.mc-promo.marketgoo {
    border-color: #3090e0;
}

.mc-promo.marketgoo .btn-add {
    background-color: #3090e0;
}

.mc-promo.marketgoo .arrow {
    background-color: #3090e0;
}

.mc-promo.marketgoo .expander,
.mc-promo.marketgoo .price {
    color: #3090e0;
}

.mc-promo .rotate {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.mc-promo .rotate.down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


#calcTaxes {
    display: none;
}

#formPromotionCode .input-group .glyphicon-remove {
    right: 32px;
}


/* Checkout
====================================*/

.cc-input-container {
    border-radius: 4px;
    padding: 15px 0px 10px 0px;
}

.cc-input-container .form-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cc-input-container .radio-inline {
    padding-left: 0;
    margin-bottom: 10px;
}

.cc-input-container .paymethod-info {
    cursor: pointer;
    padding-right: 10px;
    margin-bottom: 5px;
}

.cc-input-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cc-input-container ul li {
    padding: 2px 0;
}

.cc-input-container i {
    width: 28px;
    text-align: center;
    padding: 0 6px;
}

.cc-input-container .existing-cc-grid {
    display: inline-grid;
    grid-template-columns: repeat(3, auto) minmax(10em, 30em) auto;
    font-weight: 300;
    font-size: 13px;
}


/* Stripe Elements */
.cc-input-container #stripeElements {
    margin-bottom: 0;
}

.cc-input-container #stripeElements .stripe-cards-inputs {
    width: 100%;
    margin: 0;
    padding: 0;
}

.cc-input-container #stripeElements .stripe-cards-inputs div[class*=col-] {
    float: left;
    margin-bottom: 0;
    padding: 0 12px;
}

#stripeElements .control-label {
    width: 100%;
    float: none;
    padding: 0;
}

#stripeElements .StripeElement {
    padding-top: 9px;
}

#stripeElements div[class*=col-] {
    float: none;
    padding: 0;
}

.fieldgroup-creditcard #stripeElements {
    margin-left: -12px;
    margin-right: -12px;
}

.fieldgroup-creditcard #stripeElements:after,
.fieldgroup-creditcard #stripeElements:before {
    content: " ";
    display: table;
}

.fieldgroup-creditcard #stripeElements:after {
    clear: both;
}

.fieldgroup-creditcard #stripeElements>.cc-billing-address:not(:first-of-type) {
    width: 33.33333%;
    float: left;
}

.fieldgroup-creditcard #stripeElements .cc-billing-address {
    padding: 0 12px;
}

.fieldgroup-creditcard #stripeElements .col-sm-2 {
    width: 100%;
}


/* Form fields */
#order-standard_cart .cc-input-container {
    padding: 15px 15px 10px 15px;
    border-radius: 4px
}

#order-standard_cart .cc-input-container .form-group {
    margin-top: 10px;
    margin-bottom: 10px
}

#order-standard_cart .cc-input-container .radio-inline {
    padding-left: 0;
    margin-bottom: 10px
}

#order-standard_cart .cc-input-container .paymethod-info {
    cursor: pointer;
    padding-right: 10px;
    margin-bottom: 5px
}

#order-standard_cart .cc-input-container ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#order-standard_cart .cc-input-container ul li {
    padding: 2px 0
}

#order-standard_cart .cc-input-container i {
    padding: 0 6px;
    width: 28px;
    text-align: center
}

#order-standard_cart .cc-input-container .existing-cc-grid {
    display: inline-grid;
    grid-template-columns: repeat(3, auto) minmax(10em, 30em) auto;
    font-weight: 300;
    color: #666;
    font-size: 13px
}

#order-standard_cart .checkout-security-msg {
    margin: 20px 0;
    padding-left: 75px;
    font-size: .8em
}

#order-standard_cart .checkout-security-msg i {
    float: left;
    margin-left: -48px;
    font-size: 2.8em
}

#order-standard_cart .prepend-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-weight: 400
}

#order-standard_cart .field {
    position: relative;
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block;
    outline: 0;
    border-radius: 3px
}

#order-standard_cart .input-group-lg>.form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px
}

#order-standard_cart .form-control-qty {
    width: 70px;
    text-align: center
}

#order-standard_cart .form-control-static-inline {
    display: inline-block
}

#order-standard_cart textarea.field {
    height: auto
}

#order-standard_cart .prepend-icon .field {
    -webkit-appearance: none;
    padding-left: 36px
}

#order-standard_cart .prepend-icon .field-icon i {
    position: relative;
    font-size: 14px
}

#order-standard_cart .prepend-icon .field-icon {
    top: 0;
    z-index: 4;
    width: 42px;
    height: 36px;
    color: inherit;
    line-height: 36px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    pointer-events: none
}

#order-standard_cart .field-help-text {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px
}

#order-standard_cart input[type="password"] {
    font-family: Verdana, sans-serif;
    letter-spacing: 1px;
    font-size: 16px;
}


/* Grouped Addon Module */
.addon-products .panel-default .panel-heading {
    background-color: #fff;
}

.dark .addon-products .panel-default .panel-heading {
    background-color: #000;
}

.panel-grouped-addons .panel-heading a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f068";
    float: right;
    font-size: 16px;
}

.panel-grouped-addons .panel-grouped-addon .icheckbox_square-blue {
    position: relative;
    display: inline-flex;
    left: auto;
    top: auto;
}

.panel-grouped-addons .panel-grouped-addon .addon-pricing span {
    font-size: 12px;
    font-weight: 400;
    margin-left: -3px;
}

.panel-grouped-addons .panel-heading a[aria-expanded="false"]:after {
    content: "\f067";
}

/* Product Recommendations Modal */
#recommendationsModal .product-added-panel .panel-body {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#recommendationsModal .product-added-panel .panel-body>span:first-child {
    flex-basis: 100%;
    margin-bottom: 0.5rem;
}

#recommendationsModal .product-added-panel .panel-body>div {
    display: flex;
    flex-direction: column;
}

#recommendationsModal .product-added-panel .product-name,
#recommendationsModal .product-added-panel .price {
    font-weight: bolder;
}

#recommendationsModal .product-added-panel .product-price,
#recommendationsModal .product-added-panel .product-cycle {
    text-align: right;
}

#recommendationsModal .modal-header {
    background-color: initial;
    border-bottom: 0;
    padding: 1rem 1rem 0 1rem;
}

#recommendationsModal .modal-footer {
    justify-content: center;
    border: 0;
}

.product-recommendations-container {
    max-height: 600px;
    overflow-y: auto;
    margin-top: 20px;
    margin-bottom: 30px
}

.product-recommendations {
    margin: 20px auto 30px;
    max-width: 575px;
    border-color: #7b7b7b;
}

.product-recommendations .product-recommendation {
    margin: 0 0 10px 0;
    background-color: #fff;
    border: 1px dashed #ccc;
    border-bottom: 4px solid #9abb3a;
}

.product-recommendations .product-recommendation .cta {
    float: right;
    padding: 3px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.product-recommendations .product-recommendation .headline {
    padding-top: 8px;
    font-size: 1em;
}

.product-recommendations .product-recommendation .tagline {
    font-size: 0.9em;
    font-weight: 300;
}

.product-recommendations .product-recommendation .header {
    border-bottom: 0;
    overflow: hidden;
    cursor: pointer;
}

.product-recommendations .product-recommendation .header.header-static {
    cursor: default;
}

.product-recommendations .product-recommendation .body {
    padding: 10px 15px;
    border-top: 10px solid #eaeaea;
    background-color: #f8f8f8;
    font-size: 0.85em;
    display: none;
}

.product-recommendations .product-recommendation .price {
    padding: 4px 0;
    font-size: 1em;
    color: #83a032;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.product-recommendations .product-recommendation .btn-add {
    padding: 0;
    background-color: #9abb3a;
    color: #fff;
    font-size: 0.9em;
}

.product-recommendations .product-recommendation .arrow {
    display: inline-block;
    padding: 2px 8px;
    background-color: #83a032;
}

.product-recommendations .product-recommendation .text {
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.9em;
}

.product-recommendations .product-recommendation .expander {
    float: left;
    width: 28px;
    font-size: 1.5em;
    color: #9abb3a;
    text-align: right;
    line-height: 60px;
    transition: all 2s linear;
    margin-right: 15px;
}

.product-recommendations .product-recommendation .expander .fa-square {
    font-size: 0.7em;
}

.product-recommendations .product-recommendation .rotate {
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.product-recommendations .product-recommendation .rotate.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel-addon .icheckbox_square-blue,
.panel-addons .icheckbox_square-blue,
.tos .icheckbox_square-blue {
    position: relative;
    top: 1.25rem;
    left: -19px;
}