/* -----------------------------------------------------------------------------

	GENERAL STYLING
  
----------------------------------------------------------------------------- */

body {
	overflow-x:hidden;
}

/* Disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust:none;
}

/* -----------------------------------------------------------------------------

	LOGO SPRITE
  
----------------------------------------------------------------------------- */

#header_white {
	-webkit-box-shadow:0 1px 2px 0 rgba(36, 50, 66, 0.15); -moz-box-shadow:0 1px 2px 0 rgba(36, 50, 66, 0.15); box-shadow:0 1px 2px 0 rgba(36, 50, 66, 0.15);
}

#logo_sprite {
	float:left;
}

#logo_sprite {
	width:140px;
	height:32px;
	background-image:url('../images/logo-sprite.png');
	background-repeat:no-repeat;
	background-position:0 -32px;
	cursor:pointer;
	position:relative;
	margin-top:10px;
	margin-left:20px;
}

#logo_sprite::after {
	content:'';
	background-image:url('../images/logo-sprite.png');
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-transition:opacity 0.5s linear;
	-moz-transition:opacity 0.5s linear;
	-o-transition:opacity 0.5s linear;
	-ms-transition:opacity 0.5s linear;
	transition:opacity 0.5s linear;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
}

#header.scroll #logo_sprite::after {
	opacity:1;
}

/* -----------------------------------------------------------------------------

	TEMPLATE STYLING
  
----------------------------------------------------------------------------- */

#main_wrapper h1 {
	/*color:red;*/
}

#main_wrapper {
	margin:0 auto;
	padding-top:25px;
	padding-bottom:100px;
	max-width:1000px;
	/*border:1px solid red;*/
}

#main_wrapper, #main_wrapper * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

#main_wrapper h1, 
#main_wrapper h2, 
#main_wrapper h3, 
#main_wrapper h4, 
#main_wrapper h5 {
	font-family:"Lato", Helvetica, Arial, sans-serif;
	line-height:120%;
    margin-bottom:15px;
}

#main_wrapper h1 {
	font-size:250%; /* 40px */
}

#main_wrapper h2 {
	font-size:200%; /* 32px */
}

#main_wrapper h3 {
	font-size:175%; /* 28px */
}

#main_wrapper h4 {
	font-size:150%; /* 24px */
}

#main_wrapper h5 {
	font-size:125%; /* 20px */
}

#main_wrapper a {
	outline:none;
	text-decoration:none;
}

#main_wrapper .clearfix {
	clear:both;
}

/* Remove button padding in FF */
#main_wrapper input[type="submit"]::-moz-focus-inner, 
#main_wrapper input[type="button"]::-moz-focus-inner {
	border:0;
	padding:0;
	margin:0;
}

#main_wrapper img {
	max-width:100%;
    height:auto;
	width:auto\9; /* ie8 */
	vertical-align:middle;
	border:none;
}

.row:after {
    content:'';
    clear:both;
    display:block;
}

/* For mobile phones */
[class*="col_"] {
    float:left;
    padding:15px;
	width:100%;
}

/* -----------------------------------------------------------------------------

	SIDEBAR NAVIGATION
  
----------------------------------------------------------------------------- */

#sidebar {
	position:relative;
}

#sidebar ul {
	overflow:auto;
	background:#FFFFFF;
}

#sidebar ul li a {
	display:block;
	padding:10px;
	text-align:center;
	font-size:14px;
	color:#333333;
	border-bottom:1px solid #EBEFF2;
	position:relative;
}

/* Change the link color on hover */
#sidebar ul li a:hover {
	background-color:#F8F7FF;
	color:#7767FE;
}

#sidebar ul li a.active {
	background-color:#F8F7FF;
	color:#7767FE;
}

#sidebar ul li a:hover span, 
#sidebar ul li a.active span {
	border-left:3px solid #7767FE;
	height:105%;
	position:absolute;
	left:0;
	top:-1px;
}

/* -----------------------------------------------------------------------------

	INTRO AREA
  
----------------------------------------------------------------------------- */

#intro {
	text-align:center;
}

#intro img {
	margin-bottom:15px;
}

#intro p {
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#7D7D7D;
	line-height:140%;
}

#intro strong {
	font-weight:bold;
}

.note {
	font-family:Verdana, Arial, sans-serif;
	font-size:14px;
	color:#7D7D7D;
	text-align:center;
	min-height:200px;
}

/* -----------------------------------------------------------------------------

	RESULT WRAPPER
  
----------------------------------------------------------------------------- */

#result-wrapper {
	background-color:#F1F5F8;
	border:1px solid #EBEFF2;
	padding-bottom:25px;
}

#result-wrapper h5 {
	padding-top:15px;
}

.result-inner-wrapper {
	margin:0 auto;
	max-width:1000px;
}

#result-heading {
	max-width:450px;
	padding:15px;
	margin:0 auto 25px;
	text-align:center;
}

#result-heading h3 {
	font-size:18px;
	line-height:150%;
}

#result-heading-border {
	background:#EE4554;
	background:-webkit-linear-gradient(to right, #ED4554, #1FB3FE);
	background:-o-linear-gradient(to right, #ED4554, #1FB3FE);
	background:-moz-linear-gradient(to right, #ED4554, #1FB3FE);
	background:linear-gradient(to right, #ED4554, #1FB3FE);
	height:4px;
	max-width:200px;
	margin:15px auto 0;
}

.tb-wrapper {
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
}

/* iPhone no-scrollbar fix */
#table_wrapper::-webkit-scrollbar {
	-webkit-appearance:none;
	width:14px;
	height:14px;
}

#table_wrapper::-webkit-scrollbar-thumb {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:3px solid #FFFFFF;
	background-color:rgba(0, 0, 0, .3);
}

.tb-outer {
	border:1px solid #EBEFF2;
	border-left:none;
	border-right:none;
	background-color:#FFFFFF;
	max-width:760px;
	margin:0 auto;
	padding:0 20px;
}

.tb-wrapper-left {
	/*width:50%;
	float:left;*/
	margin-bottom:25px;
}

.tb-outer-wide {
	max-width:750px;
}
	
.tb-result {
	width:100%;
	border-collapse:collapse;
}

.tb-result th {
	color:#224C88;
	text-align:left;
	text-transform:uppercase;
	padding:15px 0;
	font-size:15px;
}

.tb-result td strong, .tb-result td b {
	font-weight:bold;
	line-height:150%;
}

.tb-result tr {
	border-bottom:1px solid #EBEFF2;
	line-height:20px;
	-webkit-transition:background-color 0.7s;
	-moz-transition:background-color 0.7s;
	-o-transition:background-color 0.7s;
	transition:background-color 0.7s;
}

.tb-result th a {
	color:#22B1FC;
}

.tb-result tr.table-row-highlight {
	background-color:#FFC000;
}

.tb-result tr:last-child {
	border-bottom:none;
}

.tb-result td {
	padding:12px 0;
	font-size:15px;
}

.available {
	color:#29D8AF;
}

.not-available {
	color:#ED4552;
}

.action-link {
	color:#1FB3FE;
}

.extra-info {
    color:#888888;
    font-size:11px;
}

.gray-label {
    color:#888888;
    font-size:13px;
    font-weight:normal;
    text-transform:lowercase;
}

.brainstorm-link, .namespinner-link {
    border-bottom:1px dotted #444444;
    color:#771632;
    text-decoration:none;
}

.brainstorm-link:hover, .namespinner-link:hover {
    border-bottom:1px solid #771632;
}

.availability-loader {
	width:50px;
	margin-left:35px;
}

.brainstromer-loader {
	max-width:760px;
	text-align:center;
}

.similar-words-loader {
	width:100%;
	text-align:center;
	padding:15px;
}

.favorite {
	background:url('../images/favorite.png');
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:16px 45px;
	cursor:pointer;
	height:15px;
	width:15px;
	display:inline-block;
	margin-left:30px;
}

.not_favorite_domain:hover {
	background-position:0px -15px;
}

.favorite_domain {
	background-position:0px -30px;
}

img.favorite-preloader {
	margin-left:10px;
	vertical-align:text-bottom !important;
	display:none;
}

.remove_favorite {
	background:url('../images/remove.png');
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:16px 16px;
	cursor:pointer;
	height:16px;
	width:16px;
	display:inline-block;
	margin-left:15px;
}

/* -----------------------------------------------------------------------------

	POPUP
  
----------------------------------------------------------------------------- */

#overlay {
	background-image:url('../images/dark-opacity.png');
	background-repeat:repeat;
	display:none;
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:99998;
}

#popup {
	background:#EE4554;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	display:none;
	position:fixed;
	width:500px;
	height:300px;
	z-index:99999;
}

#close {
	background:#FFFFFF;
	border:2px solid #000000;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	cursor:pointer;
	font-size:20px;
	line-height:25px;
	position:absolute;
	top:-15px;
	right:-15px;
	text-align:center;
	height:30px;
	width:30px;
}

#popup h3 {
	color:#FFFFFF;
	font-size:30px;
	padding-top:25px;
}

#popup p {
    padding-top:40px;
    text-align:center;
	line-height:17px;
}

#popup a {
	color:#FFFFFF;
    font-size:26px;
    text-decoration:underline;
}

/* -----------------------------------------------------------------------------

	GENERAL FORM
  
----------------------------------------------------------------------------- */

#form-wrapper {
	margin-bottom:25px;
}

.ad_box {
	text-align:center;
	padding-top:25px
}

#form-wrapper form {
	background-color:#F1F5F8;
	border:1px solid #EBEFF2;
	padding:10px 0 25px;
	position:relative;
}

#form-wrapper form .lbl-text {
	font-family:Verdana, Arial, sans-serif;
	font-size:15px;
	color:#7D7D7D;
	margin-bottom:15px;
	display:inline-block;
}

.template-level {
	display:block !important;
	margin-bottom:25px !important;
}

.txtfield {
	border:1px solid #1FB3FE;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-size:14px;
	padding:8px 6px;
	width:100%;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
}

.txtfield:focus {
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
}

.txtafield {
	border:1px solid #1FB3FE;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-size:14px;
	font-family:inherit;
	padding:6px;
	width:100%;
	height:150px;
	overflow:auto;
	resize:none;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
}

.txtafield:focus {
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
}

.selbox {
	border:1px solid #1FB3FE;
	background-image:url('../images/down-arrow-select.png');
	background-position:97% center;
	-webkit-background-size:12px 12px;
	-moz-background-size:12px 12px;
	-o-background-size:12px 12px;
	background-size:12px 12px;
	background-repeat:no-repeat;
	width:100%;
	padding:6px;
	font-size:14px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-size:15px;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
}

.selbox:focus {
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE;
}

.btn {
	background:#EE4554;
	background:-webkit-linear-gradient(to bottom right, #EE4554, #B553A9);
	background:-o-linear-gradient(to bottom right, #EE4554, #B553A9);
	background:-moz-linear-gradient(to bottom right, #EE4554, #B553A9);
	background:linear-gradient(to bottom right, #EE4554, #B553A9);
	border:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFFFFF;
	cursor:pointer;
	font-size:16px;
	padding:8px 12px;
	outline:none;
	width:100%;
}

/* -----------------------------------------------------------------------------

	BULKCHECK FORM
  
----------------------------------------------------------------------------- */

.chk-table {
	width:100%;
	border-collapse:collapse;
	font-size:13px;
}

.chk-table td {
	padding-bottom:15px;
}

.chk-control {
	border-top:1px solid #EBEFF2;
	border-bottom:1px solid #EBEFF2;
	text-align:center;
	padding:12px 0;
	margin-top:5px;
}

.chk-control ul li {
    display:inline-block;
    border-right:1px solid #EBEFF2;
	padding-right:15px;
	margin-right:15px;
}

.chk-control ul li:last-child {
    border-right:none;
}

#chk-all {
	color:#3F87FF;
	font-size:13px;
}

#chk-none {
	color:#ED4552;
	font-size:13px;
}

/* Customize the label (the container) */
.container {
	display:block;
	position:relative;
	padding-left:25px;
	margin-bottom:5px;
	margin-top:15px;
	cursor:pointer;
	font-size:14px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/* Hide the browser's default checkbox */
.container input[type="checkbox"] {
	position:absolute;
	opacity:0;
	cursor:pointer;
}

/* Create a custom checkbox */
.checkmark {
	position:absolute;
	top:0;
	left:0;
	height:15px;
	width:15px;
	border:1px solid #29D8AF;
}

/* On mouse-over, add a green background color */
.container:hover input ~ .checkmark {
	background-color:#43DCBA;
}

/* When the checkbox is checked, add a green background */
.container input:checked ~ .checkmark {
	background-color:#43DCBA;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content:"";
	position:absolute;
	display:none;
}	

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display:block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left:4px;
	top:0;
	width:5px;
	height:9px;
	border-top:0px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-left:0px solid white;
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Safari */
	-o-transform:rotate(45deg); /* Opera */
	-moz-transform:rotate(45deg); /* Firefox */
	transform:rotate(45deg); /* Standard syntax */
}

#btnbulkcheck-control, #btnspinner-control, #btngenerator-control {
	text-align:center;
}

#loader {
	position:absolute;
	left:50%;
	margin-left:-8px;
	bottom:15px;
	width:16px;
	height:16px;
	display:none;
}

/* -----------------------------------------------------------------------------

	FORM ERROR
  
----------------------------------------------------------------------------- */

#form-error {
    border:1px solid #FFC000;
	color:#FFC000;
	font-size:14px;
	line-height:140%;
	padding:15px;
	text-align:center;
	margin-bottom:15px;
}

.textbox-wrapper, .textarea-wrapper, .checkbox-wrapper, .selbox-wrapper {
	position:relative;
}

.textbox-wrapper .error, 
.textarea-wrapper .error, 
.checkbox-wrapper .error, 
.selbox-wrapper .error {
	position:absolute;
	left:0;
	bottom:-22px;
}

#login_info_wrapper {
	background-color:#F1F5F8;
	border:1px solid #EBEFF2;
}

#login_info {
	max-width:500px;
	margin:0 auto;
	text-align:center;
}

#login_info p {
    color:#7d7d7d;
    font-family:Verdana,Arial,sans-serif;
    font-size:14px;
    line-height:140%;
}

#login_info a {
	background-color:#7767fe;
	display:inline-block;
	padding:7px 15px;
	color:#FFFFFF;
	margin-top:15px;
}

/* -----------------------------------------------------------------------------

	GENERATOR TEMPLATE
  
----------------------------------------------------------------------------- */

#gen_template {
	position:relative;
}

#gen_label:after {
	bottom:100%;
	left:10%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}

#gen_label:after {
	border-color:rgba(41, 38, 65, 0);
	border-bottom-color:#292641;
	border-width:10px;
	margin-left:-10px;
}

#gen_label {
	background:#292641;
	border-radius:3px;
	box-shadow:0px 0px 10px #6c6c6c;
	display:none;
	left:0px;
	padding:10px 20px;
	position:absolute;
	top:120%;
	/*width:120px;*/
}

#gen_label li {
	border-bottom:1px solid #6a6979;
	color:#fff;
	font-size:14px;
	left:0px;
	padding:10px;
	top:20px;
}

#gen_label li:last-child {
	border-bottom:none;
}

#gen_template:hover #gen_label {
	display:block;
}

#gen_template a {
	display:inline-block;
	font-size:16px;
	color:#292641;
	width:10px;
	margin-left:5px;
}

#template_anchors {
	border:1px solid #1fb3fe;
	background:#FFFFFF;
	padding:9px 11px 9px 9px;
	text-align:center;
	min-height:36px;
	min-width:100px;
}

#favorite-form {
	position:relative;
}

.error {
	color:#FFC000;
    font-size:12px;
	padding-top:10px;
}

.chosen-container-multi .chosen-choices {
	background:#FFFFFF;
	border:1px solid #1FB3FE;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:3px 3px 3px 10px;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
}

.chosen-container-active .chosen-choices {
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE !important;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE !important;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE !important;
}

#sel_gen_length_chosen .chosen-search {
	/*display:none;*/
}

.chosen-container-single .chosen-single {
	background:none !important;
	border:none !important;
	box-shadow:none !important;
}

.chosen-container-single {
	background:none;
	border:1px solid #1FB3FE;
	padding:3px;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
	margin-bottom:15px;
}

.chosen-container-active {
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE !important;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE !important;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #1FB3FE !important;
}

#sel_gen_tld_chosen {
	margin:0;
}

/* -----------------------------------------------------------------------------

	Custom Confirm jQuery UI Dialog Box
  
----------------------------------------------------------------------------- */

.confirm-box {
	border:1px solid #ee4554;
	padding:0;
	font-size:15px;
}

.confirm-box p {
	line-height:140%;
}

.confirm-box .ui-dialog-buttonpane {
	border-top:1px solid #ee4554;
}

.confirm-box .ui-widget-header {
	background:none;
	border:1px solid #ee4554;
	border-radius:0;
}

.confirm-box .ui-dialog-titlebar {
	background:#ee4554;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
}

.confirm-btn {
	background:#EE4554 !important;
	background:-webkit-linear-gradient(to bottom right, #EE4554, #B553A9) !important;
	background:-o-linear-gradient(to bottom right, #EE4554, #B553A9) !important;
	background:-moz-linear-gradient(to bottom right, #EE4554, #B553A9) !important;
	background:linear-gradient(to bottom right, #EE4554, #B553A9) !important;
	border:none !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
	border-radius:3px !important;
	color:#FFFFFF !important;
	cursor:pointer;
	font-size:16px !important;
	outline:none;
}

/* -----------------------------------------------------------------------------

	DOMAININFO TOOL
  
----------------------------------------------------------------------------- */

.txtdomaininfo {
	border:1px solid #BD519D;
	font-size:14px;
	padding:10px;
	width:80%;
	float:left;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
}

.txtdomaininfo:focus {
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #BD519D;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #BD519D;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #BD519D;
}

.btndomaininfo {
	background:#EE4554;
	background:-webkit-linear-gradient(to bottom right, #EE4554, #B553A9);
	background:-o-linear-gradient(to bottom right, #EE4554, #B553A9);
	background:-moz-linear-gradient(to bottom right, #EE4554, #B553A9);
	background:linear-gradient(to bottom right, #EE4554, #B553A9);
	border:1px solid #BD519D;
	border-left:none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	padding:10px;
	outline:none;
	width:20%;
	float:left;
}

.txtdomaininfo-wrapper {
	position:relative;
	max-width:450px;
	margin:50px auto;
	padding-bottom:30px;
}

.txtdomaininfo-wrapper .error {
	position:absolute;
	left:0;
	bottom:-30px;
}

.recaptcha-wrapper {
	position:relative;
	max-width:304px;
	margin:0 auto;
}

#domaininfo-wrapper {
	margin-bottom:50px;
}

#domaininfo-inner-wrapper {
	margin:0 auto;
	max-width:800px;
}

#favorite_link {
	color:#7767fe;
	font-size:16px !important;
	max-width:400px;
	width:100%;
	margin:0 auto;
	height:25px;
}

#favorite_heading a {
	color:#7767fe;
	font-size:18px;
}

.domaininfo-item {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	height:175px;
	text-align:center;
	
	-webkit-box-shadow:
		0 2px 3px rgba(255, 255, 255, 0.3) inset,
		0 -1px 3px rgba(0, 0, 0, 0.3) inset,
		0 1px 1px rgba(255, 255, 255, 0.9);
	-moz-box-shadow:
		0 2px 3px rgba(255, 255, 255, 0.3) inset,
		0 -1px 3px rgba(0, 0, 0, 0.3) inset,
		0 1px 1px rgba(255, 255, 255, 0.9);
	box-shadow:
		0 2px 3px rgba(255, 255, 255, 0.3) inset,
		0 -1px 3px rgba(0, 0, 0, 0.3) inset,
		0 1px 1px rgba(255, 255, 255, 0.9);	
	
	position:relative;
}

#moz_div {
	background:#4692C6;
	background:-webkit-linear-gradient(to top right, #4692C6, #4BB6E4); /* for Safari */
	background:-o-linear-gradient(to top right, #4692C6, #4BB6E4); /* for Opera */
	background:-moz-linear-gradient(to top right, #4692C6, #4BB6E4); /* for Firefox */
	background:linear-gradient(to top right, #4692C6, #4BB6E4); /* standard syntax (must be last) */
}

#majestic_div {
	background:#EF382A;
	background:-webkit-linear-gradient(to top right, #EF382A, #FC7B3A); /* for Safari */
	background:-o-linear-gradient(to top right, #EF382A, #FC7B3A); /* for Opera */
	background:-moz-linear-gradient(to top right, #EF382A, #FC7B3A); /* for Firefox */
	background:linear-gradient(to top right, #EF382A, #FC7B3A); /* standard syntax (must be last) */
}

#alexa_div {
	background:#172029;
	background:-webkit-linear-gradient(to top right, #172029, #174366); /* for Safari */
	background:-o-linear-gradient(to top right, #172029, #174366); /* for Opera */
	background:-moz-linear-gradient(to top right, #172029, #174366); /* for Firefox */
	background:linear-gradient(to top right, #172029, #174366); /* standard syntax (must be last) */
}

#dmoz_div {
	background:#09850B;
	background:-webkit-linear-gradient(to top right, #09850B, #399A39); /* for Safari */
	background:-o-linear-gradient(to top right, #09850B, #399A39); /* for Opera */
	background:-moz-linear-gradient(to top right, #09850B, #399A39); /* for Firefox */
	background:linear-gradient(to top right, #09850B, #399A39); /* standard syntax (must be last) */
}

#google_div {
	background:#4285F4;
	background:-webkit-linear-gradient(to top right, #4285F4, #6296EA); /* for Safari */
	background:-o-linear-gradient(to top right, #4285F4, #6296EA); /* for Opera */
	background:-moz-linear-gradient(to top right, #4285F4, #6296EA); /* for Firefox */
	background:linear-gradient(to top right, #4285F4, #6296EA); /* standard syntax (must be last) */
}

#ip_div {
	background:#EE4554;
	background:-webkit-linear-gradient(to top right, #EE4554, #B553A9); /* for Safari */
	background:-o-linear-gradient(to top right, #EE4554, #B553A9); /* for Opera */
	background:-moz-linear-gradient(to top right, #EE4554, #B553A9); /* for Firefox */
	background:linear-gradient(to top right, #EE4554, #B553A9); /* standard syntax (must be last) */
}

#links_div {
	background:#A10FBA;
	background:-webkit-linear-gradient(to top right, #A10FBA, #522EB6); /* for Safari */
	background:-o-linear-gradient(to top right, #A10FBA, #522EB6); /* for Opera */
	background:-moz-linear-gradient(to top right, #A10FBA, #522EB6); /* for Firefox */
	background:linear-gradient(to top right, #A10FBA, #522EB6); /* standard syntax (must be last) */
}

#facebook_div {
	background:#407AFA;
	background:-webkit-linear-gradient(to top right, #407AFA, #30CCF0); /* for Safari */
	background:-o-linear-gradient(to top right, #407AFA, #30CCF0); /* for Opera */
	background:-moz-linear-gradient(to top right, #407AFA, #30CCF0); /* for Firefox */
	background:linear-gradient(to top right, #407AFA, #30CCF0); /* standard syntax (must be last) */
}

#age_div {
	background:#F03232;
	background:-webkit-linear-gradient(to top right, #F03232, #FC9709); /* for Safari */
	background:-o-linear-gradient(to top right, #F03232, #FC9709); /* for Opera */
	background:-moz-linear-gradient(to top right, #F03232, #FC9709); /* for Firefox */
	background:linear-gradient(to top right, #F03232, #FC9709); /* standard syntax (must be last) */
}

#wayback_div {
	background:#AE3135;
	background:-webkit-linear-gradient(to top right, #AE3135, #DB6769); /* for Safari */
	background:-o-linear-gradient(to top right, #AE3135, #DB6769); /* for Opera */
	background:-moz-linear-gradient(to top right, #AE3135, #DB6769); /* for Firefox */
	background:linear-gradient(to top right, #AE3135, #DB6769); /* standard syntax (must be last) */
}

/*.inner-domaininfo-item {
	width:100%;
	margin:0;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}*/

.inner-domaininfo-item {
	padding-top:20px;
}

.inner-domaininfo-item img {
	padding-bottom:15px;
}

.inner-domaininfo-item p {
	font-size:18px;
	color:#C5C5C5;
	line-height:140%;
	
}

.inner-domaininfo-item span.domain_info {
	/*font-weight:bold;*/
	color:#FFFFFF;
}

/* -----------------------------------------------------------------------------

	GOOGLE RANK
  
----------------------------------------------------------------------------- */

.card {
	max-width:250px;
	-webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align:center;
}

.card_header {
	background-color:#4CAF50;
	color:white;
	padding:10px;
	font-size:18px;
}

.card_container {
	padding:10px;
}

.google_text p {
	margin-bottom:10px;;
}

/* -----------------------------------------------------------------------------

	MEDIA QUERIES FOR A RESPONSIVE LAYOUT (MOBILE FIRST)
  
----------------------------------------------------------------------------- */

/* LARGER THAN 320 */

@media only screen and (min-width: 320px) {
	#main_wrapper h1 {
		/*color:green;*/
	}
}

/* LARGER THAN 480 */

@media only screen and (min-width: 480px) {

	#main_wrapper h1 {
		/*color:blue;*/
	}
	
}

/* LARGER THAN 600 */

@media only screen and (min-width: 600px) {

	/* For tablets (LARGER THAN 600) */
	.col_m_1 {width:8.33%;}
    .col_m_2 {width:16.66%;}
    .col_m_3 {width:25%;}
    .col_m_4 {width:33.33%;}
    .col_m_5 {width:41.66%;}
    .col_m_6 {width:50%;}
    .col_m_7 {width:58.33%;}
    .col_m_8 {width:66.66%;}
    .col_m_9 {width:75%;}
    .col_m_10 {width:83.33%;}
    .col_m_11 {width:91.66%;}
    .col_m_12 {width:100%;}

	#main_wrapper h1 {
		/*color:aqua;*/
	}

	#main_wrapper {
		padding:100px 0 0 0;
	}

	#sidebar ul {
		/*position:fixed;
		top:59px;
		margin-top:115px;*/
		/*border:1px solid red;*/
		width:125px;
	}

	#sidebar ul li a {
		text-align:left;
	}
	
}

/* LARGER THAN 768 */

@media only screen and (min-width: 768px) {
	/* For desktop (LARGER THAN 768) */
	.col_1 {width:8.33%;}
	.col_2 {width:16.66%;}
	.col_3 {width:25%;}
	.col_4 {width:33.33%;}
	.col_5 {width:41.66%;}
	.col_6 {width:50%;}
	.col_7 {width:58.33%;}
	.col_8 {width:66.66%;}
	.col_9 {width:75%;}
	.col_10 {width:83.33%;}
	.col_11 {width:91.66%;}
	.col_12 {width:100%;}

	#main_wrapper h1 {
		/*color:lime;*/
	}

	#btncompletecheck-control, 
	#btninstantcheck-control, 
	#btnbrainstormer-control, 
	#btnwatch-control,
	#btnfav-control,
	#btngooglerank-control {
		margin-top:28px;
	}
	
	#btnbulkcheck-control .btn, #btnspinner-control .btn, #btngenerator-control .btn {
		width:auto;
		min-width:100px;
	}

	#sidebar ul {
		width:125px;
	}

}

/* LARGER THAN 900 */

@media only screen and (min-width: 900px) {
	#main_wrapper h1 {
		/*color:orange;*/
	}
	
	#intro img {
		float:left;
		margin-right:15px;
	}
	
	#intro p {
		text-align:left;
		overflow:auto;
	}

	#sidebar ul {
		width:137px;
	}
 }

/* FOR DEVICE WIDTH BETWEEN 768 AND 1024 */

@media only screen 
and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: landscape) {
	#main_wrapper h1 {
		/*color:purple;*/
	}
}

/* LARGER THAN 1200 */

@media only screen and (min-width: 1200px) {
	#main_wrapper h1 {
		/*color:yellow;*/
	}
}

/* RETINA-READY IMAGES FOR iPHONE, iPAD AND OTHER SMARTPHONES */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 1.5dppx) { 
	/*body {
		background-image:url('../images/pattern-gray@2x.png');
		background-size:17px 17px;
	}*/
	
	.selbox {
		background-image:url('../images/down-arrow-select@2x.png');
		-webkit-background-size:12px 12px;
		-moz-background-size:12px 12px;
		-o-background-size:12px 12px;
		background-size:12px 12px;
	}

	#main_wrapper h1 {
		/*color:teal;*/
	}
}