@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); }