@import url('https://fonts.googleapis.com/css?family=ABeeZee|Abel|Abhaya+Libre|Abril+Fatface|Aclonica|Acme|Actor|Adamina|Advent+Pro|Aguafina+Script|Akronim|Aladin|Aldrich|Alef|Alegreya|Alegreya+SC|Alegreya+Sans|Alegreya+Sans+SC|Alex+Brush|Alfa+Slab+One|Alice|Alike|Alike+Angular|Allan|Allerta|Allerta+Stencil|Allura|Almendra|Almendra+Display|Almendra+SC|Amarante|Amaranth|Amatic+SC|Amatica+SC|Amethysta|Amiko|Amiri|Amita|Anaheim|Andada|Andika|Angkor|Annie+Use+Your+Telescope|Anonymous+Pro|Antic|Antic+Didone|Antic+Slab|Anton|Arapey|Arbutus|Arbutus+Slab|Architects+Daughter|Archivo|Archivo+Black|Archivo+Narrow|Aref+Ruqaa|Arima+Madurai|Arimo|Arizonia|Armata|Arsenal|Artifika|Arvo|Arya|Asap|Asap+Condensed|Asar|Asset|Assistant|Astloch|Asul|Athiti|Atma|Atomic+Age|Aubrey|Audiowide|Autour+One|Average|Average+Sans|Averia+Gruesa+Libre|Averia+Libre|Averia+Sans+Libre|Averia+Serif+Libre|Bad+Script|Bahiana|Baloo|Baloo+Bhai|Baloo+Bhaijaan|Baloo+Bhaina|Baloo+Chettan|Baloo+Da|Baloo+Paaji|Baloo+Tamma|Baloo+Tammudu|Baloo+Thambi|Balthazar|Bangers|Barrio|Basic|Battambang|Baumans|Bayon|Belgrano|Bellefair|Belleza|BenchNine|Bentham|Berkshire+Swash|Bevan|Bigelow+Rules|Bigshot+One|Bilbo|Bilbo+Swash+Caps|BioRhyme|BioRhyme+Expanded|Biryani|Bitter|Black+Ops+One|Bokor|Bonbon|Boogaloo|Bowlby+One|Bowlby+One+SC|Brawler|Bree+Serif|Bubblegum+Sans|Bubbler+One|Buda|Buenard|Bungee|Bungee+Hairline|Bungee+Inline|Bungee+Outline|Bungee+Shade|Butcherman|Butterfly+Kids|Cabin|Cabin+Condensed|Cabin+Sketch|Caesar+Dressing|Cagliostro|Cairo|Calligraffitti|Cambay|Cambo|Candal|Cantarell|Cantata+One|Cantora+One|Capriola|Cardo|Carme|Carrois+Gothic|Carrois+Gothic+SC|Carter+One|Catamaran|Caudex|Caveat|Caveat+Brush|Cedarville+Cursive|Ceviche+One|Changa|Changa+One|Chango|Chathura|Chau+Philomene+One|Chela+One|Chelsea+Market|Chenla|Cherry+Cream+Soda|Cherry+Swash|Chewy|Chicle|Chivo|Chonburi|Cinzel|Cinzel+Decorative|Clicker+Script|Coda|Coda+Caption|Codystar|Coiny|Combo|Comfortaa|Coming+Soon|Concert+One|Condiment|Content|Contrail+One|Convergence|Cookie|Copse|Corben|Cormorant|Cormorant+Garamond|Cormorant+Infant|Cormorant+SC|Cormorant+Unicase|Cormorant+Upright|Courgette|Cousine|Coustard|Covered+By+Your+Grace|Crafty+Girls|Creepster|Crete+Round|Crimson+Text|Croissant+One|Crushed|Cuprum|Cutive|Cutive+Mono|Damion|Dancing+Script|Dangrek|David+Libre|Dawning+of+a+New+Day|Days+One|Dekko|Delius|Delius+Swash+Caps|Delius+Unicase|Della+Respira|Denk+One|Devonshire|Dhurjati|Didact+Gothic|Diplomata|Diplomata+SC|Domine|Donegal+One|Doppio+One|Dorsa|Dosis|Dr+Sugiyama|Droid+Sans|Droid+Sans+Mono|Droid+Serif|Duru+Sans|Dynalight|EB+Garamond|Eagle+Lake|Eater|Economica|Eczar|El+Messiri|Electrolize|Elsie|Elsie+Swash+Caps|Emblema+One|Emilys+Candy|Encode+Sans|Encode+Sans+Condensed|Encode+Sans+Expanded|Encode+Sans+Semi+Condensed|Encode+Sans+Semi+Expanded|Engagement|Englebert|Enriqueta|Erica+One|Esteban|Euphoria+Script|Ewert|Exo|Exo+2|Expletus+Sans|Fanwood+Text|Farsan|Fascinate|Fascinate+Inline|Faster+One|Fasthand|Fauna+One|Faustina|Federant|Federo|Felipa|Fenix|Finger+Paint|Fira+Mono|Fira+Sans|Fira+Sans+Condensed|Fira+Sans+Extra+Condensed|Fjalla+One|Fjord+One|Flamenco|Flavors|Fondamento|Fontdiner+Swanky|Forum|Francois+One|Frank+Ruhl+Libre|Freckle+Face|Fredericka+the+Great|Fredoka+One|Freehand|Fresca|Frijole|Fruktur|Fugaz+One|GFS+Didot|GFS+Neohellenic|Gabriela|Gafata|Galada|Galdeano|Galindo|Gentium+Basic|Gentium+Book+Basic|Geo|Geostar|Geostar+Fill|Germania+One|Gidugu|Gilda+Display|Give+You+Glory|Glass+Antiqua|Glegoo|Gloria+Hallelujah|Goblin+One|Gochi+Hand|Gorditas|Goudy+Bookletter+1911|Graduate|Grand+Hotel|Gravitas+One|Great+Vibes|Griffy|Gruppo|Gudea|Gurajada|Habibi|Halant|Hammersmith+One|Hanalei|Hanalei+Fill|Handlee|Hanuman|Happy+Monkey|Harmattan|Headland+One|Heebo|Henny+Penny|Herr+Von+Muellerhoff|Hind|Hind+Guntur|Hind+Madurai|Hind+Siliguri|Hind+Vadodara|Holtwood+One+SC|Homemade+Apple|Homenaje|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|IM+Fell+Double+Pica|IM+Fell+Double+Pica+SC|IM+Fell+English|IM+Fell+English+SC|IM+Fell+French+Canon|IM+Fell+French+Canon+SC|IM+Fell+Great+Primer|IM+Fell+Great+Primer+SC|Iceberg|Iceland|Imprima|Inconsolata|Inder|Indie+Flower|Inika|Inknut+Antiqua|Irish+Grover|Istok+Web|Italiana|Italianno|Itim|Jacques+Francois|Jacques+Francois+Shadow|Jaldi|Jim+Nightshade|Jockey+One|Jolly+Lodger|Jomhuria|Josefin+Sans|Josefin+Slab|Joti+One|Judson|Julee|Julius+Sans+One|Junge|Jura|Just+Another+Hand|Just+Me+Again+Down+Here|Kadwa|Kalam|Kameron|Kanit|Kantumruy|Karla|Karma|Katibeh|Kaushan+Script|Kavivanar|Kavoon|Kdam+Thmor|Keania+One|Kelly+Slab|Kenia|Khand|Khmer|Khula|Kite+One|Knewave|Kotta+One|Koulen|Kranky|Kreon|Kristi|Krona+One|Kumar+One|Kumar+One+Outline|Kurale|La+Belle+Aurore|Laila|Lakki+Reddy|Lalezar|Lancelot|Lateef|Lato|League+Script|Leckerli+One|Ledger|Lekton|Lemon|Lemonada|Libre+Barcode+128|Libre+Barcode+128+Text|Libre+Barcode+39|Libre+Barcode+39+Extended|Libre+Barcode+39+Extended+Text|Libre+Barcode+39+Text|Libre+Baskerville|Libre+Franklin|Life+Savers|Lilita+One|Lily+Script+One|Limelight|Linden+Hill|Lobster|Lobster+Two|Londrina+Outline|Londrina+Shadow|Londrina+Sketch|Londrina+Solid|Lora|Love+Ya+Like+A+Sister|Loved+by+the+King|Lovers+Quarrel|Luckiest+Guy|Lusitana|Lustria|Macondo|Macondo+Swash+Caps|Mada|Magra|Maiden+Orange|Maitree|Mako|Mallanna|Mandali|Manuale|Marcellus|Marcellus+SC|Marck+Script|Margarine|Marko+One|Marmelad|Martel|Martel+Sans|Marvel|Mate|Mate+SC|Maven+Pro|McLaren|Meddon|MedievalSharp|Medula+One|Meera+Inimai|Megrim|Meie+Script|Merienda|Merienda+One|Merriweather|Merriweather+Sans|Metal|Metal+Mania|Metamorphous|Metrophobic|Michroma|Milonga|Miltonian|Miltonian+Tattoo|Miniver|Miriam+Libre|Mirza|Miss+Fajardose|Mitr|Modak|Modern+Antiqua|Mogra|Molengo|Molle|Monda|Monofett|Monoton|Monsieur+La+Doulaise|Montaga|Montez|Montserrat|Montserrat+Alternates|Montserrat+Subrayada|Moul|Moulpali|Mountains+of+Christmas|Mouse+Memoirs|Mr+Bedfort|Mr+Dafoe|Mr+De+Haviland|Mrs+Saint+Delafield|Mrs+Sheppards|Mukta|Mukta+Mahee|Mukta+Malar|Mukta+Vaani|Muli|Mystery+Quest|NTR|Neucha|Neuton|New+Rocker|News+Cycle|Niconne|Nixie+One|Nobile|Nokora|Norican|Nosifer|Nothing+You+Could+Do|Noticia+Text|Noto+Sans|Noto+Serif|Nova+Cut|Nova+Flat|Nova+Mono|Nova+Oval|Nova+Round|Nova+Script|Nova+Slim|Nova+Square|Numans|Nunito|Nunito+Sans|Odor+Mean+Chey|Offside|Old+Standard+TT|Oldenburg|Oleo+Script|Oleo+Script+Swash+Caps|Open+Sans|Open+Sans+Condensed|Oranienbaum|Orbitron|Oregano|Orienta|Original+Surfer|Oswald|Over+the+Rainbow|Overlock|Overlock+SC|Overpass|Overpass+Mono|Ovo|Oxygen|Oxygen+Mono|PT+Mono|PT+Sans|PT+Sans+Caption|PT+Sans+Narrow|PT+Serif|PT+Serif+Caption|Pacifico|Padauk|Palanquin|Palanquin+Dark|Pangolin|Paprika|Parisienne|Passero+One|Passion+One|Pathway+Gothic+One|Patrick+Hand|Patrick+Hand+SC|Pattaya|Patua+One|Pavanam|Paytone+One|Peddana|Peralta|Permanent+Marker|Petit+Formal+Script|Petrona|Philosopher|Piedra|Pinyon+Script|Pirata+One|Plaster|Play|Playball|Playfair+Display|Playfair+Display+SC|Podkova|Poiret+One|Poller+One|Poly|Pompiere|Pontano+Sans|Poppins|Port+Lligat+Sans|Port+Lligat+Slab|Pragati+Narrow|Prata|Preahvihear|Press+Start+2P|Pridi|Princess+Sofia|Prociono|Prompt|Prosto+One|Proza+Libre|Puritan|Purple+Purse|Quando|Quantico|Quattrocento|Quattrocento+Sans|Questrial|Quicksand|Quintessential|Qwigley|Racing+Sans+One|Radley|Rajdhani|Rakkas|Raleway|Raleway+Dots|Ramabhadra|Ramaraja|Rambla|Rammetto+One|Ranchers|Rancho|Ranga|Rasa|Rationale|Ravi+Prakash|Redressed|Reem+Kufi|Reenie+Beanie|Revalia|Rhodium+Libre|Ribeye|Ribeye+Marrow|Righteous|Risque|Roboto|Roboto+Condensed|Roboto+Mono|Roboto+Slab|Rochester|Rock+Salt|Rokkitt|Romanesco|Ropa+Sans|Rosario|Rosarivo|Rouge+Script|Rozha+One|Rubik|Rubik+Mono+One|Ruda|Rufina|Ruge+Boogie|Ruluko|Rum+Raisin|Ruslan+Display|Russo+One|Ruthie|Rye|Sacramento|Sahitya|Sail|Saira|Saira+Condensed|Saira+Extra+Condensed|Saira+Semi+Condensed|Salsa|Sanchez|Sancreek|Sansita|Sarala|Sarina|Sarpanch|Satisfy|Scada|Scheherazade|Schoolbell|Scope+One|Seaweed+Script|Secular+One|Sedgwick+Ave|Sedgwick+Ave+Display|Sevillana|Seymour+One|Shadows+Into+Light|Shadows+Into+Light+Two|Shanti|Share|Share+Tech|Share+Tech+Mono|Shojumaru|Short+Stack|Shrikhand|Siemreap|Sigmar+One|Signika|Signika+Negative|Simonetta|Sintony|Sirin+Stencil|Six+Caps|Skranji|Slabo+13px|Slabo+27px|Slackey|Smokum|Smythe|Sniglet|Snippet|Snowburst+One|Sofadi+One|Sofia|Sonsie+One|Sorts+Mill+Goudy|Source+Code+Pro|Source+Sans+Pro|Source+Serif+Pro|Space+Mono|Special+Elite|Spectral|Spicy+Rice|Spinnaker|Spirax|Squada+One|Sree+Krushnadevaraya|Sriracha|Stalemate|Stalinist+One|Stardos+Stencil|Stint+Ultra+Condensed|Stint+Ultra+Expanded|Stoke|Strait|Sue+Ellen+Francisco|Suez+One|Sumana|Sunshiney|Supermercado+One|Sura|Suranna|Suravaram|Suwannaphum|Swanky+and+Moo+Moo|Syncopate|Tangerine|Taprom|Tauri|Taviraj|Teko|Telex|Tenali+Ramakrishna|Tenor+Sans|Text+Me+One|The+Girl+Next+Door|Tienne|Tillana|Timmana|Tinos|Titan+One|Titillium+Web|Trade+Winds|Trirong|Trocchi|Trochut|Trykker|Tulpen+One|Ubuntu|Ubuntu+Condensed|Ubuntu+Mono|Ultra|Uncial+Antiqua|Underdog|Unica+One|UnifrakturCook|UnifrakturMaguntia|Unkempt|Unlock|Unna|VT323|Vampiro+One|Varela|Varela+Round|Vast+Shadow|Vesper+Libre|Vibur|Vidaloka|Viga|Voces|Volkhov|Vollkorn|Voltaire|Waiting+for+the+Sunrise|Wallpoet|Walter+Turncoat|Warnes|Wellfleet|Wendy+One|Wire+One|Work+Sans|Yanone+Kaffeesatz|Yantramanav|Yatra+One|Yellowtail|Yeseva+One|Yesteryear|Yrsa|Zeyada|Zilla+Slab|Zilla+Slab+Highlight');

html{width:100%; height:100%;}
body{position:relative; overflow-x: hidden; overflow-y: scroll; width:100%; height:100%;}
body.welcome ul.selections{margin-bottom:20px;}
body.welcome div.results{border:1px solid #ccc;}
header{border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:15px; padding:15px 0 15px 0;}
footer{position:fixed; bottom:0px; width:100%; border:1px solid #ccc; border-width:1px 0 0 0; padding:15px 0 15px 0; color:#666; background-color:#fff;}
h1{font-size:2.0rem; margin-bottom:20px;}
div#ads{background-color:red; max-width:468px; display:none;}
div#ads div.ad{background-color:#ccc; margin-bottom:10px; width:100%; max-width:468px; display:none; position:relative;}
div#ads div.ad::after{content:''; position: absolute; top:50%; left:50%; width:80px; height:30px; line-height:30px; text-align:center; margin-left:-40px; margin-top:-15px;}
div#ads div.ad.xl{display:block;}
div#ads div.ad.sm::after{content:'468x40';}
div#ads div.ad.md::after{content:'468x60';}
div#ads div.ad.lg::after{content:'468x120';}
div#ads div.ad.xl::after{content:'468x180';}
div#ads div.ad img{width:100%; height:auto;}
ul.selections{list-style:none; border:1px solid #ccc; border-width:1px 1px 0 1px; margin:0; padding:0; background-color:#28a745}
ul.selections li{background-color:#ffffff; display:inline-block; margin:0; text-align:center; width:20%; padding:10px 0 10px 0; border-color:#ccc; border-style: solid; border-width:0; border-bottom-width: 1px; border-left-width:1px; cursor:pointer;}
ul.selections li:first-child{border-left-width:0;}
ul.selections li.selected{border-bottom-color:#fff;}
ul.selections li img{width:22px; height:22px; display:inline-block; margin-bottom:5px;}
ul.selections li div{display:inline-block; white-space: nowrap;}
ul.selections li.buy{background-color:#28a745; color:#fff;}
div.results{border:1px solid #ccc; border-top-width:0; padding:15px 15px 0px 15px; min-height:100px; margin-bottom:5px;}
div.results div.result{display: none; padding-bottom:15px;}
div.results div.result.save{padding-bottom:0;}
div.results div.result.save div.row.btm{padding:30px 0 15px 0;}
div.results div.welcome{display: block;}
div.results label{font-weight:400;}
div.results div.result.text textarea{width:100%; height:100px; padding:10px; resize:none; border:1px solid #ccc; border-radius: 4px;}
div.choices div.choice{padding:10px 0 10px 62px; border:1px solid #ccc; border-width:0 0 0 0; min-height: 32px; position: relative; cursor:pointer !important;}
div.choices div.choice:last-child{border-width:0;}
div.choices div.choice img{position:absolute; top:50%; left:10px; margin-top:-16px; width:32px; height:32px;}
div.choices div.choice label{display:inline-block; margin-bottom:0}
div.choices div.choice div{color:#999;}
div.choices div.choice div.overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; cursor:pointer}
div.choices div.choice.clip-art{display:none;}
div.choices div.choice.my-images{display:none;}

div#control{display:block;}
div#mini{display:none; background-color:#fff;}
div#mini ul.selections{max-width:468px; font-size:12px;}
div#mini ul.selections li img{width:20px; height:20px;}
div#mini ul.selections li.selected{border-bottom-color:#ccc;}
div#modal div.results{border-width:0;}
div#modal div.results div.result{display:block;}
input[type=text]{border:1px solid #ccc; padding:10px 10px 10px 10px;}
div.center{text-align:center;}

div.wide-only{display:block;}

@media only screen and (max-width:1200px){
}
@media only screen and (max-width:992px){
  div#control{display:none;}
  div#mini{display:block;}
}
@media only screen and (max-width:768px){
div.wide-only{display:none;}
}
@media only screen and (max-width:576px){
}

.ad_type{ width:100%; padding: 5px 10px; background-color:#e0e0e0; margin-bottom:10px; line-height: 34px;}
.ad_type label{margin-bottom:0;}
.ad_row{ width:100%; border-bottom:1px solid #000; margin-bottom:15px;}
.ads button { width:200px; margin-left:0px}

div.canvas-container{margin-bottom:0px;}
canvas#canvas{border:1px solid #ddd;}
.hidden{display:none;}
span.agree{display:inline-block; cursor:pointer;}

div#photo span.error{color:#ff0000; display:none;}
div#login div.error{color:#ff0000; margin-bottom:10px; display:none;}

div.result.save div.col-6 div{position: relative; padding:5px 0 10px 0; cursor: pointer;}
div.result.save div.col-6 div::after{position: absolute; top: 100%; left: 50%; margin-left:-20px; margin-top:-5px; width:40px; height:20px; content: url(/img/triangle.svg); display:none; }
div.result.save div.col-6 div.selected::after{display:block;}
div.result.save div.col-6 img{width:28px; height:28px; display:inline-block; margin-bottom:5px;}
div.result.save div.col-6 div.selected img{fill:red;}
div.result.save div.row.top{margin-bottom:10px;}
div.result.save div.row.top div.col-6:first-child{border:1px solid #ddd; border-width:0 1px 0 0;}
div.result.save div.row.btm{background-color:#f4f4f4; padding:20px 0 0 0;}
div.result.save div.row.btm span{display:inline-block; margin-bottom:20px;}
div.result.save div.row.btm div.col-6{}
div.result.save div.row.btm div.col-6 span.name-container{display:inline-block; width:80%; cursor: pointer;}
div.result.save div.row.btm div.col-6 img{width:100%; height:auto;}
div.result.save div.row.btm div.col-6.selected span.name-container{background-color:#eee;}
div.result.save div.row.btm div.col-6 i.x{position:absolute; top:30%; left:10px; margin-top:-10px; width:20px; height:20px;  background-image:url(/img/x.svg); background-size:cover; cursor:pointer;}

div.ad-size{text-align:center; background-color:#e0e0e0; line-height:34px; max-width:468px;}

div.loading{position: absolute;top:0; left:0; width:100%; height:100%; display:none;}
div.loading div.overlay{position: absolute;top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.33);}
div.loading img{position: absolute; top:50%; left:50%; width:60px; height:60px; margin-top:-60px; margin-left:-30px;}

div.ben{position:fixed; bottom:0; left:0; width:100%; height:65px; border:1px solid #ccc; border-width:1px 0 0 0;}
div.ben div.container{width:100%; height:65px;}
div.ben.mini-text-mode{ background-color:#336699; }
div.ben{display:none;}

@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
  xdiv#mini{position: fixed; bottom:0; left:0; width:100%; display:block;}
  div#mini{display:block;}
  div#mini ul.selections{margin-bottom:0; border-width:0 1px 0 1px;}
  input[name=terms]{display:inline-block; width:20px; height:20px;}
  footer{display:none;}
  div.ben{display:block;}
  div.ad-design-studio{display:none;}
  div.topper{display:none;}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

a.my-account{margin-top:18px; display:inline-block; color:#666; text-decoration:none; padding-left:26px; margin-left:26px; background-image:url(/img/icon-account.svg); background-position:left center; background-repeat:no-repeat; background-size: 20px 20px;}
a.cart{margin-top:18px; display:inline-block; color:#666; text-decoration:none; padding-left:26px; margin-left:26px;background-image:url(/img/icon-cart.svg); background-position:left center; background-repeat:no-repeat; background-size: 20px 20px;}
div.cart-item{line-height:60px; margin-bottom:15px;}
div.cart-item.header{line-height:40px; font-weight:bold; margin-bottom:20px; color:#666; border:1px solid #ddd; border-width:0 0 1px 0;}
div.cart-item img.photo{border:1px solid #ddd;}
div.cart-item div.name{line-height:20px;}
div.cart-item div.description{line-height:20px;}
div.cart-item div.domain{line-height:20px;}

div.cart-item.subtotal{line-height:40px; margin-top:0; margin-bottom:0; background-color:#efefef;}
div.cart-item.tax{line-height:40px; margin-top:0; margin-bottom:0; background-color:#efefef;}
div.cart-item.grandtotal{line-height:40px; margin-top:0; margin-bottom:20px; background-color:#efefef;}
div.cart-item.grandtotal div:nth-child(2){ font-weight:bold; font-size:20px; line-height:40px; color:#28a745;}

div.error-container{margin-bottom:20px;}
div.error-container div.error{color:#ff0000;}

div.toast{position: fixed; top:24px; left:50%; width:28%; height:auto; z-index:99999; margin-left:-14%; background-color:#ddd; color:#111; padding:10px 15px; min-height: 44px; display: none;}

span.select-ad-size{display: inline-block; width: 100%; max-width: 468px; text-align: left; font-size: 24px; margin:10px 0 10px 0;}