/*

Light blue: #a6a3c9
Orange: #ff6600;

*/


body {
	font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  color: #555;
  line-height: 28px;
  background: #eee;
}

a {
	color: #8c89a9;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

a:hover {
	color: #555;
	text-decoration: none;
}

.label {
	font-family: arial;
}

.bold {
	font-weight: bold;
}

.pointer {
	cursor: pointer;
}

.container {
	max-width: 1140px;
}

.circle-number {
	margin: auto;
	text-align: center;
	padding: 16px;
	color: #fff;
	background: #ccc;
	font-size: 30px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
}


#header {
	border-bottom: 1px solid #fff;
	padding-bottom: 25px;
	padding-top: 25px;
	background-color: rgba(255, 255, 255, 0.95);
	height: 240px;
}

#header .phone {
	color: #000;
}

#header .small-top {
	border-bottom: 1px solid #ddd;
}

#header .hr {
	margin-top: 25px;
	margin-bottom: 25px;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(221,221,221,0), rgba(221,221,221,0.75), rgba(221,221,221,0));
	background-image:    -moz-linear-gradient(left, rgba(221,221,221,0), rgba(221,221,221,0.75), rgba(221,221,221,0));
	background-image:     -ms-linear-gradient(left, rgba(221,221,221,0), rgba(221,221,221,0.75), rgba(221,221,221,0));
	background-image:      -o-linear-gradient(left, rgba(221,221,221,0), rgba(221,221,221,0.75), rgba(221,221,221,0));
}

#header-mobile {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	padding-top: 22px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
	min-height: 80px;
	display: none;
}

#mobile-menu-button {
	font-size: 38px;
	float: right;
	color: #666;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	cursor: pointer;
}

#mobile-menu-button.active {
	color: #eee;
}

#logo {
	padding-top: 25px;
}

#logo-mobile {
	padding-top: 5px;
}

#flags ul {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#flags ul li {
	float: left;
	margin-right: 10px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

#flags ul li.inactive {
	filter: alpha(opacity=30);
	opacity: 0.30;
}

#flags ul li:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

#sub-menu ul {
	float: right;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}

#sub-menu ul li {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

#menu ul {
	float: right;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#menu ul li {
	float: left;
	margin: auto;
	margin-left: 18px;
	margin-right: 18px;
	text-align: center;
}

#menu ul li span {
	margin-top: 20px;
	display: block;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	color: #ff6600;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

#menu ul li .fa {
	font-size: 50px;
	color: #ff6600;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

#menu ul li a {$
  font-weight: normal;
}

#menu ul li a:hover span {
  color: #444;
  text-decoration: none;
}

#menu ul li a:hover .fa {
	color: #777;
  text-decoration: none;
}

#menu ul li a:hover {
  text-decoration: none;
}

#mobile-menu {
	display: none;
}

#mobile-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#mobile-menu ul li {
	font-size: 20px;
	margin: auto;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #ddd;
}

pre {
	font-weight: normal;
	font-size: 16px;
	border-color: #ddd;
	padding: 25px;
	overflow-x: scroll;
	white-space: nowrap;
	background-color: #fff;
}

hr {
	border: none;
	height: 1px;
	color: #ddd; /* old IE */
	background-color: #ddd; /* Modern Browsers */
}

.label-lg {
	font-size: 20px;
}

.content {
}

.content-simple-layout {
	padding-top: 10px;
	margin-top: 10px;
}

.content-wapper {
	padding-bottom: 50px;
}

.content h1, .content-simple-layout h1 {
	font-size: 50px;
	padding-top: 35px;
	line-height: 1.3em;
	/*padding-bottom: 25px;*/
	/*border-bottom: 3px solid #ddd;*/
	/*margin-bottom: 30px;*/
}


#domain-menu div {
	text-align: center;
	color: #888;
}

#domain-menu .inactive {
	color: #ccc;
	cursor: not-allowed;
}

#domain-menu .active {
	color: #222;
}

#domain-menu .fa {
	display: block;
	font-size: 60px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	margin-bottom: 25px;
}

#domain-menu span {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

#footer {
	font-size: 0.9em;
	margin-top: 25px;
	padding-bottom: 25px;
	background: #fff;
}

#footer .line {
	border-top: 3px solid #eee;
}

#footer .col-1, #footer .col-2, #footer .col-3, #footer .col-4 {
	padding-bottom: 25px;
	padding-top: 25px;
}

#footer h3 {
  margin-bottom: 10px;
  color: #000;
}

#footer .cards {
	font-size: 14px;
}

#footer .cards .pf {
	margin-bottom: 8px;
	margin-right: 10px;
}

#footer a {
}

#footer ul.links {
  margin-top: 10px;
  padding-top: 9px;
	list-style-type: none;
	padding-left: 0px;
	margin-top: 15px;
	padding-top: 5px;
}

#footer ul.links li {
}

#footer ul.links li a {
  font-weight: normal;
}

#footer ul.links li a:hover {
  color: #fff;
  text-decoration: none;
}

#footer #vat {
	font-size: 13px;
	padding-top: 10px;
	color: #ccc;
}

#footer .phone {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
}

#subfooter {
  background: #fff;
  padding-bottom: 50px;
  text-align: center;
}

#subfooter .copyright {
	padding-top: 15px;
	font-size: 14px;
}

#subfooter .vat {
	font-size: 14px;
}

#subfooter ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	display:inline-table;
}

#subfooter ul li {
	display:inline;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

#cookie-warning {
	background: #222;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	color: #fff;
}


.columns {
	height: 100%;
	display: inline-block;
	white-space: normal;
	vertical-align: top;

	-moz-column-count3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;

	-moz-column-gap:40px; /* Firefox */
	-webkit-column-gap:40px; /* Safari and Chrome */
	column-gap:40px;

}

.columns2 {
	-moz-column-count2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;

	-moz-column-gap:40px; /* Firefox */
	-webkit-column-gap:40px; /* Safari and Chrome */
	column-gap:40px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.pt15 {
	padding-top: 15px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.pt0 {
	margin-top: 0px !important;
}

.pb0 {
	margin-bottom: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mt5 {
	margin-top: 10px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.hr {
	border-top: 1px solid #fff;
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Product Sans', Arial, sans-serif;
	color: #444;
	margin-bottom: 15px;
}

h1 {
	font-weight: bold;
	color: #000 !important;
	letter-spacing: 2px;
}

h3 {
	color: #000;
	font-size: 30px;
}

h4 {
	font-size: 22px;
	line-height: 32px;
	color: #000 !important;
}


ol {
	counter-reset: li;
	margin-left: 0;
	padding-left: 0;
}
ol > li {
	position: relative;
	margin-bottom: 6px;
	margin-left: 40px;
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}
ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position: absolute;
	top: 16px;
	left: -40px;
	/* Some space between the number and the content in browsers that support
		 generated content but not positioning it (Camino 2 is one example) */
	text-align: center;
	margin-right: 8px;
	padding: 2px;
	color: #fff;
	background: #ccc;
	font-size: 14px;
	width: 30px;
	height: 30px;
	border-radius: 20px;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0}​


.list ul {
}

.list li {
	padding-top: 5px;
	margin-left: 25px;
	list-style-type: square;
}

.center {
	text-align: center;
}

.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  margin: 8em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
  margin-top: 0;
}
.loader:before {
  left: -3.5em;
}
.loader:after {
  left: 3.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #a6a3c9;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #a6a3c9;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #a6a3c9;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #a6a3c9;
  }
}


#front {
	padding-top: 35px;
	padding-bottom: 35px;
}

#front .fa {
	color: #7e7e7e;
}

h1.huge {
	font-size: 65px;
}

#front h3 {
	font-size: 45px;
	color: #a6a3c9;
	letter-spacing: 1px;
	line-height: 45px;
	font-weight: bold;
}

#front h4 {
	font-size: 25px;
	line-height: 40px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0px;
	color: #000;
}

#front .order-now .btn {
	background-color: #ff6600;
  border-bottom: 4px solid #ffaf79;
  color: #fff;
}


.fa-hg {
	font-size: 200px;
	color: #fff;
	text-shadow: -1px -1px white, 4px 4px #ccc;
}

.fa-lg {
	font-size: 100px;
	/*text-shadow: -1px -1px white, 2px 2px #ccc;*/
}

.fa-md {
	font-size: 50px;
	/*text-shadow: -1px -1px white, 2px 2px #ccc;*/
}

.fa-green {
	color: #59a433;
}

.fa-orange {
	color: #ff0000;
}

.fa-red {
	color: #ff0000;
}

.fa-blue {
	color: #5bc0de;
}

#status table td {
	padding: 20px;
}

#status .title {
	font-size: 24px;
	line-height: 24px;
	color: #000;
}

#status .text {
	line-height: 30px;
	color: #000;
}


#account-overview {
	padding-top: 45px;
	padding-bottom: 45px;
}

#account-overview .data {
	height: 70px;
}

#account-overview h2 {
	margin: 0px;
	padding: 0px;
	font-size: 40px;
}

#account-overview h3 {
	color: #aaa;
}


#plans {
	text-align: center;
	border-top: 5px solid #a6a3c9;
}

#plans .col-md-15 {
	border: 1px solid #ddd;
	border-right: none;
	background: #f9f9f0;
	padding-bottom: 25px;
}

#plans .col-md-15:last-child {
	border-right: 1px solid #ddd;
}

#plans small {
	color: #000;
	letter-spacing: 2px;
	font-weight: 800;
}

#plans h2 {
	color: #a6a3c9;
	text-align: center;
	font-size: 50px;
	letter-spacing: 0;
	font-weight: 400;
	font-family: 'Bitter', serif;
}

#plans h3 {
	font-weight: bold;
	text-align: center;
	font-size: 30px;
}

#plans ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#plans ul li {
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	padding-top: 15px;
}

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

#plans ul li.double-line {
	border-bottom: 5px solid #a6a3c9;
}

#plans .fa-thumbs-up {
	color: #a6a3c9;
	font-size: 30px;
	position: absolute;
	top: 15px;
	right: 15px;
}

#account {
	/*
	background-color: #dee;
	padding-left: 50px;
	padding-right: 50px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
}

#about {
	/*
	background-color: #dee;
	padding-left: 50px;
	padding-right: 50px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
}

#terms .columns {
	font-size: 15px;
	color: #666;
}

#terms h3 {
	margin-top: 0px;
}

#support {
	/*
	background-color: #dee;
	padding-left: 50px;
	padding-right: 50px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
}

#support .hr {
	border-color: #ddd;
}

#support ol {
	margin-bottom: 25px;
	margin-left: 25px;
	margin-right: 25px;
}

#support ol li b {
}

#support ol li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	padding-top: 15px;
}

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

#support .faq-text {
	margin-left: 35px;
	margin-right: 35px;
}

#support .faq-links {
	padding-top: 25px;
	padding-bottom: 5px;
	text-align: right;
}


#support .well-support {
	border: 1px solid #ddd;
	border-right: none;
	background: #f9f9f0;
	padding-bottom: 25px;
	border-top: 5px solid #a6a3c9;
}

#status {
	/*
	background-color: #dee;
	padding-left: 50px;
	padding-right: 50px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
}


#order {
	/*
	background-color: #dee;
	padding-left: 50px;
	padding-right: 50px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
}

#order .step-active {
	color: #000;
	font-weight: bold;
	font-size: 24px;
}

#order .step-inactive {
	color: #aaa;
}

#order #step {
	border-top: 5px solid #a6a3c9;
}

#order #step .price {
	color: #a6a3c9;
}

#order #bar .number {
	margin: auto;
	text-align: center;
	padding: 16px;
	color: #fff;
	background: #ccc;
	font-size: 30px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
}

#order .top-icon {
	font-size: 40px;
	text-align: center;
}

#order #bar .text {
 	margin-top: 10px;
 	letter-spacing: 2px;
}

#order #bar .step-active .number {
 	background: #ff6600;
}

#order #bar .step-inactive .number {
	padding: 8px;
	font-size: 20px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-top: 22px;
}

#order .hr {
	border-color: #ddd;
}

#basket .table td {
	font-size: 16px;
	padding-left: 0px;
	padding-right: 0px;
}

#basket .table td.line {
	border-top: 2px solid #aaa;
}

#basket .table td.line {
	border-top: 2px solid #aaa;
}

#basket .text {
	color: #000;
}

#basket .price {
	text-align: right;
	color: #000;
}

#basket .floating-div {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

#domain .table th {
	border-bottom: 5px solid #a6a3c9;
}

.strikeout {
	text-decoration: line-through;
}

.black {
	color: #000;
}

.justify {
	text-align: justify;
}

h1.megamonster {
	font-size: 500px;
}

.outer-div {
	position: relative;
	float: right;
	right: 50%;
}

.inner-div {
	position: relative;
	float: right;
	right: -50%;
}

.floating-div {
	float: left;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}


/* Bootstrap fixes */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
	color: #fff;
	background-color: #a6a3c9;
	border-bottom-color: #a6a3c9 !important;
}

.breadcrumb {
	margin-top: 6px;
	font-size: 20px;
	background: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.breadcrumb .active {
	color: #222;
	font-weight: bold;
}

.form-group.info div {
	padding-top: 7px;
	color: #000;
	font-weight: bold;
}

.form-group.info-lg div {
	padding-top: 4px;
	color: #000;
	font-size: 28px;
}

.form-group .checkbox input {
	margin-top: 8px;
}

.modal-title .fa {
	font-size: 40px;
}

.modal-title, .modal-body, .modal-footer {
	text-align: center;
}

.modal-body {
	padding: 40px;
	font-size: 22px;
	color: #000;
	/*background-color: #f9f9f0;*/
}

.modal-backdrop {
  background-color: #aaa;
}

.modal-content {
	border: none;
  background-color: #eee;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
          box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.btn {
}

.btn-default {
  border-bottom: 4px solid #ccc;
}

.btn-success {
  border-bottom: 4px solid #579155;
}

.btn-warning {
  border-bottom: 4px solid #ca8f43;
}

.btn-danger {
  border-bottom: 4px solid #ae4242;
}

.btn-info {
  border-bottom: 4px solid #4a9eb7;
}

.btn-cliche {
	background: #ff6600;
	border-bottom: 4px solid #a06035;
	color: #fff;
}

.well {
	/*
	border-top: 5px solid #a6a3c9;
	*/
  /*border: 1px solid #fff;*/
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;

}

.well-lg {
	padding: 35px;
}

.list-group-item {
  background-color: #f5f5f5;
}

.list-group-item-white {
  background-color: #fff;
}

.list-group-item:first-child, .list-group-item:last-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.list-group-item:first-child {
	border-top: 5px solid #a6a3c9;
}

.input-hg {
  height: 70px;
  padding: 10px 16px;
  font-size: 28px;
  line-height: 1.3333333;
  line-height: 46px;
  letter-spacing: 2px;

}

.btn-hg {
	font-size: 23px;
	padding: 16px 26px;
}

.table th {
	color: #000;
}

.table.highlight td {
	border: 1px solid #ddd;
	border-top: 0px;
	background: #f9f9f0;
	padding-bottom: 25px;
}

.table.highlight th {
	border-bottom: 1px solid #ddd;
}

.table.spaced th, .table.spaced td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.table td.lg {
	font-size: 26px;
}

.table .no-border td {
	border-top: none;
}

.form-horizontal {
	margin-top: 30px;
}

.lead {
	font-size: 26px;
	line-height: 1.6em;
	color: #000;
}

.large {
	font-size: 22px;
	font-weight: normal;
	line-height: 34px;
}

.well-white {
	background-color: #fff;
}

.well-neutral {
	background-color: transparent;
}

.well-yellow {
	background-color: #f9f9f0;
}

.well-light-blue {
	border-top: 3px solid #a6a3c9;
	background-color: #e1f7fe;
	position: relative;
}

.well-light-blue i {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 30px;
}

.well-no-border {
	border: none;
}

.well-bordered {
	border: 1px solid #ccc;
}

.well-simple-layout {
	border-top: 5px solid #ddd;
	background-color: transparent;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/* Media queries */

@media (max-width: 1199px) {

	#menu ul {
		padding-top: 20px;
	}

	#menu ul li {
		margin-left: 10px;
		margin-right: 10px;
	}

	#menu ul li span {
		font-size: 21px;
		text-transform: uppercase;
	}

	#menu ul li .fa {
		font-size: 40px;
	}

	#logo {
		padding-top: 50px;
	}


}


@media (max-width: 999px) {

	#sub-menu ul li {
		margin-left: 10px;
		margin-right: 10px;
		font-size: 14px;
	}

	#menu ul {
		padding-top: 0px;
	}

	#menu ul li {
		margin-left: 5px;
		margin-right: 5px;
	}

	#menu ul li span {
		font-size: 16px;
		text-transform: uppercase;
	}

	#menu ul li .fa {
		font-size: 40px;
	}

	#logo {
		padding-top: 22px;
	}

	h1.megamonster {
		font-size: 400px;
	}

	#subfooter {
		padding-top: 35px;
		border-top: 1px solid #ddd;
	}

	.columns {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}

	.col-mobile-spaced {
		margin-bottom: 40px;
	}

}


@media (max-width: 768px) {

	#header {
		display: none;
	}

	#header-mobile {
		display: inline;
	}

	.content {
		padding-top: 75px;
		margin-top: 0px;
	}

	h1.megamonster {
		font-size: 300px;
	}

	.columns {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

}


@media (max-width: 512px) {

	h1.megamonster {
		font-size: 200px;
	}

	.content h1, .content-simple-layout h1 {
		font-size: 35px;
		padding-top: 35px;
	}

	.fa-hg {
		font-size: 100px;
	}

	.lead {
		font-size: 24px;
	}

	.input-hg {
		height: 50px;
		padding: 10px 16px;
		font-size: 22px;
		letter-spacing: 1px;

	}

	.btn-hg {
		font-size: 21px;
		padding: 8px 18px;
	}

	ol > li {
		margin-left: 10px;
		padding:4px 0px; /* Add some spacing around the content */
	}

	#support .faq-text {
		margin: 0px;
	}

	.content-wapper {
		padding-bottom: 10px;
	}

}


@media (min-width: 768px) {

	.modal {
		text-align: center;
	}

	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}

	.modal-dialog {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}


}