@charset "UTF-8";

/* ------------------- LEGACY --------------------*/

.standard {
	
}

.standardred {
	color: #dd0000 !important;
}	

small
{
  font-size:12px;
}

.querygo {
	
}

ul.bluedotarrow {
	list-style: none;
	padding-left: 20px;	
}

ul.bluedotarrow li:before {
	font-family: 'FontAwesome';
	content: '\f105';
	margin: 0px 5px 0px -15px;
	color: #0485bc;
	font-size: 18px;
}

ul.bluedotarrow li {
	margin-top: 5px;	
}

ul.bluedotarrow li {
	font-weight: 400;	
}


ul.redcheck {
	list-style: none;
}
ul.redcheck li:before {
	font-family: 'FontAwesome';
	content: '\f046';
	margin: 0px 5px 0px -15px;
	color: #dd0000;
	font-size: 18px;
}
ul.redcheck li {
	margin-top: 5px;	
	font-weight: bold;
}


ul.redarrow {
	list-style: none;	
	padding-left: 30px;	
}
ul.redarrow li:before {
	font-family: 'FontAwesome';
	content: '\f105';
	margin: 0px 5px 0px -15px;
	color: #dd0000;
	font-size: 18px;
}
ul.redarrow li {
	margin-top: 5px;	
}



.bigprice {
	font-size: 40px;
	margin: -15px 0px 30px 0px;
	line-height: normal;
	font-weight: 700;
}

/* ------------------- FONTS/COLORS --------------------*/

/* 
	COLOURS:
	
	orange: #ff5a00
	green: #00a79d
	dark-grey: #808285
	light-grey: #e6e7e8
	lightest-grey: #f1f2f2
	light-blue: #0084bc
	
*/

.light-grey-bg {
	background: #e6e7e8; 	
}

.dark-grey, .dark-grey p, .dark-grey span {
	color: #808285; 	
}

.blue {
	color: #0485bc;	
}

.blue-bg {
	background: #0485bc;
}

.orange {
	color: #ff5a00;	
}

.orange-bg {
	background: #ff5a00;
}

.green {
	color: #00a79d;	
}

.green-bg {
	background: #00a79d;
}

.grey-bg {
	background: #e6e7e8;	
}


body, div, p, span {
	font-weight: 300;	
}

.pc, .pc div, .pc p, .pc span {
	font-weight: 400;	
}

.pc #nav-main ul li {
	padding-right: 25px;
    margin-right: 25px;
}


div, p, span {
	font-size: 14px;	
}

h1 {
	font-size: 1.3rem;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.2rem;	
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.1rem;
}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
	font-weight: 400;
}

h4 {
	letter-spacing: normal;	
}

.oswald {
	font-family: 'Oswald', sans-serif;
}

strong {
	font-weight: 700;	
}

a, img a {
	border: none;	
}

img {
	text-decoration: none; 
	border: 0px;
}

.f18 {
	font-size: 18px;	
}

.f60 {
	font-size: 40px;	
}

.f300, .f300 p, .f300 span, .f300 a {
	font-weight: 300 !important;
}

.f400, .f400 p, .f400 span, .f400 a {
	font-weight: 400 !important;
}

.bold {
	font-weight: 700;	
}

code {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;	
}

/*

This was not present in nicoles design review, 
but leaving it here in case it's still needed elsewhere..

code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-family: Consolas,Courier,monospace;
    font-weight: normal;
    padding: 0.11111rem 0.27778rem 0.05556rem;
}*/


ul {
	padding-left: 20px;	
}

#body-content h1 {
	margin-top: 0px;	
}

.no-border {
	border: none !important;
}

.success, panel.success {
	font-weight: 400;
	background: #dff0d8 !important;	
	color: #468847 !important;
	border: 1px solid #468847 !important;
}

.danger, panel.danger {
	font-weight: 400;
	color: #a94442 !important;
	background-color: #f2dede !important;
	border: 1px solid #ebccd1 !important;
}

.success-text {
	color: #468847;
}

.success-text-bold {
	color: #468847;
	font-weight: bold;
	font-size: 16px;
}

.text-left, .text-left p, .text-left span, .text-left a, .text-left div, .text-left span b {
	text-align: left !important;	
}


h3 span {
  font-size: 1em;
}

.vsmall {
	font-size: 10px;	
}

/* ------------------------------------------------------- NUDGE --------------------*/


.clear-p {
	padding: 0 0 !important;	
}

.m-top-20 {
	margin-top: 20px !important;	
}

.m-b-30 {
	margin-bottom: 30px;	
}

.m-top-30 {
	margin-top: 30px;	
}

.m-up-2 {
	margin-top: -2px;
}

.m-up-10 {
	margin-top: -10px;
}

.m-up-20 {
	margin-top: -20px;	
}

.m30y {
	margin: -30px 0px 30px 0px;	
}

.m-l-20 {
	margin-left: 20px;	
}

.p10 {
	padding: 10px;
}

.p-20 {
	padding: 20px;	
}

.p-l-20 {
	padding-left: 20px;	
}

.pb5 {
	padding-bottom: 5px;	
}

.clear-fix-input {
	margin-bottom: -20px;
	padding: 5px;
}

.w80x {
	width: 80px;	
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}



/* ---------------------------------------------------------------- GRADIENTS (removed) --------------------*/


.h-gradient, .h-gradient-reverse { 
	background: #0485bc !important;
	background-color: #0485bc !important; 	
}

/* ---------------------------------------------------------------- COLOR BUTTONS & PANELS --------------------*/

.color-button {
	margin: 15px 0px;
	display: block;
	width: 100%;
	padding: 20px 10px;
	color: #FFF;
	text-transform: uppercase;
}

.blue-bg {
	background: #0485bc !important;	
}

.orange-bg {
	background: #ff5a00 !important;	
}

.green-bg {
	background: #00a79d !important;	
}

.dark-grey-bg {
	background: #808285 !important;	
}

.grey-button-pricing {
	padding: 20px 30px;	
}

.grey-button-pricing-small {
	padding: 0px 20px;	
}

.grey-button-pricing-box {
	padding: 30px 20px;	
}

.grey-button {
	display: block;
	width: 100%;
	padding: 15px 20px;	
	background: url(img/gradient-grey.png) repeat-x;
	background-size: contain; 
	color: #FFF;
	font-weight: 300;	
}

.button {
	background: url(img/gradient-grey.png) repeat-x; 
	background-size: contain; 
	color: #FFF;
	font-weight: 300;	
	text-transform: uppercase;	
}


/* ---------------------------------------------------------------- TABLES --------------------*/

table {
	border: none;
	margin-top: 30px;	
	border-collapse: collapse;
	/*background: #f1f2f2;*/
}

table thead tr {
	background: #0485bc;
}

table thead tr th {
	color :#FFF;
	font-weight: 400;	
}


table thead tr th, table tr td {
	border-right: 4px solid #FFF;
}

table tr {
	background: #f1f2f2;
}

table tr td {
	padding: 15px 10px;
}

table tr:nth-of-type(even) {
	background: #e6e7e8;
}

.t100 {
	font-weight: 700;	
}

.t150 {
	min-width: 90px;
	padding-right: 15px;
}

.table-clear, .table-clear tr, .table-clear tr td {
	background: none !important;
	border: none !important;
}

.table-subtle, .table-subtle tr, .table-subtle tr td, .table-subtle tr:nth-of-type(even) {
	background: #FFF !important;
	font-weight: 300px;
	padding: 5px 10px;
	border-bottom: 1px solid #CCC !important;
}

.table-p10 tr td {
	padding: 10px;
}

/* ---------------------------------------------------------------- MISC --------------------*/

.no-border {
	border: none !important;	
	margin-bottom: 0px;
}

.list-underline {
	margin: 0px;
	padding: 8px 0px;
	border-bottom: 1px solid #000;	
}

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

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

.w80 {
	width: 80%;	
}

.add-domain-button {
	padding: 10px !important;
	margin-left: 10px;	
}

.grey-divider {
	width: 100%;
	border-bottom: 1px solid #e6e7e8;
	margin-bottom: 20px;	
}

.grey-divider-30 {
	width: 100%;
	border-bottom: 1px solid #e6e7e8;
	margin: 30px 0px;	
}

/* ---------------------------------------------------------------- HEADER --------------------*/

#head-wrap, #head-grey-wrap {
	background: #808285;
	color: #FFF;
	width: 100%;
}

#logo-row {
	width: 100%;
	background: #FFF;
	padding: 20px 0px;	
}

#head-meta {
	color: #FFF;
	height: 33px;
	padding-top: 4px;
	background: #808285;
	text-align: center;
	letter-spacing: 0.1rem;
}

#head-meta span {
	font-size: 15px;	
}

#head-meta a {
	color: #FFF;
}

.meta-row {
	padding-top: 3px;	
}

/* ---------------------------------------------------------------- NAV MAIN --------------------*/

#nav-main {
	text-align: center;	
	border-bottom: 1px solid #e6e7e8;
	margin-bottom: 15px;
}

#nav-main ul {
	padding: 0px;
	line-height: 1rem;
	text-align: left;
}

#nav-main ul li {
	display: inline-block;
	list-style: none;
	border-right: 1px solid #e6e7e8;
	
	padding-right: 27px;
    margin-right: 27px;

}

#nav-main ul li a {
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;	
}

.clear-menu-item {
	padding-right: 0px !important;
	margin-right: 0px !important;	
}

#nav-main ul li a:hover, .active {
	color: #0485bc !important;
}



/* ---------------------------------------------- NAV LEFT COLUMN / MOBILE --------------------*/

#mob-nav {
	position: relative;
	z-index: 99;
	width: 100%;
}


#left-column {
	padding: 0px 30px 0px 0px;
	position: relative;
	z-index: 1;	
}

#left-column ul {
	margin: 0px 0px 5px 0px;
	padding: 0px;	
}

#left-column ul li{
	list-style: none;
	padding: 6px 5px 6px 5px;
	border-bottom: 1px solid #e6e7e8;	
}

#left-column ul li:before {
	font-family: 'FontAwesome';
	content: '\f105';
	color: #CCC;
}

#left-column ul li a{
	color: #000;
	font-weight: 400;
	padding-left: 5px;
}

#left-column ul li a:hover, #left-column ul li:hover:before{
	color: #0585ba;
}

.nav-heading, .nav-heading a {
	padding-left: 5px;
	border-radius: 2px;
	text-transform: uppercase;
	border: none !important;
	font-size: 16px;
}

.nav-heading a.active {
	color: #000 !important;	
}

.nav-heading:before {
	display: none;	
}


/* ------------------- LEFT COL PANELS --------------------*/

.leftcol-panel {
	text-align: center;
	padding: 20px 10px;
	text-transform: uppercase;
}

.left-column-box-list {
	list-style: circle !important;
	padding: 0px 0px 10px 0px !important;
	margin: -20px 0px 0px 0px !important;	
}

.left-column-box-list li {
	border: none !important;
	padding: 5px 0px !important;	
}

.left-column-box-list li a {
	color: #0084bc !important; 	
}

.left-column-box-list li:before {
	display: none; !important;	
}

/* ------------------- BODY CONTENT --------------------*/

#body-content {
	padding-left: 30px;	
	position: relative;
	z-index: 1;
	margin-bottom: 20px;	
}

#body-content .tagline {
	margin-top: 0px;
	border: none;
	font-size: 21px;
}


/* ------------------- DOMAIN SEARCH --------------------*/

.domain-search-panel {
	padding-top: 10px;
	margin-bottom: -20px;	
}

.domain-search-panel .prefix {
	background: #fafafa;
}
.domain-search-panel input {
	border-right: none;	
	box-shadow: none;	
}
.domain-search-panel select:hover, .domain-search-panel input:focus {
	border-color: #CCC !important;
}


/* ---------------------------------------------------------------- PRICING TABLES --------------------*/

.pricing-table {
	margin: 10px 0px;
	padding: 0px;	
}

.pricing-table .bullet-item {
	font-size: 12px;
	padding: 8px;
	background: #e6e7e8 !important;
}


.pricing-table, .pricing-table .price {
	background: #e6e7e8 !important;
}

.pricing-table .price {
	font-family: 'Oswald', sans-serif;
}

/* ------------------- PRICE BOXES --------------------*/

.price-panel {
	margin: 20px 0px;
	text-align: center;	
	height: 100%;
	padding-bottom: 20px;
}

.price-panel h4 {
	padding: 15px;
	color: #FFF;
	margin: 0px;
	font-size: 14px;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;	 
}

.price-panel span {
	font-size: 40px;
	font-weight: bold;
	margin: 20px 0px;
	display: inline-block;
}

.price-panel small {
	vertical-align: top;
	display: inline-block;
	margin-top: 35px;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;	
}

.price-panel p {
	margin-top: 0px;	
	padding: 0px 5px 20px 5px;
}

.small-prefix {
	font-size: 40px;
	vertical-align: top;
	display: inline-block;
	font-weight: inherit;
	margin-top: 5px;	
	font-style: normal;
}

/* --------- LEFT COL PRICE ----------*/

.bigprice-inline {
	font-size: 40px;
	font-weight: bold;
	margin: -10px 0px 0px 0px;
	display: inline-block;
}


.bigprice-inline-term {
	vertical-align: top;
	display: inline-block;
	margin-top: 5px;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}


/* ------------------- SOCIAL --------------------*/

.add-this-row {
	text-align: center;
	padding: 50px 0px;	
}


/* ------------------- FOOTER --------------------*/

#overhang-frame-bg {
    position: absolute;
    top: -120px;
    width: 100%;
    z-index: 0;
}

#footer-wrap {
	font-size: 14px;
	margin-top: -20px;
	padding: 50px 0px 20px 0px;
	width: 100%;
	background: #808285;
	color: #FFF;	
}

footer {
	min-height: 50px;	
}

#footer-nav {
	color: #FFF;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	background: #0084bc;
	margin-top: 30px;
}

#footer-nav a {
	color: #FFF;	
}

.xl-row {
    margin: 0 auto;
    max-width: 75.5em;
    width: 100%;
}


/* ------------------- FORMS --------------------*/

.small-form input[type="email"], .small-form input[type="tel"], .small-form input[type="url"], .small-form input[type="text"], .small-form input[type="password"], .small-form select, 
.small-row input[type="email"], .small-row input[type="tel"], .small-row input[type="url"], .small-row input[type="text"], .small-row input[type="password"] {
	margin: 5px 0px;
	height: 30px;
}

.small-form select {
	padding: 2px;
	
}

.small-row .columns {
	height: 30px;	
	margin: 2px 0px;
}

.small-row-select .columns {
	height: 30px;	
	margin: 7px 0px -3px 0px;
}

.small-row-select select {
	height: 30px;
	padding: 2px;	
}

.small-row-select label {
	margin-top: -5px;	
}


/* ------------------- DOMAIN SEARCH --------------------*/


/* ---- CLEAR FOUNDATIONS ----*/




/* ---- STYLES ----*/

.domain-search-form {
    background-position: 0px 0px;
    color: rgb(25, 25, 25);
    float: left;
    height: 62px;
    perspective-origin: 295.515625px 30px;
    transform-origin: 295.515625px 30px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
    border-radius: 5px 5px 5px 5px;
    font: normal normal 300 normal 15px/22px 'Open Sans', Helvetica, Arial, sans-serif;
    margin: 0px 0px 20px 15px;
    outline: rgb(25, 25, 25) none 0px;
	border: 1px solid #808285;
}

.domain-search-input-wrap {
    box-shadow: rgb(221, 221, 221) 1px 3px 7px 0px inset;
    color: rgb(127, 127, 127);
    float: left;
    height: 60px;
    width: 625px;
    perspective-origin: 258.015625px 30px;
    transform-origin: 258.015625px 30px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    
    border-radius: 5px 0 0 5px;
    font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
    outline: rgb(127, 127, 127) none 0px;
    padding: 10px 7px 10px 22px;
}

.domain-search-prefix {
    background-position: 0px 0px;
    color: rgb(127, 127, 127);
    display: block;
    float: left;
    height: 40px;
    width: 43.34375px;
    perspective-origin: 21.671875px 20px;
    transform-origin: 21.671875px 20px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
    border: 0px none rgb(127, 127, 127);
    font: normal normal 300 normal 18px/40px 'Open Sans', Helvetica, Arial, sans-serif;
    outline: rgb(127, 127, 127) none 0px;
	padding-top: 10px;
	line-height: 1.5rem;
}

#domain-search-input, #domain-search-input-2, #domain-search-input-3 {
    background-position: 0px 50%;
    box-sizing: content-box;
    color: rgb(127, 127, 127);
    height: 24px;
    vertical-align: text-bottom;
    width: 265px;
    perspective-origin: 143px 18px;
    transform-origin: 143px 18px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 50% / auto padding-box border-box;
    border-top: 0px none rgb(127, 127, 127);
    border-right: 1px solid #777;
    border-bottom: 0px none rgb(127, 127, 127);
    border-left: 0px none rgb(127, 127, 127);
    font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
    margin: 2px 0px;
    outline: rgb(127, 127, 127) none 0px;
    padding: 6px 10px 6px 10px;
}

#domain-search-input-2 {
	width: 390px;
}

.domain-search-select {
    background-position: 100% 50%;
  color: rgb(127, 127, 127);
  height: 40px;
  vertical-align: top;
  width: 122px;
  perspective-origin: 78.5px 20px;
  transform-origin: 78.5px 20px;
  background: rgb(255, 255, 255) url(img/select-arrow.png) no-repeat scroll 100% 50% / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  border-radius: 5px 5px 5px 5px;
  font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  outline: rgb(127, 127, 127) none 0px;
  padding: 9px 38px 9px 10px;
  position: absolute;
  left: 520px;
  margin-top: -38px;
  z-index: 1;
}

.select-2 {
	left: 520px;	
}

.domain-search-submit {
    background-position: 0px 0px;
    color: rgb(127, 127, 127);
    cursor: pointer;
    display: block;
    float: right;
    height: 60px;
    text-align: left;
    text-indent: -99999px;
    text-transform: capitalize;
    vertical-align: top;
    white-space: pre;
    width: 75px;
    align-items: flex-start;
    perspective-origin: 37.5px 30px;
    transform-origin: 37.5px 30px;
    background: rgba(0, 0, 0, 0) url(img/go-button.png) no-repeat scroll 0px 0px / auto padding-box border-box;
    border: 0px none rgb(127, 127, 127);
    font: normal normal 300 normal 18px/0px 'Open Sans', Helvetica, Arial, sans-serif;
    outline: rgb(127, 127, 127) none 0px;
    padding: 0px;
	position: relative;
  	z-index: 2;
}


.inset-search .domain-search-form {
	width: 665px;	
}

.inset-search .domain-search-input-wrap {
	width: 587px;	
}

.inset-search .domain-search-select {
	left: 490px;	
}

#domain-search-input-3 {
	width: 360px;
}


/*------------------- MEDIA QUERIES --------------------*/


/*------ LARGE - XL -------*/
@media only screen and  (min-width:1025px) and (max-width:9999px){

#mob-nav {
	display: block !important;
}

}

/*------ MEDIUM -------*/
@media only screen and  (min-width:641px) and (max-width:1025px){

body {
	font-size: 14px;	
}

#mob-nav {
	display: block !important;
}

#head-meta h2 {
	letter-spacing: 1px;
	font-size: 22px;
}

#head-meta p {
	font-size: 15px;
	letter-spacing: 1px;
}

#head-meta strong p {
	font-size: 15px;
}

#left-column {
	padding: 0px 10px 0px 0px;	
	font-size: 13px;
}

#body-content {
	padding-left: 10px;
}

#nav-main ul {
	text-align: center;	
}

#nav-main ul li {
	padding-right: 7px;
	margin-right: 7px;
}

#nav-main ul li a {
  font-size: 14px;
}

.bigprice {
	font-weight: 400;	
}

.price-panel-column {
	padding: 0px 5px;	
}

.price-panel span {
	font-size: 40px;
}

.querygo {
	font-size: 13px;	
}


/*---- RESIZE DOMAIN SEARCH ----*/
.domain-search-form {
  float: left;
  height: 62px;
  width: 380px;
  perspective-origin: 295.515625px 30px;
  transform-origin: 295.515625px 30px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
  margin: 0px 0px 20px 15px;
  outline: rgb(25, 25, 25) none 0px;
  border: 1px solid #777;
}

.domain-search-input-wrap {
  box-shadow: rgb(221, 221, 221) 1px 3px 7px 0px inset;
  color: rgb(127, 127, 127);
  float: left;
  height: 60px;
  width: 310px;
  perspective-origin: 258.015625px 30px;
  transform-origin: 258.015625px 30px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px none rgb(127, 127, 127);
  border-bottom: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
  border-radius: 5px 0 0 5px;
  outline: rgb(127, 127, 127) none 0px;
  padding: 10px 7px 10px 10px;
}

.domain-search-prefix {
  background-position: 0px 0px;
  color: rgb(127, 127, 127);
  display: block;
  float: left;
  height: 40px;
  width: 23.34375px;
  perspective-origin: 21.671875px 20px;
  transform-origin: 21.671875px 20px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  font: normal normal 300 normal 18px/40px 'Open Sans', Helvetica, Arial, sans-serif;
  outline: rgb(127, 127, 127) none 0px;
  line-height: 1.5rem;
}

#domain-search-input, #domain-search-input-2, #domain-search-input-3 {
  background-position: 0px 50%;
  box-sizing: content-box;
  color: rgb(127, 127, 127);
  height: 24px;
  vertical-align: text-bottom;
  width: 111px;
  perspective-origin: 143px 18px;
  transform-origin: 143px 18px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 50% / auto padding-box border-box;
  border-top: 0px none rgb(127, 127, 127);
  border-right: 1px solid #777;
  border-bottom: 0px none rgb(127, 127, 127);
  border-left: 0px none rgb(127, 127, 127);
  font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  margin: 2px 0px;
  outline: rgb(127, 127, 127) none 0px;
  padding: 6px 10px 6px 23px;
}

.domain-search-select {
  background-position: 100% 50%;
  color: rgb(127, 127, 127);
  height: 40px;
  vertical-align: top;
  width: 122px;
  perspective-origin: 78.5px 20px;
  transform-origin: 78.5px 20px;
  background: rgb(255, 255, 255) url(img/select-arrow.png) no-repeat scroll 100% 50% / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  border-radius: 5px 5px 5px 5px;
  font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  outline: rgb(127, 127, 127) none 0px;
  padding: 9px 38px 9px 10px;
  position: absolute;
  left: 190px;
  margin-top: -38px;
  z-index: 1;
}

.domain-search-submit {
  background-position: 0px 0px;
  color: rgb(127, 127, 127);
  cursor: pointer;
  display: block;
  float: right;
  height: 60px;
  text-align: left;
  text-indent: -99999px;
  text-transform: capitalize;
  vertical-align: top;
  white-space: pre;
  width: 75px;
  align-items: flex-start;
  perspective-origin: 37.5px 30px;
  transform-origin: 37.5px 30px;
  background: rgba(0, 0, 0, 0) url(img/go-button.png) no-repeat scroll 0px 0px / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  outline: rgb(127, 127, 127) none 0px;
  padding: 0px;
  position: relative;
  z-index: 2;
  margin-left: -10px;
}

.inset-search .domain-search-form {
	width: 380px;	
}

.inset-search .domain-search-input-wrap {
	width: 310px;	
}

.inset-search .domain-search-select {
	left: 190px;	
}

#domain-search-input-3 {
	width: 111px;
}


#head-meta span {
	font-size: 8px;	
}

.meta-span-fix {
	padding-top: 7px;	
}


}

/*-------------------------------------------------------------------------------------- SMALL -------*/
@media only screen and  (max-width:640px){

#mob-nav {
	display: none;	
	z-index: 1;
	left: 0px;
	top: 83px;
	background: #FFF;
	width: 100%;
	position: absolute;
}

	
#left-column {
	text-align: center;
	padding: 0px;
	position: absolute;
	top: 0px;
	z-index: 2;
}

#left-column ul li {
	padding: 3px;	
}

.nav-heading {
	border-radius: 0px;	
}

#body-content {
	position: relative;
	z-index: 1;
	padding: 10px;
	border: none;	
}

#head-meta {
  padding: 10px;
  height: 83px;
  text-align: right;
  position: relative;
  z-index: 0;
}

#head-meta span {
	font-size: 18px;
}

.meta-span-fix {
	padding-top: 10px;
	font-weight: bold;
}




#nav-burger {
	position: absolute;
	font-size: 50px;
	top: 15px;
	left: 15px;	
	cursor: pointer;
	z-index: 99;
}

.t100, .t150 {
	width: inherit;	
}


/*---- RESIZE DOMAIN SEARCH ----*/
.domain-search-form {
  float: left;
  height: 62px;
  width: 355px;
  perspective-origin: 295.515625px 30px;
  transform-origin: 295.515625px 30px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
  margin: 0px 0px 20px 15px;
  outline: rgb(25, 25, 25) none 0px;
  border: 1px solid #777;
}

.domain-search-input-wrap {
  box-shadow: rgb(221, 221, 221) 1px 3px 7px 0px inset;
  color: rgb(127, 127, 127);
  float: left;
  height: 60px;
  width: 285px;
  perspective-origin: 258.015625px 30px;
  transform-origin: 258.015625px 30px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px none rgb(127, 127, 127);
  border-bottom: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
  border-radius: 5px 0 0 5px;
  outline: rgb(127, 127, 127) none 0px;
  padding: 10px 7px 10px 10px;
}

.domain-search-prefix {
  background-position: 0px 0px;
  color: rgb(127, 127, 127);
  display: block;
  float: left;
  height: 40px;
  width: 23.34375px;
  perspective-origin: 21.671875px 20px;
  transform-origin: 21.671875px 20px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  font: normal normal 300 normal 18px/40px 'Open Sans', Helvetica, Arial, sans-serif;
  outline: rgb(127, 127, 127) none 0px;
  line-height: 1.5rem;
}

#domain-search-input, #domain-search-input-2, #domain-search-input-3 {
  background-position: 0px 50%;
  box-sizing: content-box;
  color: rgb(127, 127, 127);
  height: 24px;
  vertical-align: text-bottom;
  width: 100px;
  perspective-origin: 143px 18px;
  transform-origin: 143px 18px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 50% / auto padding-box border-box;
  border-top: 0px none rgb(127, 127, 127);
  border-right: none;
  border-bottom: 0px none rgb(127, 127, 127);
  border-left: 0px none rgb(127, 127, 127);
  font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  margin: 2px 0px;
  outline: rgb(127, 127, 127) none 0px;
  padding: 6px 10px 6px 23px;
}

.gecko .domain-search select, .gecko .get-search select, .gecko .home-search select {
    background: none repeat scroll 0 0 #fff;
   
}

.domain-search-select {
  
  background-position: 100% 50%;
  color: rgb(127, 127, 127);
  height: 40px;
  vertical-align: top;
  width: 110px;
  perspective-origin: 78.5px 20px;
  transform-origin: 78.5px 20px;
  background: rgb(255, 255, 255) url(img/select-arrow.png) no-repeat scroll 100% 50% / auto padding-box border-box;
  -moz-background: none;
  border: 0px none rgb(127, 127, 127);
  border-radius: 5px 5px 5px 5px;
  font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  outline: rgb(127, 127, 127) none 0px;
  padding: 9px 38px 9px 10px;
  position: absolute;
  left: 180px;
  margin-top: -38px;
  
}

.domain-search-submit {
  background-position: 0px 0px;
  color: rgb(127, 127, 127);
  cursor: pointer;
  display: block;
  float: right;
  height: 60px;
  text-align: left;
  text-indent: -99999px;
  text-transform: capitalize;
  vertical-align: top;
  white-space: pre;
  width: 75px;
  align-items: flex-start;
  perspective-origin: 37.5px 30px;
  transform-origin: 37.5px 30px;
  background: rgba(0, 0, 0, 0) url(img/go-button.png) no-repeat scroll 0px 0px / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  outline: rgb(127, 127, 127) none 0px;
  padding: 0px;
  margin-left: -10px;
}

.inset-search .domain-search-form {
	width: 350px !important;	
}

.inset-search .domain-search-input-wrap {
	width: 290px !important;	
}

.inset-search .domain-search-select {
	left: 160px !important;
}

#domain-search-input-3 {
	width: 100px !important;
}

.buttonOrderSubmit {
	font-size: 12px;	
}


.table-small tr td{
	font-size: 10px;
	padding: 2px;
}

/*--- fix input for panels ---*/
.panel {
	padding-left: 5px;	
}

.panel .domain-search-form {
	margin: 0px 0px 20px 10px;
}	

.panel #domain-search-input-3 {
	width: 90px;	
}
	
.panel .domain-search-select {
	left: 115px;	
}

.panel .domain-search-submit {
	width: 65px;
}

form label, form label.inline {
	font-size: 9px;	
}

.nav-heading, .nav-heading a {
	font-weight: bold !important;
}

.meta-row {
  padding-top: 10px;
  padding-right: 10px;
}


.ph-small {
	margin-top: 16px;	
}

.form-small {
	margin: 15px 0;
	padding-left: 20px;
	text-align: left;
	font-size: 9px;	
}

.form-small, .form-small small, .form-small div, .form-small p {
	text-align: left;
	font-size: 9px;	
}

	
}


/*-------------------------------------------------------------- SMALLEST -------*/
@media only screen and  (max-width:320px){

#mob-nav {
	display: none;	
	z-index: 99;
	left: 0px;
	top: 83px;
	background: #FFF;
	width: 100%;
	position: absolute;
}

	
#left-column {
	text-align: center;
	padding: 0px;
	position: absolute;
	top: 0px;
}

#left-column ul li {
	padding: 3px;	
}

.nav-heading {
	border-radius: 0px;	
}

#body-content {
	position: relative;
	z-index: 1;
	padding: 10px;
	border: none;	
}

#head-meta {
  padding: 10px;
  text-align: right;
}

#head-meta h2 {
	text-align: right;
	letter-spacing: 1px;
	font-size: 14px;
	border-bottom: none;
}

#head-meta p {
	margin-top: -15px;
	font-size: 10px;
	letter-spacing: .5px;
}

#head-meta span {
	font-size: 18px;
}

#nav-burger {
	position: absolute;
	font-size: 50px;
	top: 15px;
	left: 15px;	
	cursor: pointer;
}

.t100, .t150 {
	width: inherit;	
}


/*---- RESIZE DOMAIN SEARCH ----*/
.domain-search-form {
  background-position: 0px 0px;
  color: rgb(25, 25, 25);
  float: left;
  height: 62px;
  width: 305px;
  perspective-origin: 295.515625px 30px;
  transform-origin: 295.515625px 30px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
  border-radius: 5px 5px 5px 5px;
  font: normal normal 300 normal 15px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  margin: 0px 0px 20px 15px;
  outline: rgb(25, 25, 25) none 0px;
  border: 1px solid #777;
}

.domain-search-input-wrap {
  box-shadow: rgb(221, 221, 221) 1px 3px 7px 0px inset;
  color: rgb(127, 127, 127);
  float: left;
  height: 60px;
  width: 235px;
  perspective-origin: 258.015625px 30px;
  transform-origin: 258.015625px 30px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px none rgb(127, 127, 127);
  border-bottom: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
  border-radius: 5px 0 0 5px;
  outline: rgb(127, 127, 127) none 0px;
  padding: 10px 7px 10px 10px;
}

.domain-search-prefix {
  background-position: 0px 0px;
  color: rgb(127, 127, 127);
  display: block;
  float: left;
  height: 40px;
  width: 23.34375px;
  perspective-origin: 21.671875px 20px;
  transform-origin: 21.671875px 20px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  font: normal normal 300 normal 18px/40px 'Open Sans', Helvetica, Arial, sans-serif;
  outline: rgb(127, 127, 127) none 0px;
  line-height: 1.5rem;
}

#domain-search-input, #domain-search-input-2, #domain-search-input-3 {
  background-position: 0px 50%;
  box-sizing: content-box;
  color: rgb(127, 127, 127);
  height: 24px;
  vertical-align: text-bottom;
  width: 100px;
  perspective-origin: 143px 18px;
  transform-origin: 143px 18px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0px 50% / auto padding-box border-box;
  border-top: 0px none rgb(127, 127, 127);
  border-right: none;
  border-bottom: 0px none rgb(127, 127, 127);
  border-left: 0px none rgb(127, 127, 127);
  font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  margin: 2px 0px;
  outline: rgb(127, 127, 127) none 0px;
  padding: 6px 10px 6px 20px;
}

.gecko .domain-search select, .gecko .get-search select, .gecko .home-search select {
    background: none repeat scroll 0 0 #fff;
   
}

.domain-search-select {
  background-position: 100% 50%;
  color: rgb(127, 127, 127);
  height: 40px;
  vertical-align: top;
  width: 110px;
  perspective-origin: 78.5px 20px;
  transform-origin: 78.5px 20px;
  background: rgb(255, 255, 255) url(img/select-arrow.png) no-repeat scroll 100% 50% / auto padding-box border-box;
  -moz-background: none;
  border: 0px none rgb(127, 127, 127);
  border-radius: 5px 5px 5px 5px;
  font: normal normal 300 normal 18px/22px 'Open Sans', Helvetica, Arial, sans-serif;
  outline: rgb(127, 127, 127) none 0px;
  padding: 9px 30px 9px 15px;
  position: absolute;
  left: 130px;
  margin-top: -38px;
}

.domain-search-submit {
    background-position: 0px 0px;
  color: rgb(127, 127, 127);
  cursor: pointer;
  display: block;
  float: right;
  height: 60px;
  text-align: left;
  text-indent: -99999px;
  text-transform: capitalize;
  vertical-align: top;
  white-space: pre;
  width: 75px;
  align-items: flex-start;
  perspective-origin: 37.5px 30px;
  transform-origin: 37.5px 30px;
  background: rgba(0, 0, 0, 0) url(img/go-button.png) no-repeat scroll 0px 0px / auto padding-box border-box;
  border: 0px none rgb(127, 127, 127);
  outline: rgb(127, 127, 127) none 0px;
  padding: 0px;
  margin-left: -10px;
}

.inset-search .domain-search-form {
	width: 295px !important;	
}

.inset-search .domain-search-input-wrap {
	width: 230px !important;	
}

.inset-search .domain-search-select {
	left: 110px !important;
}

#domain-search-input-3 {
	width: 100px !important;
}

.buttonOrderSubmit {
	font-size: 12px !important;
	padding: 10px !important;	
}


.table-small tr td{
	font-size: 9px;
	padding: 2px;
}

table thead tr th, table tr td {
  border-right: 2px solid #FFF;
}

/*--- fix input for panels ---*/
.panel {
	padding-left: 5px;	
}

.panel .domain-search-form {
	width: 297px;
	margin: 0px 0px 20px 10px;
}	

.panel #domain-search-input-3 {
	width: 90px;	
}
	
.panel .domain-search-select {
	left: 115px;	
}

.panel .domain-search-submit {
	width: 65px;
}
	
form label, form label.inline {
	font-size: 9px;	
}

.nav-heading, .nav-heading a {
	font-weight: bold !important;
}

.meta-row {
  padding-top: 10px;
  padding-right: 10px;
}

.ph-small {
	margin-top: 16px;	
}
	
.form-small {
	margin: 15px 0;
	padding-left: 20px;
	text-align: left;
	font-size: 9px;	
}

.form-small, .form-small small, .form-small div, .form-small p {
	text-align: left;
	font-size: 9px;	
}
	
}