.iconic-lock-locked-body-top {
    fill: #f8ab10;
}
.iconic-lock-locked-body-main {
    fill: #4a4a4a;
}
.iconic-lock-locked-body-bottom {
    fill: #353535;
}
.iconic-lock-locked-loop {
    fill: #666;
    stroke: #666;
}
.iconic-game-controller-body {
    fill: #353535;
}
.iconic-game-controller-analog-stick {
    fill: #48c2d6;
}
.back-layer.iconic-globe {
    display: block;
    fill: #eaeaea;
    position: absolute;
    stroke: #eaeaea;
}
@media (max-width: 767px) {
.back-layer {
    display: none !important;
}
}
.iconic-compass-needle {
    fill: #a2ce30;
    stroke: #48c2d6;
}
.iconic-compass-needle-axis, .iconic-compass-direction {
    fill: gray;
    stroke: gray;
}
.iconic-compass-body {
    fill: #353535;
    stroke: #353535;
}
#dns-matters .iconic {
    fill: #48c2d6;
    stroke: #48c2d6;
}
.stay-connected-icon .iconic {
    border-bottom: 2px solid #eff0f3;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    z-index: 10;
}
.stay-connected-icon .top-layer.iconic {
    width: 80px !important;
}
.iconic-globe.back-layer.iconic * {
    fill: #f1f1f1;
    stroke: #f1f1f1;
}
.iconic-globe.back-layer.iconic {
    left: 90px;
    margin-bottom: -160px;
    position: relative;
    z-index: 1;
}
/*
header#header {
    //background: #222930 url("../img/2013/hero/hero-graphic-tablet.jpg") no-repeat scroll center top / cover ;
	background: #222930 url("../images/home.jpg") no-repeat scroll center top / cover ;
}
*/
.whitewrap, .greywrap {
    padding-bottom: 100px;
    padding-top: 100px;
}
.home-transparent-wrap {
    background-color: rgba(22, 28, 37, 0.6);
    margin-bottom: -100px;
    margin-top: 100px;
    padding-bottom: 80px;
    padding-top: 1px;
}
#top-nav-wrap {
    background-color: #fff;
    border: medium none;
}
.icon-basket-alt::before, .icon-user::before {
    color: #eaeaea !important;
    font-size: 12px !important;
}
li.login a, #topnav li a {
    font-weight: 600;
}
.signup.home {
    margin-top: 10px !important;
}
.signup:hover, .signup:focus, .signup:active, .signup.active, .signup.disabled, .signup[disabled] {
    /*background-color: #1EB0B0;*/
    color: #ffffff !important;
}
#navigation {
    padding: 60px 0;
    position: relative;
    z-index: 400;
}
#nav {
    float: right;
    height: 55px;
}
@media (max-width: 767px) {
#nav {
    margin-top: -30px;
}
}
#nav a {
    /*color: #fff;*/
	color: #016BC0;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 2px;
}
#nav a:hover {
    /*color: #d8dce0;*/
	color: #669933;
    text-decoration: none;
}
.dropdown-menu {
    background: transparent none repeat scroll 0 0;
    left: 1px !important;
    padding-left: 10px;
    padding-top: 0;
    width: 120px;
}
.dropdown-menu > li {
    display: block;
}
.dropdown-menu > li > a {
    display: block;
    float: none !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 4px 10px !important;
}
a#logo.home {
    background: rgba(0, 0, 0, 0) url("../images/logo_recta_white.png") repeat scroll right top;
    /*width: 150px;*/
	height: 49px;
    width: 242px;
}
/*a#logo.home {
    background: rgba(0, 0, 0, 0) url("../images/logo_small_t.png") repeat scroll right top;
    width: 129px;
}*/
@media (min-width: 768px) and (max-width: 979px) {
a#logo.home {
    background: rgba(0, 0, 0, 0) url("../img/2013/logo-flat.png") repeat scroll right top;
    width: 74px;
}
}
@media not all, (min-resolution: 192dpi) {
a#logo.home {
    background: rgba(0, 0, 0, 0) url("../img/2013/logo-flat@2x.png") repeat scroll right top / 129px 50px !important;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
}
.fadeIn {
    animation-name: fadeIn;
}
.hero-dom-reg {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 40px 0;
    position: relative;
}
.hero-dom-reg h4 {
    color: #fff;
    margin-bottom: -10px;
}
.hero-dom-reg #domain-search {
    box-sizing: border-box;
    color: #60656f;
    float: left;
    font-size: 16px;
    font-weight: 400;
    padding: 9px 9px 9px 33px;
    vertical-align: middle;
}
.hero-dom-reg span {
    display: inline-block;
    float: left;
    left: 10px;
    margin-right: -16px;
    position: relative;
    top: 12px;
}
.hero-dom-list {
    color: #aaa;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    padding-left: 3px;
}
#hero {
    /*margin-bottom: 170px;*/
	margin-bottom: 70px;
    margin-top: 80px;
    position: relative;
}
@media (max-width: 767px) {
#hero {
    margin-bottom: 20px;
    margin-top: 30px;
}
#dom-search {
    width: 100%;
}
}
.slide {
    color: #fff;
    font-weight: 300;
    margin-bottom: 40px;
    /*margin-top: 30px;*/
}
#message-wrapper {
}
.slide h1 {
    /*color: #eaeaea;*/
	color: #016BC0;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 10px;
}
.slide h1 span {
    color: #fff;
    font-weight: 600;
    letter-spacing: -1px;
}
.slide h2 {
    /*color: #fff;*/
	color: #016BC0;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 48px;
    margin: 0 0 30px;
}
.slide p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 40px;
}
.slide a.button {
    margin-right: 10px;
}
.slide a.white {
    font-weight: 300;
}
@media (max-width: 767px) {
.slide h1 {
    font-weight: 300 !important;
    line-height: 24px !important;
}
}
.home-features {
    background: #222930 url("../images/bk_sala.jpg") no-repeat scroll center top / cover ;
}
#common-uses {
    background: #000000 url("../img/2013/bg-cables-2.jpg") no-repeat fixed left center;
}
#snotty-ron {
    background: #000000 url("../img/2013/bg-snottyron-5.jpg") repeat fixed left center;
}
#whyuswrap {
    padding-bottom: 60px;
    padding-top: 60px;
}
#users figure, #support figure {
    margin-top: -90px;
}
#users {
    padding-bottom: 80px;
    padding-top: 80px;
}
.service-row {
    margin-top: 80px;
}
#services-list {
}
#services-list li {
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 30px;
    text-align: left;
}
#services-list li a {
    display: inline-block;
    padding: 30px;
}
#services-list li:hover {
    background-color: #f9f9f9;
}
#services-list li h1 {
    font-weight: 300;
    margin-bottom: 0 !important;
}
#services-list li h3 {
    margin-top: -5px !important;
}
#services-list li p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}
#services-list li p span {
    color: #48c2d6;
}
#services-list-nav li a:active {
}
.service-icon {
    border: 10px solid #fff;
    float: left;
    height: 250px;
    width: 250px;
}
#filter {
    padding-top: 15px;
}
#filter li {
    display: inline-block;
    float: right;
    margin-left: 5px;
}
#filter li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 20px;
}
#filter li a.selected {
    background-color: #feffff;
    border-radius: 3px;
    color: #48c2d6;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
#free-callout-wrapper-home {
    background: rgba(0, 0, 0, 0) url("../images/bg-texture.png") repeat fixed 0 0;
    border-top: medium none;
    padding: 100px 0;
}
.half-page {
    background-color: #f9f9f9;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    padding: 80px 80px 80px 0;
    text-align: right;
    transition: all 0.2s ease-in 0s;
    width: 50%;
}
.half-page:hover {
    padding-right: 90px;
}
.half-page.right {
    background-color: #48c2d6;
    color: #fff;
    padding-left: 80px;
    padding-right: 0;
    text-align: left;
}
.half-page.right:hover {
    padding-left: 90px;
}
@media (max-width: 767px) {
.half-page {
    clear: left;
    padding: 30px !important;
    text-align: left;
    width: 100%;
}
}
.happy-person {
    display: block;
    height: 200px;
}
.happy-person .circle {
    background-color: #71747b;
    border-radius: 300px;
    height: 90px;
    width: 90px;
}