/* for sticky footer */
html {
	min-height: 100%;
	position: relative;
}

body {
	margin-bottom:100px;
}

img {
	max-width: 100%;
}

.clear-left-sm,
.clear-left-md,
.clear-left-lg {
	clear:none;
}


.bowlG{
position: relative;
width: 14px;
height:10px;
display: none;
}

.remove_anim.bowlG {
	width: 13px;
	margin-right: 1px;
}

#bowl_ringG{
position:absolute;
width:10px;
height:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}

.ball_holderG{
position:absolute;
width: 2px;
height: 9px;
left: 3px;
top:0px;
-moz-animation-name:ball_moveG;
-moz-animation-duration:0.7s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:ball_moveG;
-webkit-animation-duration:0.7s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:ball_moveG;
-ms-animation-duration:0.7s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:ball_moveG;
-o-animation-duration:0.7s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:ball_moveG;
animation-duration:0.7s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.ballG{
position:absolute;
left:0px;
top:-2px;
width: 3px;
height: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}

.save_anim #bowl_ringG {
	border: 1px solid #ACCAB1;
}

.remove_anim #bowl_ringG {
	border:1px solid #F8A9A0;
}

.save_anim .ballG {
	background:#008000;
}

.remove_anim .ballG {
	background:#FF0000;
}

.report_anim.bowlG {
	display:inline-block;
	visibility: hidden;
}

.report_anim .ballG {
	background:#FF0000;
}

.report_anim #bowl_ringG {
	border:1px solid #F8A9A0;
}

@-moz-keyframes ball_moveG{
0%{
-moz-transform:rotate(0deg)}

100%{
-moz-transform:rotate(360deg)}

}

@-webkit-keyframes ball_moveG{
0%{
-webkit-transform:rotate(0deg)}

100%{
-webkit-transform:rotate(360deg)}

}

@-ms-keyframes ball_moveG{
0%{
-ms-transform:rotate(0deg)}

100%{
-ms-transform:rotate(360deg)}

}

@-o-keyframes ball_moveG{
0%{
-o-transform:rotate(0deg)}

100%{
-o-transform:rotate(360deg)}

}

@keyframes ball_moveG{
0%{
transform:rotate(0deg)}

100%{
transform:rotate(360deg)}

}

@font-face {
  font-family: 'names';
  src: url('../font/names.eot?12792740');
  src: url('../font/names.eot?12792740#iefix') format('embedded-opentype'),
       url('../font/names.woff?12792740') format('woff'),
       url('../font/names.ttf?12792740') format('truetype'),
       url('../font/names.svg?12792740#names') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'names';
    src: url('../font/names.svg?12792740#names') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "names";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* margin-left: .2em; */
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 

body {
	font: 16px/1.4 'Alegreya Sans', sans-serif;
  	color: #2d1c04;
	background: url(../images/bg.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
}

h1,h2,h3,h4,h5,h6, .serif, legend, .btn {
	//font-family: 'Gentium Book Basic', serif;
	font-family: 'Alegreya', serif;
	font-weight: normal;
}

a {
	//color: #23527C;
}

a:hover {
	text-decoration: none;
}

mar {
	max-width: 100%;
}

label {
	font-weight: bold;
	padding-bottom: 5px;
}

legend, .breadcrumbs {
	/* border-bottom: 1px dashed #c2c0ba; */
}

legend {
	padding-bottom: 1px;
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 36px;
}

.btn {
	font-style: italic;
	border: 4px double #FCFCF5;
	font-family: "Open Sans";
}

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

/* ==========================
========== 	LAYOUT ==========
========================== */

.page-container {
	/* padding: 2em 0; */
	
}

.container {
	margin-bottom: 1em;
	/* border-radius: 5px; */
	margin-top: 0.6em;
}

.container.name_page_title {
	margin-bottom:0;
	/* padding-left: 0; */
}

.wrap, .nowrap {
	border-radius: 5px;
	padding: 10px 17px;
	margin: 10px 0px;
}

.wrap {
	border: 4px double #c2c0ba;
	background-color: rgb(239, 239, 239);
}

.generator .form_wrap.wrap {
	margin-top:0
}

.homepage .wrap {
	margin-bottom: 16px;
	padding-bottom: 20px;
	margin-top: 0;
}

.about_link {
	display:block;
	font-size: 18px;
	margin-top: 16px;
}

.full-wrap {
	background-color: rgba(1, 32, 91, 0.6);
	//background: rgba(1, 54, 91, 0.74);
	color: #fff;
}

/* ==========================
========== 	HEADER ==========
========================== */
.no-container {
	background: none;
	padding: 0;
	margin-bottom: 0;
}

.title {
	display: block;
	//text-transform: uppercase;
	//padding: 0.25em;
	//border-top: 3px double #F2E3B4;
	//border-bottom: 3px double #fff;
	//border-radius: 5px;
	//font-size: 1.75em;
	margin: 5px 0 0.5em;
	//background: #fff;
	//letter-spacing: 0.025em;
	//background: url(../images/title-top.png) no-repeat center top;
	//background-size: 100% auto;
	//padding-top: 1.35em;
	text-align: left;
}

.title a {
	/* color: #000; */
	color: #faf4dd;
}

.page-title {
  border: 4px double #A79680;
  background: rgba(167, 150, 128, 0.33);
  padding: 10px;
  border-radius: 3px 3px 0 0;
}

header {
	margin-bottom: 20px;
}

.homepage {
	/* margin-top:-20px; */
}

.navbar {
	border-radius: 0;
	border-bottom: 4px double #012D4A;
	margin-bottom: 0;
}

.nav-default {
	text-align: center;
	/* height: 60px; */
}

.nav-default .searchbox {
	display: none;
}

.close_menu {
	position: absolute;
	top: 0;
	right: 10px;
	padding: 10px;
	display: none;
	z-index: 9999;
}
.close_menu:after {
	content: '\e800';
	font-family: 'names';
	font-weight: normal;
	font-size: 25px;
	color: gainsboro;
	line-height: 1;
	/* z-index: 9999; */
}

.nav-default-inner {
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	display: BLOCK;
	width: 140px;
	background-color: rgba(255,255,255,0.3);
	margin: 10px auto;
	/* display: inline-block; */
	/* border: 1px solid gray; */
	border-color: gray;
	opacity: 0.5;
	cursor: pointer;
	position:relative;
	/* height: 40px; */
}


.nav-default-inner:hover {
	opacity:1;
}

.expand .nav-default-inner {

}


.nav-default h3 {
	text-align: center;
	color: white;
	font-family: "Open Sans", sans-serif;
	margin: 0;
	font-size: 15px;
	line-height: 1;
	transition: 0.4s linear;
}

.expand.nav-default h3 {
	border-bottom: 1px solid white;
	padding-bottom:8px;
	margin-bottom: 15px;
}

.nav-default.logged_in.expand h3 {
	margin-bottom: 5px
}

.nav-default.logged_in .searchbox {
	margin-top: 10px;
	margin-bottom: 10px;
}

.nav_outer {
	text-align: center;
	margin-bottom: 10px;
}

.nav-pills {
	//padding-top: 2em;
	//text-transform: uppercase;
	//font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 1.25em;
}

.nav-pills a {
	color: #fff;
}

.nav >li > a:focus, 
.nav >li > a:hover,
.nav >li > .active {
	background: transparent;
	color: #F2E3B4;
}

.nav >li > .active {
	font-style: italic;
}



/* ==========================
========= BREADCRUMB ========
========================== */
.breadcrumbs {
	/* padding-bottom: 0.75em; */
	margin-bottom: 0;
}

/* ==========================
========== CONTENT ==========
========================== */
.page-title {
	margin-bottom: 10px;
	margin-top: 0;
}

.page-title {//
	padding-bottom: 1em;
	border: 4px double #A79680;//
	margin-bottom: 1em;
	background: rgba(167, 150, 128, 0.33);
	padding: 5px 10px 10px;
	border-radius: 3px 3px 0 0;
	margin: 5px 0px 8px;
	text-align: center;
}

.page-title.solid {
	background: rgba(195, 179, 158,0.9);
	border: 4px double #7D7D7D;
}

.page-title > h1 {
	display: inline-block;
	margin: 0;
	padding: 0 0.65em;
	position: relative;
	font-size: 30px;
}



.block-items {
	padding-bottom: 1.5em;
}

.question label {
	position: relative;
	padding: 0 0 0.75em 1.5em;
	line-height: 1.2;
}

.question label input {
	margin: 0;
	position: absolute;
	/* top: 2px; */
	left: 0;
	cursor: pointer;
}

.question label input[type=checkbox] {
	margin-right: 10px;
}

.about h1 {
	font-size: 23px;
	margin-bottom:10px;
}

.personality label {
	padding-left: 1em;
}

.btn {
	font-size: 1.45em;
	//text-transform: uppercase;
	margin-top: 10px;
}

.submit_wrap .btn-success,
.submit_wrap .reset {
	display: inline-block;
	/* background-color: #E50000; */
	margin-top: 0;
}

/* ==========================
=========== FOOTER ==========
========================== */
.footer-wrap {
	border-top: 4px double #012D4A;
}

.footer {
	padding-top: 25px;
}


.filters .question {
	display: inline-block;
}
.personality .answer .slider {
	display:inline-block;
	width: 188px;
	margin: 0 5px;
}

.as.name_gen {
	width: calc(100% + 50px);
	margin-left: -29px;
	text-align:center;
	/* background-color:black; */
}
#strength {
	background: rgb(249,249,249);/* Old browsers */
	background: 
	
	-moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(239,165,28,1) 100%);/* FF3.6+ */
	background: 
	
	-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(239,165,28,1)));/* Chrome,Safari4+ */
	background: 
	
	-webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(239,165,28,1) 100%);/* Chrome10+,Safari5.1+ */
	background: 
	
	-o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(239,165,28,1) 100%);/* Opera 11.10+ */
	background: 
	
	-ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(239,165,28,1) 100%);/* IE10+ */
	background: linear-gradient(to right, rgba(249,249,249,1) 0%,#EFA51C 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efa51c',GradientType=1 );/* IE6-9 */
}

#gentle {
	background: rgb(249,249,249);/* Old browsers */
	background: 
	
	-moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(27,101,229,1) 100%);/* FF3.6+ */
	background: 
	
	-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(27,101,229,1)));/* Chrome,Safari4+ */
	background: 
	
	-webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(27,101,229,1) 100%);/* Chrome10+,Safari5.1+ */
	background: 
	
	-o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(27,101,229,1) 100%);/* Opera 11.10+ */
	background: 
	
	-ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(27,101,229,1) 100%);/* IE10+ */
	background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(27,101,229,1) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#1b65e5',GradientType=1 );/* IE6-9 */
}

#saucy {
	background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(249,29,29,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(249,29,29,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(249,29,29,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(249,29,29,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(249,29,29,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(249,29,29,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f91d1d',GradientType=1 ); /* IE6-9 */
}

#success {
	background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(18,102,12,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(18,102,12,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(18,102,12,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(18,102,12,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(18,102,12,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(18,102,12,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#12660c',GradientType=1 ); /* IE6-9 */
}

#originality {
	background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(170,20,95,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(170,20,95,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(170,20,95,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(170,20,95,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(170,20,95,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(170,20,95,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#aa145f',GradientType=1 ); /* IE6-9 */
}

.simple_generator #strength {
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(239,165,28,1) 95%, rgba(239,165,28,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(95%, rgba(239,165,28,1)), color-stop(100%, rgba(239,165,28,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(239,165,28,1) 95%, rgba(239,165,28,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(239,165,28,1) 95%, rgba(239,165,28,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(239,165,28,1) 95%, rgba(239,165,28,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(239,165,28,1) 95%, rgba(239,165,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efa51c', GradientType=1 );
}

.simple_generator #gentle {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(27,101,229,1) 95%, rgba(27,101,229,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(95%, rgba(27,101,229,1)), color-stop(100%, rgba(27,101,229,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(27,101,229,1) 95%, rgba(27,101,229,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(27,101,229,1) 95%, rgba(27,101,229,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(27,101,229,1) 95%, rgba(27,101,229,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(27,101,229,1) 95%, rgba(27,101,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efa51c', GradientType=1 );
}

.simple_generator #saucy {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(249,29,29,1) 95%, rgba(249,29,29,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(95%, rgba(249,29,29,1)), color-stop(100%, rgba(249,29,29,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(249,29,29,1) 95%, rgba(249,29,29,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(249,29,29,1) 95%, rgba(249,29,29,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(249,29,29,1) 95%, rgba(249,29,29,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(249,29,29,1) 95%, rgba(249,29,29,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efa51c', GradientType=1 );
}

.simple_generator #success {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(18,102,12,1) 95%, rgba(18,102,12,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(95%, rgba(18,102,12,1)), color-stop(100%, rgba(18,102,12,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(18,102,12,1) 95%, rgba(18,102,12,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(18,102,12,1) 95%, rgba(18,102,12,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(18,102,12,1) 95%, rgba(18,102,12,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(18,102,12,1) 95%, rgba(18,102,12,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efa51c', GradientType=1 );
}

.simple_generator #originality {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(170,20,95,1) 95%, rgba(170,20,95,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(95%, rgba(170,20,95,1)), color-stop(100%, rgba(170,20,95,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(170,20,95,1) 95%, rgba(170,20,95,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(170,20,95,1) 95%, rgba(170,20,95,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(170,20,95,1) 95%, rgba(170,20,95,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(170,20,95,1) 95%, rgba(170,20,95,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efa51c', GradientType=1 );
}

.simple_generator .randomize_wrap {
	text-align:center;
	margin: 0px auto 0;
}

.simple_generator .randomize_wrap .randomize {
	opacity: 0.7;
	font-size: 15px;
	font-family:"Open Sans";
	margin-top: 4px;
}

.simple_generator .randomize_wrap .randomize:hover {
	opacity: 1;
}

.simple_generator .randomize_wrap .randomize:active {
	opacity: 1;
}

.babysoon {
	z-index: 999;
}

.length_text {
	display: block;
	text-align: center;
	/* margin-bottom: 20px; */
	font-size:  20px;
	font-weight: bold;
	position: relative;
	top: -4px;
}

.length_text.short {
	color: blue;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.length_text.medium {
	color: #D27F00;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.length_text.long {
	color: green;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.noUi-origin {
  background: rgba(250, 250, 250, 0.8);
  box-shadow: inset 0 1px 1px #f0f0f0;
}


/* names browser */
.stars {
	width: 80px;
	height: 18px;
	background-image: url('/images/stars.png');
	display: block;
	color: transparent;
}

.stars_x5 {
	background-position: -239px 0px;
}

.stars_1 {
	background-position: -69px 0px;
}

.stars_1x5 {
	background-position: -223px 0px;
}

.stars_2 {
	background-position: -53px 0px;
}

.stars_2x5 {
	background-position: -207px 0px;
}

.stars_3 {
	background-position: -37px 0px;
}

.stars_3x5 {
	background-position: -191px 0px;
}

.stars_4 {
	background-position: -21px 0px;
}

.stars_4x5 {
	background-position: -175px 0px;
}

.stars_5 {
	background-position: -5px 0px;
}

.question {
	margin-bottom: 0px;
}

.question.personality {
	margin-bottom:0;
}

.question.sex {
	text-align: center;
	margin: 0 0 10px;
}

.question.sex legend {
	/* margin-bottom: -13px; */
	text-align: center;
	line-height: 1;
}

.question.sex label {
	display: block;
	font-size: 2rem;
	margin-bottom: 0;
	padding: 0;
}

.simple_generator .radar_inner {
	padding: 15px 40px 29px;
	border-radius: 10px;
	border: 10px solid #232323;
	background-color: #EDFAFF;
	box-shadow: -2px -2px 4px rgba(0,0,0,0.6) inset;
	margin-bottom: 10px;
}

.question.personality legend {
	margin-bottom:0
}
.question legend {
	text-align:center;
	font-size: 27px;
	margin-bottom: 2px;
}
.simple_generator .radar h3 {
	text-align: center;
	margin: 0 0 20px;
	font-size: 29px;
	/* color: white; */
	font-family: "Open Sans", sans-serif;
}

.simple_gen_names .names .table .name {
	padding-left: 10px;
	text-align: center;
}

.simple_gen_names .names .table .name a {
	font-size: 21px;
}

@media (min-width: 450px) {
	.simple_gen_names .names .table .name a {
		font-size: 22px
	}
}

.simple_generator {
	background-color: #3a3a3a;
	padding-bottom: 5px;
	margin-bottom: 30px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.simple_generator .question.personality {
	margin-bottom: 0;
	padding: 14px 30px 0;
}

.simple_generator .personalities legend {
	color: white;
}

.freegen .noUi-origin {
	
z-index: 1;
	
position: absolute;
}

.simple_generator .personalities .answer .row {
	margin-bottom: 21px;
}

.freegen .noUi-horizontal {
	height: 34px;
}

.freegen .length .noUi-horizontal {
	height: 21px;
}

.simple_generator .length .noUi-horizontal {
	height: 8px;
}

.simple_generator .icon-minus,
.simple_generator .icon-plus {
	background-color: white;
	opacity: 1;
}

.simple_generator .personalities .question label {
	color: #DDDDDD;
	z-index: 99;
	text-align: center;
	font-size: 20px;
	margin-bottom: 5px;
}

.simple_generator .personalities .personality label {
	padding-left: 0;
	line-height: normal;
	position: absolute;
	z-index: -1;
	text-align: left;
	left: 0;
	color: black;
	padding-left: 10px;
	padding-top: 4px;
}

.simple_generator .personalities .personality label.duplicate {
	top: 1px;
	left: -100%;
	position:absolute;
}

.freegen .babysoon img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	/* -webkit-transform: scaleX(-1); */
	/* transform: scaleX(-1); */
	filter: FlipH;
	-ms-filter: "FlipH";
	/* position:absolute; */
	/* bottom: -39px; */
	width: 218px;
	/* z-index: 999; */
}

.freegen .babysoon {
	position:relative;
	top: 12px;
	text-align: center;
	z-index: 999;
}

.freegen .question.sex {
	text-align: center;
	/* margin-bottom: 28px; */
	padding-top: 0;
	/* height: 99px; */
}

.freegen .question.sex .sex_select {
	padding-top: 13px;
	padding-bottom:10px;
	color: white;
}



.freegen .question.sex legend {
	display: none;
}

.freegen .question.sex label {
	/* display: inline-block; */
	padding-left: 0;
	margin-right: 0;
	/* text-align: center; */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	top: 14px;
}

.freegen .question.sex .check_outer {

}

.freegen .question.sex label .label_inner {
	color: white;
	cursor: pointer;
	/* top: 15px; */
	/* left: -62px; */
	font-size: 26px;
	padding: 45px 20px 7px;
	border: 6px solid #C8C8C8;
	border-radius: 19px;
	position: relative;
}

.freegen .question .length_inner {
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 40px;
	background-color: #F3F3F3;
	border-radius: 10px;
}

.freegen .sex_length,
.freegen .advanced_options {
	border-radius: 15px;
	/* border: 1px solid #949494; */
	/* background-color: #D9D9D9; */
	/* box-shadow: -2px -2px 4px rgba(0,0,0,0.6) inset; */
	border-width: 1px 0 0 1px;
	margin-bottom: 20px;
	/* padding-bottom: 4px; */
}

.freegen .advanced_options {
	background-color: #D9D9D9;
	/* padding-bottom: 27px; */
	transition: 0.2s linear;
	/* position: absolute; */
	/* left: 30px; */
	/* right: 30px; */
	border: 1px solid #ADADAD;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.34);
	margin: 10px 20px;
}

.freegen .advanced_options.open {
	background-color: #F3F3F3;
}

.freegen .question.length {
	margin-top: -18px;
	/* background-color: gray; */
}

.freegen .question.sex .check_outer label.checked .label_inner {
	border-color: white;
}

.freegen .question.sex .check_m label.checked .label_inner {
	background-color: #6399DD;
}

.freegen .question.sex .check_outer label .check_img {
	background-image: url('/images/unchecked.png');
	width: 30px;
	height: 30px;
	display:block;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	z-index:100



;
	margin: 0 auto 10px;
	cursor: pointer;
	/* top: 28px; */
}

.freegen .question.sex .check_outer label.checked .check_img {
	background-image: url('/images/checked.png');
}

.freegen .question.sex .check_outer label .label_inner {
	background-color:gray;
}

.freegen .question.sex .check_f label.checked .label_inner {
	background-color: #E05E75;
}

.freegen .question.sex input {
	display:none;
	position: static;
	margin:  0 auto;
	margin-bottom: 10px;;
}

.question.sex label input {
	margin-right: 5px;
	position: static;
}

.question.extras .answer {
	white-space: nowrap;
}

.freegen .question.sex .check_outer {
	/* height: 54px; */
	/* background-color: blue; */
}

.advanced_options {
	padding: 6px 20px;
}

span.pointer:after{
	font-size: 30px;
	font-family: "names";
	content: "\e80d";
	/* color: red; */
	/* padding-left: 20px; */
	vertical-align: text-bottom;
	/* display: block; */
	margin-left: 8px;
	font-style: normal;
	vertical-align: initial;
}

.simple_generator .advanced_options h3 {
	font-family: "Open Sans", sans-serif;
	cursor: pointer;
	margin: 16px 0px 20px;
	font-size: 28px;
}

.freegen .advanced_options h3:after {
	transition: .4s linear;
	font-family: "names";
	content: "\e80f";
	float: right;
}

.adv_btn_wrap {
	text-align: center;
	margin-bottom: 20px;
}

.freegen .advanced_options .advanced_inner {
    display:none;
    
}

.freegen .advanced_options .advanced_inner p {
	font-size: 20px;
}


.advanced_options.open h3:after {
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.debug {
	background-color: rgb(255, 255, 214);
	border: 1px solid rgb(231, 231, 231);
	margin-top: 10px;
	padding-bottom: 10px;
}

.debug input {
	border-bottom: 0;
	
}

.question label {
	font-weight: normal;
	line-height: 1;
}

.variants ul,
.similar ul {
	list-style-type: none;
	padding: 0;
	text-align: justify;
}

.variants ul li,
.similar ul li {	
	display: inline-block;
	margin: 0 4px 4px;
}

.name_menu button {
	font-size: 11px;
	width: 80px;
	padding: 3px 0;
}

.name_menu p {
	font-size: 10px;
}

.info h4 {
	margin-bottom: 5px
}

.popularity p {
	margin: 0;
	font-style: italic;
}

.submit_wrap {
	text-align: center;
	margin: 0 0 10px;
	}

.freegen .submit_wrap.hidden-sm {
	margin-bottom: 25px;
}	

.freegen .wide_submit {
	padding-top: 0;
	margin-bottom: 20px;
}

.submit_wrap button {
	/* font-size: 22px; */
}

.question label {
	display:block;
	padding-bottom: 0;
	font-size: 18px;
	line-height: 1;
	padding: 7px 0 4px 20px;
}

.question.sex label {
	line-height: 1;
	display: inline-block;
	margin: 0px 7px;
	width: 66px;
}

.generator_intro {
	padding-bottom:0;
	margin-bottom: 2px;
}

.generator_intro p {
	font-size: 14px;
}

.personality_options {
	text-align:center;
	padding: 0;
}

.personality_options li {
	list-style-type:none;
	display:inline-block;
	margin: 0 10px;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
	cursor: pointer;
	color: #337ab7;
	font-style: italic;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.question.sex label .label_inner {
	display:block;
}

.question.personality label {
	font-size: 17px;
	line-height: 1;
	padding: 0;
	text-align: left;
	margin: 0 0 6px;
}


.debug label {
	display: inline-block;
}

.algorithm.debug label {
	margin: 0 10px;
	display: block
}

.algorithm.debug input {
	margin-right: 10px;
}

#generator_orig .question.extras {
	clear: left;
}

.reset {
	margin-top: 10px;
	text-align: center;
}

.question.personality .answer {
	margin-bottom: 10px;
	text-align:center;
}

.question.personality .answer input[type=number] {
	text-align: center;
	padding: 2px 0;
}

.icon {
	position: relative;
	width:16px;
	height:16px;
	margin: 16px;
}

.icon-minus {
	background-color: #93784D;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	width: 16px;
	height: 16px;
	position: relative;
	top:0;
	left:0;
	opacity: 0.5;
}

.icon-minus:after {
background-color: #fff;
width: 8px;
height: 2px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top:7px;
left: 4px;
  z-index:4;
   content:"";
}

.icon-plus {
background-color: #000;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
width: 16px;
height: 16px;
position: relative;
top:0;
left:0;
background-color: #93784D;
opacity:0.5;
}
.icon-plus:after {
background-color: #fff;
width: 8px;
height: 2px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top:7px;
left: 4px;
  content:"";
}
.icon-plus:before {
background-color: #fff;
width: 2px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top:4px;
left: 7px;
  content:"";
}

.maxmin {
	text-align: center;
	display: inline-block;
	margin: 0px 10px;
}
.maxmin.max {
	margin-right:0;
}

.maxmin.min {
	margin-left: 0;
}
.maxmin .icon {
	display: inline-block;
	margin: 0;
	cursor: pointer;
}

.save_control {
	/* prevents accidental select highlighting */
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.save_control {
	cursor: pointer;
	font-size: 14px;
	opacity: 0.3;
	margin: 0;
	display: inline-block;
}

.save_control.save {
	color: green;
	/* display: none; */
}

.save_control.save:before {
	content: '\e80C';
	-webkit-transform:rotateY(180deg);
  	-moz-transform:rotateY(180deg);
  	-o-transform:rotateY(180deg);
  	-ms-transform:rotateY(180deg);
}

.saved .save_control.save:before {
	content: '\e805';
	-webkit-transform:rotateY(180deg);
  	-moz-transform:rotateY(180deg);
  	-o-transform:rotateY(180deg);
  	-ms-transform:rotateY(180deg);
}

.save_control.remove {
	color: red;
	margin-left: 0px;
}

.save_control.remove:before {
	content: '\e80B';
}

.removed .save_control.remove:before {
	content: '\e804';
}

.removed .remove, .saved .save {
	font-weight: bold;
	opacity: 1;
}

.removed {
	/* background: rgba(180, 0, 0, 0.3) !important; */
}

.saved {
	/* background: rgba(0, 180, 46, 0.3) !important; */
}

.no-container .wrap {
	background: rgba(252, 252, 245, 0.95);
}

.login label {
	display: block;
	margin-bottom: 0;
}

.login .input {
	margin-bottom: 15px;
	width: 80%;
	margin-left: 10%;
}

.login .input input {
	width: 100%;
}

.login button {
	margin: 0 auto;
	display: block;
}

.usermenu {
	background-color: black;
	padding: 0px 0 4px;
	line-height: 1;
}

.usermenu .container {
	margin-top: 0;
}

.usermenu ul {
	list-style-type: none;
	padding: 0;
	display: inline-block;
	float:  right;
	margin: 0;
}
 
.usermenu ul li {
	display: inline-block;
}
 
.usermenu ul li:after {
	content: "-";
	margin-left: 15px;
	margin-right: 10px;
}

.usermenu ul li:last-child:after {
	content: "";
	margin: 0;
}

.usermenu ul li a {
	font-size: 13px;
	color: white;
}

.usermenu ul li a:hover {
	text-decoration: underline;
}

.usermenu span.welcome {
    font-size: 13px;
}

.question.extras label {
	/* display: inline-block; */
	/* margin-bottom: 0; */
	/* padding-left: 11px; */
}

.question.extras label.gen_letter_label {
	padding-left: 0;
}

.gen_letter_select_wrap {
	margin-top: 7px;
}

.question.complexity .maxmin,
.question.familiarity .maxmin {
	width: 10%;
	display: inline-block;
}

.question.complexity .slider,
.question.familiarity .slider {
	width: 70%;
	margin: 0 3%;
	display: inline-block;

}

.minmax_labels .minlabel {
	text-align: left;
}
.minmax_labels .maxlabel {
	text-align: right;
}

.minmax_labels {
	font-size: 11px;
}

.container-bg {
	position: relative;
	margin-bottom: 1.4em;
	padding-top: 9px;
	//padding: 0;
	//margin: 0 15px 1em;
	padding-bottom: 10px;
	margin-top: 10px;
}

.name_page.container-bg {
	padding-top: 0;
	margin-top: 0;
	box-shadow: 0 -2px 5px rgba(0,0,0,0.4);
	margin-top: 5px;
}

.container-bg:before {
	display: block;
	background-image: url(../images/seamlesspaper4.jpg);
	background-repeat: repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	filter: alpha(Opacity=95);
	opacity: 0.95;
	z-index: -1;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(1, 32, 91, 0.9);
}

.homepage .container {
margin-top:  0;margin-bottom: 0;}

.homepage .first_left {
	/* background-color: rgba(255, 255, 255, 0.72); */
	border-radius: 10px;
	padding: 0;
	padding-top: 0;
	margin-bottom: 20px;
}


.homepage .container-bg {
	margin-top: 20px;
	margin-bottom: 30px;
	/* border-top: 0; */
}

.homepage .container-bg:before {
	/* border-top-left-radius: 0; */
	/* border-top-right-radius: 0; */
	/* box-shadow: 0px 1px 5px rgba(0,0,0,0.6); */
}

.arrow_wrap {
	position: relative;
	/* background: #88b7d5; */
	/* border: 4px solid #c2e1f5; */
}

.arrow_wrap:after, .arrow_wrap:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_wrap:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: rgb(239, 239, 239);
	border-width: 30px;
	margin-left: -30px;
}
.arrow_wrap:before {
	/* border-color: rgba(194, 225, 245, 0); */
	border-top-color: #c2c0ba;
	border-width: 33px;
	margin-left: -33px;
}

.author .arrow_wrap:before,
.author .arrow_wrap:after {
	display: none;
}

.content-row {
	padding: 9px 0 0;
}

.content-row.outer {
	padding-top: 12px;
}

.names .wrap {
	padding:10px;
	border: 4px double #BDAD9A;
	margin: 0px 0;
}



.names .table {
	margin: 0;
}


.names .table .name {
	/* background-color: rgba(255,255,255,0.2); */
	/* border: 1px solid rgb(193, 193, 193); */
	border-radius: 13px;
	padding: 8px;
	text-align: center;
}

.generator .names .table {
	text-align:center;
}

.generator .names .table .name {
	width: 130px;
	display: inline-block;
	margin: 9px 5px;
	vertical-align: top;
	padding: 0;
}

.names .table .name h3 {
	margin: 0;
}

.as.name_table_inner {
	margin-left: -16px;
	width: calc(100% + 30px);
}

.as.generator_top {
	text-align:center;
}

.names .table .name h4 {
	font-style: italic;
	font-size: 15px;
	margin: 8px 0 0;
}

.names .table .name:nth-child(16) {
	display: none;
}

.names .table .name:hover {
	background-color: rgba(255,255,255,0.5);
}

.names .table .name a {
	font-size: 20px;
}

.book_intro .names .table .name,
.book_intro .names .table .name a {
	font-size: 24px;
}

.radar canvas {
	position: relative;
	/* top: 3px; */
	/* margin-bottom: 26px; */
}

.searchbox {
	text-align: center;
	margin-bottom: 10px;
}

.searchbox input[type=text] {
	color: black;
	padding: 3px 11px 3px;
	font-size: 22px;
	border-radius: 5px;
	opacity: 0.7;
	max-width: 100%;
	margin-bottom: 10px;
	vertical-align: top;
	text-align: center;
}

.searchbox .btn {
	font-size: 20px;
	padding: 1px 5px;
	margin-left: 10px;
	position: relative;
	opacity: 0.7;
	margin-top: 1px;
	/* vertical-align: text-top; */
	/* display: inline-block; */
}

.noUi-horizontal .noUi-handle {
  background: #694F23;
  border-color: rgba(114, 114, 114, 1);
  border-radius: 17px;
  width: 25px;
  height: 24px;
  top: -4px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
	background-color: rgb(229, 222, 216);
	width: 2px;
	border-radius: 2px;
	height: 10px
}

.noUi-horizontal .noUi-handle:after {
	left: 13px;
}

.noUi-horizontal .noUi-handle:before {
	left: 9px;
}

.report_check {
	width:10px;
	height: 10px;
	visibility:hidden;
	display: inline-block;
}
.report_check:before {
	content: '\e801';
	color: green;
	position: relative;
	left: -17px;
}

span.report {
	cursor: pointer;
}

.options {
	margin-top: 5px;
}

.question.personality span.randomize,
.question.personality span.resetpersonalities {
	font-weight: normal;
	font-size: 15px;
	float: right;
	margin-top: 5px;
	padding: 2px 4px;
	cursor: pointer;
	color: #337ab7;
	font-style: italic;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.question.personality span.randomize:hover,
.question.personality span.resetpersonalities:hover {
	text-decoration:underline;
	color: #043E6F;
}

/* letter groups */
img.lg_person {
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 15px;
}

.blurimg {
	-webkit-filter: blur(5px);
	filter: url(blur.svg#blur);
	filter: blur(5px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
}

.imgshadow {
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.4);
}

.letter_group_qualities ul {
	list-style-type: none;
	text-align:center;
	padding: 0;
	margin: 0
}

.letter_group_qualities .wrap {
	padding-left: 0;
	padding-right:0


}

.letter_group_qualities ul li {
	display:inline-block;
	margin: 0 15px;
	font-size: 20px;
}

.letter_group_person h3 {
	text-align:center;
	font-size: 31px;
	margin-top: 0px;
}

.letter_group_person h4 {
	font-weight: bold;
	text-align: center;
	font-size: 23px;
}

.name_letter.wrap h2 {
	/* float: left; */
	font-size: 27px;
	margin: 0 0 14px;
	/* height: 80px; */
}

.name_letter.wrap h2 a {
	/* line-height: normal; */
}
.name_letter.wrap p {
	text-indent: 20px
}

.name_letter.wrap {
	padding-top: 13px;
	/* margin-top: 0; */
}

#lg_ratings th,
#lg_ratings td {
	width: 33%;
	text-align:center;
	font-size: 20px;
	padding: 0;
	padding-bottom: 10px;
}

.graph .wrap {
	height: 200px;
	/* margin-top: 0; */
	/* background-color: #EFEFEF; */
	/* border-color: #B89D91; */
}

.graph .wrap h3 {
	margin-top: 3px;
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: "Open Sans", sans-serif;
}

.name_page .letter_group p {
	line-height: 1.5;
	font-size: 17px;
	text-indent: 20px;
}

.name_page h2 {
	margin-top: 10px;
}

.name_page_title .page-title {
	margin: 0;
	background-color: rgb(239, 239, 239);
	border: 1px solid #A2A0A0;
	border-bottom: 0;
	box-shadow: -1px 1px 5px rgba(0,0,0,0.5) inset;
	padding: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.name_page .info .wrap  {
	padding-top: 0;
	margin-top: 0;
}

.readmore {
	text-align: right;
	margin: 10px 0 6px;
}

.names_title {
	text-align: center;
	font-size: 32px;
	margin-top: 5px;
}

.letter {
	min-height: 167px;
	border-bottom: 1px dotted black;
	padding-top: 20px;
}

.letter img {

}

.letter_groups .letter_group {
	/* margin: 10px 0; */
	border-bottom: 1px solid #D9D9D9;
	padding: 20px 0 10px;
}

.letter_groups .letter_group:last-child {
	border: 0;
}

.letter_info img.initial {
	width: 160px;
	/* float: left; */
	/* margin-right: 30px; */
	display: block;
	margin: 0 auto 10px;
}



.letter_info .wrap p {
	clear: left;
}

.letter_info .quote p {
	clear: none;
}

.letter_title h3 a,
.letter_tagline h4 a {
    /* vertical-align: middle; */
	
}
.letter_title h3 {
	font-size: 62px;
	margin-top: 0;
	text-align: center;
}

.letter_tagline h4 {
	font-size: 22px;
	/* margin-top: 14px; */
	/* vertical-align: inherit; */
}

.letters .wrap {
	padding: 5px;
}

#lg_ratings {
	margin-bottom: 0;
}

#lg_ratings td {
	color: rgb(162, 29, 29);
	font-family: 'Alegreya', serif;
}

.quote {
	padding: 6px 27px 17px;
	font-style: italic;
}

.quote p {
	font-size: 16px;
	line-height: 1.6;
	font-style:italic;
	color: rgb(56, 56, 56);
}

.quote .author, .quote .book {
	font-size: 15px;
	opacity: 0.7;
}

.quote .author {
	margin-left: 4px;
}

.quote span.book {
	display:block;
}

.attrib {
	text-align: right;
}

.quote .book {
	font-style:italic;
}

.pos {
	color: #0E530E;
}

.neg {
	color: #930404;
}

.optin_intro ul {
	margin-top: 23px;
}

.optin_intro ul li {
	list-style-type: none;
	font-size: 26px;
}

.optin_intro h3 {
	text-align:right;
	padding-right:28px;

}

.optin_intro h3:after {
	font-size: 60px;
	font-family: "names";
	content: "\e80e";
	color: red;
	padding-left: 20px;
	vertical-align: text-bottom;
	display:block;
	margin-top: 27px;
}

.creative {
	margin: 0 auto;
}

.x320x100 {
	width:320px;
	height:100px;
}

.x300x250 {
	width:300px;
	height:250px;
}

.x336x280 {
	width:336px;
	height:280px;
	display: inline-block;
}

.x728x90 {
	width:728px;
	height:90px;
}

.x970x90 {
	width:970px;
	height:90px;
}

@media (min-width: 768px) {
	.personality .answer .slider{
		width: 250px;
	}
	.question.personality label {
		text-align:center;
	}
	.question.sex .answer {
		margin-bottom: 15px;
	}
	.as.name_table_inner {
		float:right;
		display:inline-block;
		width:  auto;
		margin: 5px 0 5px 10px;
	.as.name_table_inner {
		float: right;
		display:inline-block;   }
	}
	.as.name_table_inner .inner {
		display:inline-block;
	}
	.generator .form_wrap.wrap {
		margin-bottom: 0;
	}
	.submit_wrap .btn-success {
		font-size: 30px;
		margin-top: 20px;
	}
	.question legend {
		text-align:left;
	}
	.question.personality legend {
		text-align:center
	}
	.question {
		display: inline-block;
		vertical-align:top;
		width: 215px;
		margin: 0 5px;
		float: left;
	}
	.question.personality {
		width: 359px;
		margin: 0;
		float: none;
	}
	.question.sex {
		margin-right: 17px;
		width: 300px;
		margin-left: 0;
		float: none;
	}
	.name_page .page-title {
		padding-bottom:5px;
		width: calc(100% + 50px);
		margin-left: -25px;
	}
	.letter_group_person h3 {
		text-align:left;
	}
	img.lg_person {
		float:left;
		margin: 0 30px 10px 0
	}
	.letter_group_person h4 {

	}
	.clear-left-sm {
		clear: left;
	}
	.searchbox input[type=text] {
		
display: inline-block;
		
width: 190px;
		
margin-bottom: 0;
		
font-size: 18px;
	}
	.freegen .submit_wrap .btn span {
		font-size: 40px;
	}
	.simple_gen_names .names .table .name a {
		font-size: 25px;
	}

	.generator_block h3 {
		font-size: 28px;
	}
	.graph .wrap {
		/* margin-top: 41px; */
		height: 256px;
	}

	.letter_group_qualities ul li {
		font-size: 26px;
	}
	.letter_group_qualities .wrap {
		margin-top: 0;
		margin-bottom: 0px;
		padding-bottom: 10px;
	}
	
	.optin_intro h3:after {
	font-size: 60px;
	content: "\e80d";
	padding-left: 20px;
	vertical-align: text-bottom;
	display:inline-block;
	margin-top: 0;
}	

}


.optin_intro ul li:before {
	font-family: "names";
	content: "\e802";
	color: green;
	padding-right: 15px;
}

/* ==========================
=========== TOOLTIP ==========
========================== */

.tt {
	display: inline-block;
  	width: 18px;
  	height: 18px;
  	
	background: #DAD2B9;
  	text-align: center;
  	line-height: 18px;
  	margin-left: 5px;
  	border-radius: 10px;
  	border: 1px solid #C0AB67;
  	font-weight: bold;
  	
	font-size: 14px;
	cursor: pointer;
	position: relative;
	top: -3px;
	left: 5px;
}
.tt_active {
	background: #FF4646;
	color: #EFEFEF;
	border: 1px solid #4B4B4B;
}

.qtip {
	font-size: 0.913em;
	line-height: 1.25;
	max-width: 400px !important;
}

.qtip-content {
	font-size: 17px;
	line-height: 1.5;
}

.qtip-content a {
	color: #92C6FF;
}

.qtip-content a:hover {
	color: white;
	text-decoration: underline;
}

@media (max-width:767px) {
	.qtip-tip {
		display: none !important;
	}
	.qtip {
		left: 0 !important;
		margin: 0 10px;
	}
}


.letter_groups h5 a {
	float: left;
	font-size: 30px;
	margin-right: 23px;
	width: 95px;
	text-align: center;
	margin-top: -10px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.3);
	padding: 17px;
}

.letter_groups .letter_group:hover {
	background-color: rgba(255,255,255,0.3);
}

.letter_groups .letter_group:hover h5 {
	background-color: #D3E8FF;
}

.letter_groups .letter_group:hover h5 a {
	color: #2F2F2F;
}

.letter_groups ul li {
	list-style-type: none;
	display: inline-block;
	margin: 0 10px 0 0;
	/* font-size: 17px; */
}

.letter_groups .letter_group ul li:after {
	content: '-';
	display:inline-block;
	margin: 0 0 0 21px;
}

.letter_groups .letter_group ul li:last-child:after {
	content: '';
}

img.name_letter {
	width: 200px;
	display:block;
	margin: 5px auto 30px;
}

/* ==========================
=========== FOOTER ==========
========================== */
.footer-wrap {
	border-top: 4px double #012D4A;
	position: absolute;
	bottom: 0;
	width:  100%;
	height:  100px;
	left: 0;
	text-align: center;
}

.footer {
	/* padding: 2em; */
}


/* optin page */
.optin_personalities img {
	float: right;
}


/* checkout */

.order_summary .wrap.checkout_intro p {
	font-size: 22px;
}

.order_summary .wrap.checkout_intro {
	padding: 15px 30px;
}

.order_summary table {
	font-family: "Open Sans", sans-serif;
	width: 100%;
}

.order_summary table th {
	font-size: 20px;
	padding-bottom: 18px;
}

.accordion {
    display: none;
    background-color: rgb(238, 238, 238);
    padding: 20px;
}

.order_summary tr.product td {
	padding-bottom: 24px;
	font-size: 16px;
}

.order_summary tr.total {
	border-top: 1px solid black;
}

.order_summary tr.total td {
	padding-top: 15px;
}

.order_summary tr.total .total_price {
	font-weight: bold;
}

.stripe .accordion {
    display: block;
}

.payment_methods {
	margin-top:12px
}

.stripe p.ccstmt {
	font-size:14px;
	/* position: relative; */
	margin-top: 22px;
	/* top: 9px; */
}

.checkout .payment_methods h3 {
    text-align:left;
    cursor: pointer;
    font-weight: 400;
    background-color: #3889AE;
    padding: 14px 15px;
    color:  white;
    margin-bottom: 0;
    margin-top: 0;
}

.checkout .order_summary h3 {
    text-align:left;
    cursor: pointer;
    font-weight: 400;
    background-color: #626262;
    padding: 14px 15px;
    color:  white;
    margin-bottom: 0;
    margin-top: 12px;
}

span.pplogo {
    background-image: url('/images/pplogo.png');
    background-size: 100%;
    width: 90px;
    height: 32px;
    display: block;
    float: right;
    position: relative;
    top: 9px;
    background-repeat: no-repeat;
}

.order_inner {
	background-color: white;
	padding: 20px;
}

.order_inner table td {
	font-size: 20px;
	width: 80%;
}

.order_inner table td.product_price,
.order_inner table td.total_price {
width: 100%;}

.checkout .payment_methods h3:hover {
    background-color: #03A9F4;
}

.checkout .active h3 {
    background-color: #449d44;
}


.checkout h2.payment_select {
    font-weight: 300;
    text-align: center;
    font-size: 34px;
    line-height: 1.3;
}

.checkout .row.paypal h3 {
	margin-top: 10px;
}

.checkout .ccn {
	margin-bottom: 12px;
}


.checkout .submit_wrap {
	text-align: center;
}

.checkout_left_form label {
	display: block;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 20px;
}

.checkout_left_form .account_input {
	margin-bottom: 15px;
}

.checkout_left_form .account_input input {
	width: 100%;
	padding: 5px 10px;
	border-radius: 6px;
}

.email_exists {
	display: none;
	margin-left:10px;
	color: #E70000;
	font-weight: bold;
}

.paypal p {
	font-size: 19px;
}

span.lock {
    background-image: url('/images/lock.png');
    width: 32px;
    height: 32px;
    display: block;
    float: right;
    position: relative;
    top: -2px;
}

.cc_inner {
	width: 84%;
	margin: 0 8% 17px;
	border: 1px solid;
	border-color: #B0B0B0 #505050 #505050 #B0B0B0;
	padding: 30px 20px 41px;
	border-radius: 15px;
	/* background-image: url('/images/ccbg.jpg'); */
}

.cc_inner label {
	/* color: white; */
	font-weight: normal;
	font-size: 18px;
}



img.cclogos {
	/* float: left; */
	display: block;
	margin: 8px auto;
}

.checkout .submit_wrap {
	text-align: left;
}

.stripe input#cvc {
	width: 100%;
}

.stripe input[type=text] {
    display: block;
    font-size:  16px;
    padding:  3px 5px;
}

.stripe select {
    font-size:16px;
    padding: 4px 5px 5px;
    position: relative; 
}

.stripe input[type=text],
.stripe select {
	font-weight: normal;
	font-size: 22px;
	color: #2d1c04;
}

.stripe input#ccn {
    width: 100%;
    /* max-width: 312px; */
}

.stripe input.exp {
    display: inline-block;
}

.stripe label span {
    font-size: 25px;
    display:block;
}

.pplogos {
    display: block;
    margin: 14px auto 10px;
}

.stripe.row label {
	margin-bottom: 0;
}







.block.img-left img {
	display: block;
	border-radius: 10px;
	margin: 10px auto 20px;
}

img.buynow_img {
	width: auto;
}

.homepage .block.generator img {
	max-width: 250px;
	/* margin: 0; */
}

.homepage .block.explore img {
	max-width: 400px;
	width: 100%;
}
.block.img-right img { 
	margin: 0 auto;
	display: block;
	margin-bottom: 15px;
}


.about_site.block img,
.author.block img {
	width: 200px;
}

.theory.block img,
.author.block img {
	border-radius: 10px;
}

.col-sm-6.block.img-right img {
	margin-top: 0;
}

.block img {
	margin-bottom: 15px;
}

.optin_form input[type=email],
.optin_form input[type=text] {
	display: block;
	font-size: 18px;
	border-radius: 6px;
	padding: 11px 5px;
	border-width: 1px;
	margin: 0 auto 18px;
	text-align: center;
	width: 70%;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3) inset;
}

.optin_form h3 {
	margin-top: 0;
}

@media (min-width:768px) {
	.optin_intro .wrap {
		/* height: 358px; */
		padding-top: 30px;
	}
}

.optin_form_wrap .wrap {
	margin-top: 36px;
	border-radius:20px;
	border-style: solid;
}

.optin_form .btn {
	font-size: 28px;
	margin-top: 2px;
}

.optin_form label {
	font-size: 20px;
	margin: 0 0 3px;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
}

.optin_form {
	text-align:center;
}

.optin_wrap {
	position:relative;
}

#name_page_signup {
	border: 1px solid #B6B6B6;
	/* padding-top: 20px; */
	box-shadow: 2px 2px 6.7px 2px rgba(0,0,0,0.2);
	border-radius: 10px;
	margin: -20px auto 16px;
	width: 80%;
	background-color: rgb(239, 239, 239);
	padding-bottom: 20px;
}

#name_page_signup .page-title {
	margin-bottom:19px;
	padding-bottom:0
}

.bigtext .wrap p {
	font-size: 20px;
	color: #565656;
}

.bigtext .intro .wrap p {
	font-size:20px;
}

.get_full_name .bigtext .wrap p {
	font-size: 22px;
}

.bigtext h3 {
	font-size: 47px;
	margin-top: 20px;
	font-family: "Open Sans";
	margin-bottom: 20px;
}

.bigtext h3 a {
	color: #2d1c04;
}

.nav.nav-pills>li {
	float: none;
	display: inline-block;
	margin: 0 17px;
}

.nav.nav-pills {
	text-align:center;
	/* display: none; */
}
.nav.nav-pills a {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	padding: 0;
	margin-top: 10px;
}



header .container {
	margin-top: 0;
}

.tagline {
	text-align:center;
	/* color: #E1E13B; */
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 23px;
	font-family: "Open Sans", sans-serif;
	text-shadow: 1px 1px 15px rgba(251, 248, 161, 0.3);
	display: none;
}

.col-md-6.tagline h2 {
	margin-top: 5px;
}
.salespage .block h3 {
	margin: 10px auto 20px;
	font-size: 30px;
}

.testimonial p {
	font-size: 19px;
}
.testimonial img {
	width: 80%;
	margin: 0 auto;
	border-radius: 5px;
	border: 1px solid gray;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	margin-bottom:  20px;
	max-width: 190px;
	display: block;
}
.testimonial h4 {
	text-align:center;
	font-size: 26px;
	margin-bottom: 16px;
}

.buynow {
	clear: both;
}

.salespage .buynow.block h3 {
	text-align:center;
	font-family: "Open Sans";
	font-size: 38px;
	margin: 8px auto 25px;
}

.buynow.block .button-wrap {
	margin-top: 10px;
}

.buynow.block img.buynow_button {
	display: block;
	margin: 20px auto;
	float: none;
}



.buynow.block p {
	text-align:center;
	font-size: 26px;
}

.buynow .wrap {
	border: 8px dashed #E33939;
	box-shadow: 5px 5px 6px rgba(0,0,0,0.5);
	margin-bottom: 30px;
	background-color: white;
}

.buynow .price {
	display: block;
	line-height: 1;
	text-align: center;
}

.buynow .oldprice {
	color: red;
	font-size: 50px;
}

.buynow .newprice {
	color: green;
	font-size: 70px;
	font-weight:bold;
	font-family: "Open Sans" ,sans-serif;
	margin-top: 15px;
}

span.strikethrough {
	text-decoration:line-through;
}


span.dolla {
	text-decoration: none;
}

.buynow.block .imgwrap {
	text-align:center;
}

.salespage .first.block .wrap,
.salespage .second.block .wrap {
	/* height: 291px; */
}

.salespage .second.block img {
	/* width: 230px; */
	display: block;
	margin: 0 auto;
}

.salespage .second.block .nowrap {
	padding-bottom: 0;
	margin-bottom: 0;
}

.salespage .first.block p {
	font-size: 22px;
}



.salespage .solution.block img {
	width: 180px;
}

.salespage .solution.block p {
	font-size: 22px;
}

/* suggestions */
#get_suggestions input[type=text] {
	display: block;
	margin: 0 0 13px;
	width: 250px;
}

#get_suggestions input.missing {
	border: 1px solid red;
}

#get_suggestions .missing_name {
	display: inline-block;
	position: relative;
	top:-8px;
	margin-bottom: 4px;
	
}

.lookup #search_form .btn {
	margin-left: 19px;
	font-size: 20px;	
}

.dashboard .dashboard_nav .wrap {
	height: 254px;
	margin-top: 0;
}

.dashboard .dash_intro p {
	font-size: 21px;
	line-height:31px
}

.dashboard .dashboard_nav h3.page-title {
	text-align: center;	
	margin: 6px 0 0;
	background-color:green;
	border:0;
}

.dashboard .dashboard_nav h3.page-title a {
	color: white;
}

.dashboard .dashboard_nav img {
	display: block;
	margin: 0 auto 20px;
}

.dashboard .dashboard_nav.generate img {
	border: 1px solid #D0D0D0;
	border-radius: 10px;
	/* display: block; */
}

.dashboard .dashboard_nav.suggestions img {
	height: 117px;
}

.dashboard .dashboard_row {
	margin-bottom: 23px;
}

.dashboard .saved_names .wrap {
	height: 232px;
}

.dash_intro .wrap {
	height: 203px; 
}

#change_password label {
	margin-bottom: 0;
	padding-bottom: 2px;
}

#change_password input {
	display: block;  
	margin-bottom: 14px;
}



/* account */
.pass_change input {
	display:block;
}



/* flash messages */

.flash_wrap {
	background-color: rgba(0, 139, 15, 0.71);
	padding: 13px 30px;
	border: 2px solid rgba(255,255,255,0.8);
	border-radius: 10px;
	color: white;
	font-size: 20px;
	text-align: center;
}

/* name book */
.salesblock img {
	float: right;
	width: 150px;
	margin: 17px 0 0px 31px;
}

.homepage .first.block img {
	float: left;
	width: 148px;
	margin-right: 40px;
}

.homepage .second.block img {
	float: right;
	width: 148px;
}

.title {
	text-align: center;
	width: 240px;
	margin: 0 auto 3px;
}

.homepage .signup img {
	width: 190px;
	position: relative;
	left: -20px;
}

.block_link {
	text-align: center;
}

.block_link a {
	font-size: 30px;
	margin-top: 20px;
}

.homepage .first h2,
.homepage .first h3,
.homepage .first h4 {
	color: white;
	text-align: center;
}

.homepage .first h2 {
	font-size: 25px;
	margin-bottom: 17px;
	color: yellow;
	margin-top: 0;
}

.homepage .first h3 {
	margin: 46px auto 31px;
	color: yellow;
	font-family: "open sans", sans-serif;
	font-weight: bold;
	font-size: 33px;
}

.homepage .first h4 {
	margin: 34px auto 4px;
	font-size: 23px;
}

.homepage .first p {
	color: white;
	font-size: 16px;
}

.homepage .black_wrap {
	background-color: rgba(0,0,0,0.7);
}

.black_wrap {
	position: relative;
	/* background: #88b7d5; */
	/* border: 4px solid #c2e1f5; */
	padding-top: 15px;
	padding-bottom: 15px;
}
.black_wrap:after, .black_wrap:before {
	/* top: 100%; */
	/* left: 50%; */
	/* border: solid transparent; */
	/* content: " "; */
	/* height: 0; */
	/* width: 0; */
	/* position: absolute; */
	/* pointer-events: none; */
}

.black_wrap:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: rgba(0,0,0,0.7);
	border-width: 30px;
	margin-left: -30px;
}
.black_wrap:before {
}

.search_form {
	text-align:center;
	margin-bottom: 20px;
}

.search_form input {
	display: block;
	margin: 0px auto 0px;
	max-width: 300px;
	padding: 5px 20px;
	font-size: 26px;
	text-align: center;
	width: 100%;
	border: 2px solid rgb(78, 78, 78);
	border-radius: 10px;
	box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.4) inset;
}

.search_form button {
	
	
}

.button {
	margin: 0 auto;
	display: block;
	font-size: 28px;
	padding: 5px 17px;
	color:white;
	border-radius:20px;
	
	/* gradients */
	border: 1px solid #0077af;
	background: #22bde8; /* Old browsers */
	background: -moz-linear-gradient(top, #22bde8 0%, #007fbf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #22bde8 0%,#007fbf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #22bde8 0%,#007fbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22bde8', endColorstr='#007fbf',GradientType=0 ); /* IE6-9 */
}

.goarrow {
	display: inline-block;
	margin-left: 5px;
	font-size: 31px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	line-height: 1;
	border-left: 1px solid #AFAEAE;
	padding-left: 9px;
}

.name_not_found form.search_form input {
	margin-top:30px;
}

form#name_page_lookup {
	text-align:center;
}

form#name_page_lookup input {
	/* display: block; */
	margin: 0 auto 20px;
	max-width: 300px;
	padding: 5px 20px;
	font-size: 26px;
	text-align: center;
	width: 100%;
}

form#name_page_lookup button {
	margin: 30px auto 30px;
	display: inline-block;
	font-size: 28px;
	padding: 2px 30px;
	position: relative;
	top: -3px;
	margin-left: 20px;
}

.landing_img {
	text-align: center;
}

.optin_wrap .img_wrap {
	text-align: center;
}

.optin_wrap h3 {
	text-align: center;
	font-size: 34px;
	margin-top:  5px;
}

.optin_block .btn {
	font-size: 25px;
	margin-top: 010px;
	margin-bottom: 30px;
}

.get_full.wrap {
	position: absolute;
	z-index: 999;
	background-color: rgba(17, 80, 162,1);
	border: 4px solid rgba(255,255,255,1);
	padding-top:30px;
	padding-bottom: 30px;
	box-shadow: 2px 2px 18px 10px rgba(0,0,0,0.6);
	margin-bottom: -287px;
	display:none;
	color: white;
	width: 160%;
	top: 260px;
}

.get_full.wrap h3 {
	text-align: center;
	font-size: 31px;
	margin-bottom: 18px;
	margin-top: 10px;
	font-family: "Open Sans", sans-serif;
}

.get_full.wrap p {
	font-size: 24px;
	line-height: 37px;
	background-color: white;
	color: black;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 0;
	width: 63%;
	display: inline-block;
}

.get_full.wrap img {
	display: inline-block;
	width: 140px;
	/* margin-left: 30px; */
	/* margin-top: 20px; */
	position: relative;
	top: -80px;
}

.get_full.wrap .btn {
	font-size: 30px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.get_full_name .first.block p {
	font-size: 22px;
}

.get_full_name .optin_block.block .wrap,
.get_full_name .last.block .wrap {
	background-color: white;
	border-color: #E8E82E;
	padding-top: 30px;
}

.blurtext {
	color: transparent;
	text-shadow: 0 0 9px rgba(0,0,0,0.5);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.letter_group_ratings .wrap {
	border: 0;
	background-color: transparent;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0;
}

.letter_group_ratings,
.letter_group_ratings h5 {
	text-align:center;
	font-family: "Open Sans", sans-serif;
}

.letter_group_ratings {
	/* margin-top: 21px; */
}

.letter_group_ratings h5 {
	font-size: 16px;
	margin: 0 0 8px;
	color: #F2F2F2;
	white-space: nowrap;
}

.letter_group_ratings span {
	font-weight: bold;
	font-size: 24px;
}

.letter_group_ratings .rating {
	display:inline-block;
	width: 91px;
}

.letter_group_ratings .inner {
	background-color: #6AA9CE;
	padding: 10px 0 19px;
	border-radius: 10px;
	border: 1px solid white;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	/* margin-bottom: 10px; */
}

.letter_group_ratings span.a-plus {
	color: green;
}

.letter_group_ratings span.a {
	color: green;
}

.letter_group_ratings span.a-minus {
	color: green;
}

.letter_group_ratings span.b-plus {
	color: yellow;
}

.letter_group_ratings span.b {
	color: yellow;
}

.letter_group_ratings span.b-minus {
	color: yellow;
}

.letter_group_ratings span.c-plus {
	color: orange;
}

.letter_group_ratings span.c {
	color: orange;
}

.letter_group_ratings span.c-minus {
	color: orangered;
}

.letter_group_ratings span.d-plus {
	color: red;
}

.letter_group_ratings span.d {
	color: red;
}

.letter_group_ratings span.d-minus {
	color: red;
}

.name_page_search h3 {
	font-size: 30px;
	text-align:center;
}

.get_full_name h3 {
	font-size: 31px;
	text-align: center;
	margin-top: 10px;
}

.get_full_name .first.block h3 {
	text-align: center;
	font-size: 36px;
}

.get_full_name .first.block img {
	display:block;
	/* float: right; */
}

.get_full_name .last.block form {
	text-align: left;
}

.get_full_name .last.block form input[type=text],
.get_full_name .last.block form input[type=email] {
	margin-left: 0;
}

.get_full_name .last.block form input[type=submit] {
	display:block;
	margin: 0 auto;
}

.get_full_name .last.block h3 {
	text-align: center;
	font-size: 34px;
}

.get_full_name .fifth.block img {
		float:none;
		width: 150px;
		margin: 0 auto 15px;
		display:block
	}
.get_full_name .third.block img {
	border-radius: 10px;
	border: 1px solid #B5B5B5;
	width: 320px;
}

.aiy.wrap {

text-align: center;

clear: both;
}

.qzi.wrap {
	text-align:center;
	padding: 5px;
}

.qzi.wrap .qzi_quiz {
	width: 111px;
	display:inline-block;
	vertical-align:top;
	margin: 5px;
}

.qzi.wrap .qzi_quiz h4 {
	margin-top:5px;
}

.qzi.wrap .qzi_quiz a {
	font-size: 15px;
	color: #1d5288;
	font-family: sans-serif;
}

.qzi.wrap .qzi_quiz img {
	border-radius: 5px;
	border:1px solid gray;
	width:111px;
	height:59px;
}

.qzi.wrap h3 {
	font-size: 24px;
	margin-bottom:10px;
	margin-top: 10px;
}

.bigtext .aiy.wrap p {
	font-size: 18px;
	line-height: 1.4;
	margin-top: 7px;
	margin-bottom: 10px;
}

.aiy_logo {
	width: 210px;
}

.aiy .button {
	display:inline-block;
	
}

.get_full_name .first.block img {
		display: block;
		float: none;
		margin: 0 auto 10px;
		width: 210px;
	}

	.name_letter.wrap img {
		float: left;
		width: 90px;
		/* margin-right: 30px; */
		/* margin-bottom: 20px; */
		margin: 0 16px 10px 0;
		display: block;
	}

	.free_dashboard .lookup .wrap {
		background-color:rgba(0,0,0,0.6);
		border:0;
		height: 200px;
	}
.free_dashboard .lookup .wrap h3 {
	color:white;
	font-family: "Open Sans";
}

.name.page-title h1,
.name.page-title h2 {
	/* height: 65px; */
}

.mainimg {
	text-align:center;
}

.mainimg .nowrap {
	padding-top: 0
}

.name.page-title h1 {
	/* float: left; */
	display:inline-block;
	font-size: 44px;
	vertical-align: bottom;
}

.name.page-title h2 {
	/* display: inline-block; */
	font-style: italic;
	padding-top: 8px;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 22px;
}

.img_wrap {
	text-align:center;
}

.generator_block .img_wrap a {
	background-image:url('/images/babygen.png');
	display:block;
	height:378px;
	width:334px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.generator_block .img_wrap a:hover {
	background-image:url('/images/babygen-hov.png');
}

#preload {
	background-image:url('/images/babygen-hov.png');
	position:absolute;
	left:-99999px;
}

.simple_generator .wrap {
	border: none;
}

.simple_gen_names .names .wrap {
	padding: 30px 20px;
	margin-top: 20px;
}

.freegen .submit_wrap .btn {
	font-size: 27px;
	margin: 0px 0 10px;
	border-radius: 20px;
	padding: 8px 25px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.57);
}

.freegen .wide_submit .submit_wrap .btn {
	margin-top: 0;
}

.freegen .length label {
	font-size: 21px;
	color: #3C3C3C;
	padding:  0;
	text-align: center;
	margin-bottom: 26px;
	font-family: "Open Sans";
}

.freegen .noUi-horizontal .noUi-handle {
	height: 41px;
	top: -4px;
	border-radius:5px;
	background-color: #D2D2D2;
	box-shadow: -9px 0px 5px rgba(24, 24, 24, 0.5) inset;
	border-top-color: #757575;
	border-left-color: #BDBDBD;
	border-right-color: #888888;
	border-bottom-color: #757575;
	width: 23px;
	cursor: -webkit-grab;
	z-index: 99;
	position: relative;
	left: -13px;
}

.freegen .length .noUi-horizontal .noUi-handle {
	width: 20px;
	top: -4px;
	height: 27px;
	box-shadow: -8px 0px 2px rgba(24, 24, 24, 0.5) inset;
	left: -4px;
	/* border-right-color: rgb(145, 145, 145); */
}

.freegen .noUi-horizontal .noUi-handle:active {
	cursor:-webkit-grabbing;
}

.freegen .noUi-horizontal .noUi-handle:after,
.freegen .noUi-horizontal .noUi-handle:before {
	height: 30px;
	display:none;
}

.freegen .question.sex .wrap {
	margin: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: transparent;
	padding: 20px 0;
	/* padding-bottom: 39px; */
}

.simple_generator .personalities.wrap {
	/* box-shadow: -5px -5px 5px rgba(0,0,0,0.5) inset; */
	/* margin-top: 20px; */
	/* border-top-left-radius: 0; */
	/* border-top: 1px solid gray; */
	/* border-left: 1px solid gray; */
	padding: 14px 15px 12px;
	/* padding-bottom: 20px; */
	background-color: #3A3A3A;
	/* border-top-right-radius: 0; */
	margin-top:  0;
	border-radius: 10px;
	margin-bottom: 20px;
	padding-top: 0;
}

.simple_generator .radar .wrap {
	margin-bottom: 0;
	padding: 0;
	border-radius:0;
	border-radius: 5px;
	background-color: transparent;
	margin-top: 0;
}

.intro_img {
	text-align:center;
	width: 130px;
	margin: 0 auto;
}

.intro_img img {
	margin-bottom: 17px;
	width: 180px;
}

.homepage .first .btn_wrap {
	text-align: center;
	padding: 0px 0 20px;
}

.homepage .first .btn_wrap  .btn {
	font-size: 27px;
	background-color: green;
	margin: 20px 0;
}

.product h4 {
	font-family: "Open Sans", sans-serif;
}

.product {
	/* margin-bottom: 20px; */
	text-align:center;
	background-color: rgba(255, 255, 255, 0.43);
	padding:  10px 20px;
	border-radius:  20px;
	box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.35) inset;
}

.funnel_block {
	margin-top: 10px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.43);
	padding:  10px 20px 30px;
	border-radius:  20px;
	box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.35) inset;
}

.funnel_block.signup_block {
	background-color: rgb(239, 239, 239);
}

.signup_block h3 {
	font-family: "Open Sans", sans-serif;
	line-height: normal;
	margin-top: 5px;
	font-size: 24px;
}

.signup_block p {
	font-size: 19px;
}

.signup_block img {
	margin-bottom:20px;
}

.block img {
	display:block;
	margin: 0 auto 15px;
	max-width: 280px;
}

.inducement {
	display:block;
	text-align:center;
	font-size: 20px;
}

.generator_block .inducement {
	font-size:30px;
}

.homepage .wrap h2 {
	font-size: 30px;
	text-align:center;
	margin-bottom: 18px;
	line-height: 1.2;
	margin-top: 1px;
}

.product img {
	border-radius: 10px;
}

.product img.amzlogo {
	display: block;
	float: none;
	margin: 0 auto;
	width: 120px;
}

.product.dresses img {
	margin-bottom:30px;
}

.product.dresses p {
	font-size: 17px;
}

.product h4 {
	font-size: 27px;
	line-height: 1.3em;
}

.product p {
	font-size: 20px;
}

.product a {
	font-size: 25px;
}


.letter_group.wrap h3 {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 28px;
	font-style:italic;
	color: #353535;
}

.name_page .as {
	text-align:center;
	/* margin-top:20px; */
	/* margin-bottom: 20px; */
}

.name_page .as.inside_name_text {
	width: calc(100% + 70px);
	margin-left: -36px
}



.qzi_quizzes.wrap {
	text-align:center;
	padding: 0;
}

.qzi_quiz {
    width: 188px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
}

.qzi_quiz img {
	border-radius:10px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

.about_page_sidebar ul li {
	list-style-type: none;
	text-align:left;
}

.about_page_sidebar li h3 {
	text-align: left;
	margin:0;
}
.about_page_sidebar li p {
	margin-top:2px
}

.arrow.down {
	display:inline-block;
	width: 27px;
	height: 27px;
	vertical-align: middle;
	margin: 0 5px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.arrow.down.left {
	background-image:url('/images/arrowleftdown.png');
	/* float: left; */
}
.arrow.down.right {
	background-image:url('/images/arrowrightdown.png');
	/* float: right; */
}

.aboutpagelist nav ul {
	margin: 0;
	padding:0;
}

.aboutpagelist .page_title {
	margin-top:0;
	text-align:center;
	margin-bottom: 16px;
}
.aboutpagelist p {
	font-size:16px;
	line-height:1.5
}
.aboutpagelist nav ul li {
	list-style-type:none;
}

.as.name_banner {
	width: calc(100% + 30px);
	margin-left: -15px;
}

.as.name_banner .wrap {
	padding:0;
	border:0;
}
header nav {
	text-align:center;
	margin-bottom:5px;
}
header nav ul {
	padding: 0;
	margin: 0;

}
header nav ul li {
	list-style-type: none;
	display: inline-block;
	/* background-color: rgb(36, 115, 162); */
	/* padding: 2px 10px; */
	/* border-radius: 5px; */
	/* margin: 0 3px; */
}

header nav ul li a {
	color: #dedede;
	background-color: rgb(36, 115, 162);
	padding: 2px 10px;
	border-radius: 5px;
	margin: 0 3px;
	border: 1px solid #5493b9;
	font-size: 13px;
	line-height: 2.2;
}

header nav ul li a:active {
	color: white;
}

/* ===============================
=========== MEDIA QUERY ==========
=============================== */
@media (max-width: 767px) {


	.homepage .search_front .search_form {
		padding: 0
	}

	.get_full.wrap img {
		display: block;
		position: static;
		-ms-transform: rotate(90deg); /* IE 9 */
    	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    	transform: rotate(90deg);
    	margin: 20px auto 0;
	}

	.optin_wrap.narrow .img_wrap img {
		display:none;
	}

	#name_page_signup {
		margin-top: 30px;
	}

	.get_full.wrap p {
		width: auto;

	}
	.optin_wrap.wide .get_full.wrap {
		display: none !important;
	}

	.optin_wrap.narrow .get_full.wrap {
		display: block;
		position:static;
		margin-bottom: 10px;
		width: auto;
		margin-top: -61px;
	}

	.letter_group_qualities ul li {
			
font-size: 19px;
	}
	.blurtext {
		display:none;
	}

	.bigtext h3 {
		text-align: center;
		margin-bottom: 21px;
		margin-top: 0;
	}


	.container-bg {
		padding: 9px 0 10px 0;
	}

	.homepage .first.block img {
		width: 120px
	}

	.arrow_wrap_small {
		position: relative;
		margin-bottom: 45px;
		/* border: 4px solid #c2e1f5; */
	}

	.arrow_wrap_small:after, .arrow_wrap_small:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_wrap_small:after {
		border-color: rgba(136, 183, 213, 0);
		border-top-color: rgb(239, 239, 239);
		border-width: 30px;
		margin-left: -30px;
	}
	.arrow_wrap_small:before {
		/* border-color: rgba(194, 225, 245, 0); */
		border-top-color: #c2c0ba;
		border-width: 33px;
		margin-left: -33px;
	}
	.get_full_name .third.block img {
		display: block;
		float: none;
		margin: 20px auto;
		width:  350px;
		
	}
}

@media (min-width: 768px) {
	.block img {
		float:right;
		margin-left:20px;
	}
	.header_linkunit {
		margin-left: -10px;
		height: 18px;
		margin-top: 5px;
	}
	.name.page-title h1 {
		display: inline-block;
		line-height:1;
		padding: 0;
		/* float: left; */
		margin: 0 10px;
		font-size: 37px;
	}
	.name.page-title h2 {
		display:inline-block;
		/* position: relative; */
		line-height:1;
		/* float: right; */
		margin: 0 10px;
		/* right: 20px; */
		padding: 0;
	}
	.name_page .as.inside_name_text {
		margin-left: -46px;
		/* background-color: black; */
		width: 728px;
		margin-bottom: 10px;
	}
	.about_page_sidebar {
		float:right;
		margin-left:10px;
		padding:0 10px;
		margin-bottom: 10px;
		text-align: center;
		position: relative;
		top: 6px;
	}
	.about_page_sidebar ul {
		margin: 0;
		padding:0;
	}
	
	.aboutpage h3 {
		text-align:left;
	}
	.aboutpage .qzi_quizzes h3 {
		text-align:center;
	}
	.aboutpage_mainimage {
		width: 340px;
		display: inline-block !important;
		margin: 0 0 15px;
	}
	.aboutpage .qzi_quizzes {
		width: 300px;
		display: inline-block;
		float: none;
	}
	.as.as_about_page {
		width: auto;
		/* display:inline-block; */
		margin: 0;
	}
	.homepage .search_form {
		width: calc(100% + 30px);
		margin-left: -15px;
	}
	header nav {
		/* display: inline-block; */
		clear: left;
		margin-top: 9px;
	}
	.letter_group_ratings .rating {
		width: 101px;
	}
	.name_letter.wrap img {
		float: left;
		margin: 0 20px 10px 0;

	}
	.name_page .qzi.wrap .qzi_quiz img {
		width: 180px;
		height:auto;
	}
	.name_page .qzi.wrap .qzi_quiz {
		width: 200px;
	}

	.name_page .aiy_title {
		width: 500px;
		display:block;
		margin: 0 auto 14px;
	}

	.name_page .aiy.wrap p {
		font-size: 17px;
		margin-bottom:25px;
	}

	.name_page .aiy_logo {
		float:left;
		width: 250px;
	}
	.letter_group.wrap h3 {
		font-size:40px;
	}
	.block.explore a.btn {
		font-size:46px;
		margin-top: 27px;
	}
	.homepage .bigtext .wrap p {
		/* font-size: 23px; */
		float:left;
		width:400px;
	}

	.homepage .bigtext .aiy.wrap p {
		width:auto;
		font-size: 16px;
	}
	.homepage .block.explore img {
		max-width: 330px;
		margin-left: 0;
		margin-right: 0;
	}
	.block.explore h3 {
		float: left;
		font-size: 49px;
		width: 300px;
	}

	.img-right .block_link {
		text-align: left;
	}

	.img-left .block_link {
		text-align: right;
	}	

	.tagline {
		margin-top: 19px;
		margin-bottom: 9px;
		font-size: 15px;
		line-height: 1.2;
		display: inline-block;
		width: 260px;
		position: relative;
		left: 104px;
	}
	.search_form input {
		display: inline-block;
		/* margin-right: 30px
	; */
		margin-top: 0;
		width: 260px;
		font-size: 22px;
		text-align: left;
		height: 58px;
		position: relative;
		top: 3px;
		line-height: 1;
	}

	.search_form button {
		display: inline-block;
		margin-top: 0;
	}

	.optin_form_wrap .wrap {
		margin-top: 52px;
	}

	.letter_group_ratings .inner {
		margin-bottom: 10px;
		padding-bottom: 5px;
		padding-top: 5px;
		margin: 0 5px;
	}
	.optin_intro ul li {
		font-size: 20px;
	}
	.checkout.container {
		min-height: 850px;
	}

	.freegen .advanced_options {
		position: absolute;
		left: 40px;
		right: 40px;
		z-index: 999;
		top: -2px;
	}

	.freegen .second_row {
		margin-bottom: 5px;
	}

	.freegen .third_row {
		margin-bottom:10px;
	}

	.checkout .arrow_outer img {
		width:100px;
		display: inline-block;
		vertical-align: bottom;
	}
	
	.checkout .arrow_outer p {
		display: inline-block;
		/* vertical-align: bottom; */
		/* float: left; */
		margin-top: 0px;
		font-size: 28px;
		width: 50%;
		text-align: right;
	}

	.checkout .arrow_outer {
		text-align:center;
	}

	.buynow.block img.buynow_img {
		width: 250px;
		margin-left: 20px;
	}
	.col-md-6.tagline h2 {
    	margin-top: 56px;
	}
	.get_full_name .first.block p {
		font-size: 20px;
	}

	.testimonial .wrap {
    	height: 538px;
  }
	
	.salespage .access.block .wrap,
	.salespage .guarantee.block .wrap {
		height: 240px;
	}
	
	.get_full_name .fifth.block img {
		float:left;
		width: 170px;
		margin-right: 34px;
	}
	.arrow_wrap_small {
		position: relative;
		/* margin-bottom: 45px; */
		/* border: 4px solid #c2e1f5; */
	}

	.arrow_wrap_small:after, .arrow_wrap_small:before {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_wrap_small:after {
		border-color: rgba(136, 183, 213, 0);
		border-left-color: rgb(239, 239, 239);
		border-width: 25px;
		margin-top: -25px;
	}
	.arrow_wrap_small:before {
		/* border-color: rgba(194, 225, 245, 0); */
		border-left-color: #c2c0ba;
		border-width: 28px;
		margin-top: -28px;
	}
	
	.get_full_name .first.block h3 {
		/* float: left; */
		/* width: 52%; */
		text-align: center;
		font-size: 33px;
	}

	
	form.search_form button {
		position: relative;
		top: -3px;
		display: inline-block;
		margin-left: 34px;
	}
	
	.landing_img {
		text-align: right;
	}
	.homepage .first h2 {
		/* text-align:left; */
		margin-bottom: 17px;
		position:relative;
		z-index: 999;
		font-size: 42px;
		margin-top: 5px;
	}

	.homepage .first h3 {
		text-align: left;
	}

	.homepage .first p {
		color: #E8E8E8;
		font-size: 17px;
		line-height: 1.6;
	}
	
	.intro_img {
		text-align: right;
		width: auto;
	}
	
	.intro_img img {
		margin-top: 0;
		margin-bottom: 10px;
		width: auto;
	}

	.block.img-right img {
		float: right;
		margin-left: 20px;
		margin-bottom: 0;
	}

	.searchbox .btn {
		font-size: 18px;
		top: 0px;
		margin-top: 0;
		margin-left: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		}
	.letter_tagline h4 {
		font-size: 17px;
	}
	
	.slicknav_menu {
		display: none
	}

	.as.generator_top {
		display: inline-block;
		vertical-align:top;
	}


	.letter_group_outer {
		/* clear:left; */
	}

	.wrap {
		padding: 8px 15px;
	}

	.generator_intro {
		/* width: 360px; */
		/* margin-right: 20px; */
		/* display: inline-block; */
		margin-top: 0;
		/* height: 280px; */
	}

	.generator_intro p {
		font-size: 18px;
		line-height: 1.5;
	}

	.letter_group.wrap {
		/* margin-top:20px; */
	}

	.letter_group_person {
		clear: both;
		margin: 5px 15px;
	}

	.aiy.wrap {
		margin: 5px 15px
	}

	.qzi.wrap {
		margin: 5px 15px;
	}

	.title {
		float: left;
		position: relative;
		left: 0px;
		width: 341px;
	}

	.page-title > h1 {
		padding: 0 1.25em;
		font-size: 2.6em;
	}

	.page-title > h1,
	.page-title > h1:before {
		background-size: auto 80%;
	}

	.page-title > h1:before {
		width: 1.25em;
	}

	legend {
		font-size: 30px;
	}


	.radar canvas {
		/* margin-top: 70px; */
	}

	.letter_group_ratings .wrap {
		margin-bottom: 0;
		padding-bottom: 0;
	}

} /* end (min-width: 768px) */

@media (min-width:768px) and (max-width: 991px) {
	.letter_group.wrap {
		margin-top:0
	}
	
	.letter_group_ratings, .radar {
		width: calc(100% - 20px);
		margin-top: 7px;
	}
	.as.name_banner .wrap {
		padding: 23px 5px 5px;
		width: calc(100% + 30px);
		margin-left:-30px;
		height: 336px;
	}
	.letter_group_ratings h5 {
		/* float: left; */
		/* display:inline-block; */
		width:auto;
		font-size: 15px;
		/* margin-left: 24px; */
		margin-top: 6px;
		margin-bottom: 0;
	}
	.letter_group_ratings span {
		/* float:right; */
		display:block;
		/* position: relative; */
		/* left: -30px; */
		font-size: 34px;
	}
}
@media (min-width: 992px) {
	.homepage .wrap h2 {
		text-align:left;
	}
	.inducement {
		clear:both;
		font-size: 24px;
	}
	.block p {
		font-size: 18px;
		line-height: 1.6;
	}
	.name_page .page-title {
		width: auto;
		margin-left:0;
	}
	header nav {
		clear:none;
	}
	
	.generator .form_wrap.wrap {
		padding-bottom: 20px;
	}
	.question.personality label {
		font-size: 20px;
		text-align:left;
		margin-left: 108px;
	}
	.personality .answer .slider {
		width: 370px;
	}
	.question.personality {
		width: 579px;
	}
	.generator .names .table .name {
	width: 169px;
	margin: 22px 0;
	}
	.names .table .name h3 a {
		font-size: 23px;
	}
	.generator .names .table .name:last-child {
		display:none;
	}
	.page-title {
		width: 100%;
		margin-left: 0;
	}
	.name_letter.wrap img {
		width: 120px;
	}
	.letter_names .as {
		margin-top: 0;
	}
	.qzi.wrap {
		margin: 0;
	}
	.letter_group_person {
		margin: 0;
	}
	.names_title {
		font-size: 23px;
	}
	.name_page .as.inside_name_text {
		margin-left: 0;
		width: 336px;
		height: 280px;
		margin: 13px auto;
	}
	.aboutpage .quote {
		line-height:1.6;
	}
	.letter_group_ratings .rating {
		width: 139px;
	}
	.name_page .aiy_logo {
		float:none;
		width: 200px;
		margin-bottom:10px;
	}
	.name_page .qzi.wrap .qzi_quiz {
		width: 137px;
		margin: 0 5px;
	}
	.qzi.wrap .qzi_quiz img {
		width:auto;
		height:auto;
	}
	.qzi.wrap .qzi_quiz {
		width: 170px;
		margin: 5px 13px;
	}
	.aiy_logo {
		width: 280px;
	}
	.popular_names .namestable .name {
		text-align:left;
	}
	.popular_names .namestable .name a  {
		font-size: 21px;
	}
	.popular_names .namestable {
		padding: 0 5px
	}
	.letter_info img.initial {
		float: left;
		margin-right:20px
	}
	.letter_group_ratings h5 {
		font-size: 21px;
		margin-bottom:0px;
		margin-top: 5px;
	}
	.letter_group_ratings span {
		font-size: 33px;
	}
	.letter_group_qualities .wrap {
		height:95px;
	}

	.letter_group_ratings .wrap {
		padding:0;
	}

	.letter_group_ratings .inner {
		height: 94px;
	}

	.letter_group.wrap {
		margin-top: 0;
	}
	.as .wrap {
		padding-top:7px;
		padding-bottom:7px;

	}
	.enter_name img {
		width: 60px;
	}
	.enter_name {
		float: left;
		color: #FFB100;
		font-size: 43px;
		position:relative;
		left: 9px;
		margin-top: 2px;
	}
	.search_form {
		text-align: right;
	}
	.signup.block 
	.img-right .block_link {
	position: relative;
	left: 88px;
	/* margin-top: 0; */
	}
	.img-right .block_link a {
		margin-top:10px
	}
	.generator.block .block_link a {
		left: 72px;
		top:20px;
		font-size:35px;
		position:relative;
	}
	.homepage .block.generator img {
		max-width:100%;
		margin: -69px 0 0 0;
	}
	.block.explore a.btn {
		margin-top: -20px;
		position:relative;
		left:-14px;
		font-size: 35px;
	}
	.homepage .bigtext .wrap p {
		margin-left:20px;
		line-height: 1.8;
		font-size: 23px;
		width: 440px;
	}
	.homepage .bigtext .aiy.wrap p {
		font-size: 18px;
		line-height:1.4;
		margin-bottom:20px;
	}
	.signup.block .wrap p {
		width: 580px;
		float: right;
	}
	.block.explore h3 {
		/* margin-right: 55px; */
		width: 500px;
	}
	.img-left .block_link {

clear: left;

/* float: left; */

}

	.explore.block .block_link {
	}
	.nav.nav-pills a {
		margin-top: 13px;
		font-size: 19px;
	}
	.searchbox .btn {
		padding-left: 15px;
		padding-right:15px;
	}
	.intro_img img {
		margin-top:-15px;
		/* height: 300px; */
	}
	.search_form button {
		font-size: 32px;
		padding: 1px 20px 2px;
		margin-left: 10px;
		position: relative;
		top: -3px;
	}
	.search_form input {
		font-size: 34px;
		width: 378px;
		display: inline-block;
		margin: 0;
		max-width: 100%;
		text-align: left;
	}
	
	.clear-left-md {
		clear: left;
	}
	.clear-left-sm,
	.clear-left-lg {
		clear:none;
	}
	.freegen .submit_wrap .btn span {
		font-size:41px;
	}
	.homepage .block.explore img {
		max-width: 350px;
		float: right;
		top: 30px;
		position: relative;
	}
	
	.homepage .first p {
		font-size: 21px;
		line-height: 1.9;
		margin-bottom: 24px;
	}
	
	.radar_outer {
		clear: left;
	}
	
	
	.graph .wrap {
		margin-top: 0;
	}
	
	.freegen .submit_wrap .btn {
		font-size: 40px;
	}

	.product a.main_link {
		display: block;
		clear: left;
		margin: 10px 0;
	}

	.product h4 a {
		color: #464646;
	}

	.product img {
		float: left;
		width: 200px;
		margin-right: 20px;
		position: relative;
		top: 10px;
	}
	.optin_form_wrap .wrap {
		margin-top: 25px;
	}
	.nav-default h3 {
		font-size: 19px;
	}
	
	.tagline {
		font-size: 19px;
		margin-top: 17px;
		width: 463px;
		margin-left: 10px;
		margin-bottom: -13px;
		left: 50px;
	}
	.expand .nav-default-inner {
		/* padding-top: 15px; */
		/* padding-bottom: 15px; */
	}

	.optin_intro ul li {
		font-size: 26px;
	}
	
	.freegen .question.sex label .label_inner {
		padding: 45px 30px 7px;
	}
	
	.name_not_found form.search_form button {
		margin-left: 0
	;
		margin-bottom: 0;
	}

	
	
	.checkout.container {
		min-height: 760px;
	}
	.checkout .arrow_outer p {
	/* width: 60%; */
	}		
	.get_full.wrap p {
		width: 70%
	}

	.get_full.wrap img {
		top: -38px;
	}

	img.name_letter {
		width: 160px;
		float: left;
		margin: 9px 30px 10px 0;
	}
	.get_full_name .first.block p {
		font-size: 22px;
	}
	.get_full_name .first.block img {
	    display: block;
	    float: right;
	    /* margin-top: -15px; */
	}
	.get_full_name .first.block h3 {
		/* float: left; */
		/* width: 52%; */
		text-align: left;
		font-size: 32px;
	}
	.homepage .first h2 {
		font-size: 57px;
		margin-bottom: 26px;
	}

	.block.img-left img {
		margin-right: 40px;
		float: left;
		display: block;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.page-title > h1,
	.page-title > h1:before{
		
		
	}

	.name.page-title > h1 {
		font-size: 47px;
		/* padding-right: 97px; */
	}

	.name.page-title > h2 {
		/* padding-right:43px; */
		top: 9px;
		font-size: 26px;
		line-height: normal;
	}


	.page-title > h1:before {
		display: none;
		content: '';
		background-position: left center;
		position: absolute;
		left: 0;
		height: 100%;
		//
		width: 1.25em;
		width: 0.65em;
	} 


	.block.img-right img {
		margin-top: -12px;
		width: auto;
	}
	.title {
		margin-top: 10px;
		margin-bottom: 5px;
		width: 402px;
	}
	
	.letter_tagline h4 {
		font-size:20px;
	}

	.letter {
		height: 164px;
	}

	.radar canvas {
		/* margin-top: 30px; */
	}

	
	.nav-pills {
		font-size: 1.125em;
		padding-top: 0;
	}

	.nav-pills.col-md-6 {
		width: 50% !important;
	}

	.maxmin {
		/* padding: 0 5px; */
	}

	.submit_wrap {
		margin-top: 0;
		text-align: right;
	}
	
	.question {
		margin-bottom: 0;
	}

	.freegen .question {
		/* margin-bottom: 20px; */
	}

	.freegen .submit_wrap {
		text-align: center;
	}

	.searchbox input[type=text] {
		margin-bottom: 1px;
		width: 270px;
		margin-right: 10px;
}
	
	.nav-default .searchbox {
		/* margin-top: 49px; */
		padding-top:  0;
		text-align: center;
	}
	.nav-default form {
		padding: 5px;
	}
	.letter_group_qualities ul li {
		font-size: 22px;
		line-height: 1.5;
	}
	header nav ul li a {
		font-size: 17px;
		margin: 0 10px;
		padding: 4px 15px;
	}

}

@media (min-width: 1200px) {
	.inducement {
		clear:both;
		/* font-size: 20px; */
	}
	.title {
		width: auto;
	}
	.personality .answer .slider {
		width: 440px;
	}
	.question.sex{
		margin-left: 86px;
		margin-right:  30px;
	}
	.question.personality {
		width: 620px;
	}
	.question.personality legend {
		font-size: 39px;
	}
	.question.sex legend {
		font-size: 39px;
	}
	.question.sex label {
		font-size: 23px;
		margin: 0 10px;
	}
	.question {
		width: 259px;
	}
	.names .table .name h4 {
		font-size: 18px
	}
	.generator .names .table .name {
		width: 246px;
	}
	.names .table .name h3 a {
		font-size: 19px;
	}
	.generator .names .table .name h3 a {
		font-size: 24px;
	}
	
	.as.name_banner .wrap {
		width: 970px;
		display:inline-block;
		margin:  5px 0;
	}
	.name.page-title h1 {
		float:none;
		margin: 0;
	}
	.name.page-title h2 {
		float: none;
		top: 0;
		right: 0;
		margin: 0 30px;
	}
	.name_page .as.inside_name_text {
		float: left;
		margin-right: 22px;
		margin-left: -6px;
		margin-bottom: 10px;
	}
	.aboutpage .quote {
		font-size: 18px;
		
	}
	.intro_img img {
		height: 300px;
	}
	header nav ul li a {
		
	}
	.letter_group_ratings .rating {
		width: 180px;
	} 
	.name_page .aiy_logo {
		float: left;
		width: 250px;
		margin-right: 20px;
	}
	.graph .wrap h3 {
		font-size: 30px;
	}
	.navbar {
		margin-bottom: 0px;
	}
	.letter_group_ratings h5 {
		font-size: 23px;
		margin-bottom: 0;
		margin-top: 10px;
	}
	.letter_group_ratings span {
		font-size: 39px;
		margin: 0;
	}
	.letter_group_ratings .wrap {
		padding-top: 0;
	}
	.letter_group_ratings .inner {
		height: 110px;
		margin-top:0;
		width: calc(100% - 20px);
	}
	.letter_group_qualities ul li {
		line-height:1.8;
		font-size: 26px;
	}
	.letter_group_qualities .wrap {
		height:110px;
	}
	.names_title {
		font-size: 29px;
	}
	.as .wrap {
		padding:5px 0;
		margin: 10px 0;
	}
	.letter_group.wrap h3 {
		font-size: 36px;
		margin-bottom: 7px;
	}
	.homepage .bigtext .wrap p {
		/* width: 600px; */
	}
	.generator.block .block_link a {
		margin-top:-11px;
		margin-bottom:20px;
		font-size: 35px;
		left:59px;
	}
	.homepage .block.generator img {
		
width: 270px;
		
position: relative;
		
left: -78px;
		
margin-top: -80px;
	}
	.homepage .first p {
		font-size:22px;
		margin-bottom: 40px;
	}
	.generator.block p {
		font-size: 20px;
		line-height:1.5;
		width: 600px;
	}
	.enter_name {
		left: 50px;
		font-size: 51px;
		margin-top: -4px;
	}
	.search_form input {
		width: 400px;
	}
	.as.homepage_intro .creative {
		float: right;
	}
	.homepage .block.explore img {
		max-width:100%;
		width: 360px;
		margin-top: -18px;
	}
	.clear-left-lg {
		clear: left;
	}
	.clear-left-sm,
	.clear-left-md {
		clear:none;
	}
	.freegen .submit_wrap .btn {
		margin-top: 78px;
	}
	.freegen .submit_wrap .btn span {
		font-size: 35px;
	}

	.optin_form_wrap .wrap {
		margin-top: 23px;
	}
	.tagline {
		font-size: 22px;
		margin-top: 18px;
		width: auto;
		display: block;
		margin-bottom: 10px;
		left: 0;
	}
	
	.get_full.wrap p {
		width: 75%;

	}

	.checkout.container {
		min-height: 750px;
	}

	.get_full.wrap img {
		top: -20px;
	}

	img.name_letter {
		width: 180px;
	}
	
	form.search_form input {
		display: inline-block;
		margin: 0;
		text-align: left;
	}

	.block.img-right img {
		margin-left: 70px;
		/* margin-top: 17px; */
	}
	.letter {
		height: 133px;
	}

	.letter_tagline h4 {
		font-size: 21px;
		margin-top: 7px;
	}

	.radar canvas {
		/* margin-top: 5px; */
		height: 240px !important;
	}


	legend {
		font-size: 25px;
		margin-bottom: 3px;}

	.question label {
		font-size: 18px;
		line-height: 1.1;
		cursor: pointer;
	}

	.submit_wrap .btn {
		font-size: 32px;
		margin-top: 40px;
	}
}


#cssload-loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 171px;
	height: 171px;
	margin: auto;
}
#cssload-loader .cssload-dot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 85.5px;
	height: 100%;
	margin: auto;
}
#cssload-loader .cssload-dot:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 85.5px;
	height: 85.5px;
	border-radius: 100%;
	transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
}
#cssload-loader .cssload-dot:nth-child(7n+1) {
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
}
#cssload-loader .cssload-dot:nth-child(7n+1):before {
	background: rgb(0,255,128);
	animation: cssload-load 0.92s linear 0.12s infinite;
		-o-animation: cssload-load 0.92s linear 0.12s infinite;
		-ms-animation: cssload-load 0.92s linear 0.12s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.12s infinite;
		-moz-animation: cssload-load 0.92s linear 0.12s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+2) {
	transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
}
#cssload-loader .cssload-dot:nth-child(7n+2):before {
	background: rgb(0,255,234);
	animation: cssload-load 0.92s linear 0.23s infinite;
		-o-animation: cssload-load 0.92s linear 0.23s infinite;
		-ms-animation: cssload-load 0.92s linear 0.23s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.23s infinite;
		-moz-animation: cssload-load 0.92s linear 0.23s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+3) {
	transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
}
#cssload-loader .cssload-dot:nth-child(7n+3):before {
	background: rgb(0,170,255);
	animation: cssload-load 0.92s linear 0.35s infinite;
		-o-animation: cssload-load 0.92s linear 0.35s infinite;
		-ms-animation: cssload-load 0.92s linear 0.35s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.35s infinite;
		-moz-animation: cssload-load 0.92s linear 0.35s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+4) {
	transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
}
#cssload-loader .cssload-dot:nth-child(7n+4):before {
	background: rgb(0,64,255);
	animation: cssload-load 0.92s linear 0.46s infinite;
		-o-animation: cssload-load 0.92s linear 0.46s infinite;
		-ms-animation: cssload-load 0.92s linear 0.46s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.46s infinite;
		-moz-animation: cssload-load 0.92s linear 0.46s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+5) {
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
}
#cssload-loader .cssload-dot:nth-child(7n+5):before {
	background: rgb(42,0,255);
	animation: cssload-load 0.92s linear 0.58s infinite;
		-o-animation: cssload-load 0.92s linear 0.58s infinite;
		-ms-animation: cssload-load 0.92s linear 0.58s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.58s infinite;
		-moz-animation: cssload-load 0.92s linear 0.58s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+6) {
	transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
}
#cssload-loader .cssload-dot:nth-child(7n+6):before {
	background: rgb(149,0,255);
	animation: cssload-load 0.92s linear 0.69s infinite;
		-o-animation: cssload-load 0.92s linear 0.69s infinite;
		-ms-animation: cssload-load 0.92s linear 0.69s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.69s infinite;
		-moz-animation: cssload-load 0.92s linear 0.69s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+7) {
	transform: rotate(315deg);
}
#cssload-loader .cssload-dot:nth-child(7n+7):before {
	background: magenta;
	animation: cssload-load 0.92s linear 0.81s infinite;
		-o-animation: cssload-load 0.92s linear 0.81s infinite;
		-ms-animation: cssload-load 0.92s linear 0.81s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.81s infinite;
		-moz-animation: cssload-load 0.92s linear 0.81s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+8) {
	transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
}
#cssload-loader .cssload-dot:nth-child(7n+8):before {
	background: rgb(255,0,149);
	animation: cssload-load 0.92s linear 0.92s infinite;
		-o-animation: cssload-load 0.92s linear 0.92s infinite;
		-ms-animation: cssload-load 0.92s linear 0.92s infinite;
		-webkit-animation: cssload-load 0.92s linear 0.92s infinite;
		-moz-animation: cssload-load 0.92s linear 0.92s infinite;
}

#cssload-loader {
	display: none;
}

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

@-o-keyframes cssload-load {
	100% {
		opacity: 0;
		-o-transform: scale(1);
	}
}

@-ms-keyframes cssload-load {
	100% {
		opacity: 0;
		-ms-transform: scale(1);
	}
}

.page-inner {
	background:white;
	border-radius:5px;
	padding: 1px 20px 10px;
}
@media (min-width: 768px) {

	.freegen .arrow_wrap:before, .freegen .arrow_wrap:after {
		border: 0;
	}

}