@font-face {
    font-family: 'ubuntu-title';
    src: url('../css/fonts/Ubuntu-Title.eot');
    src: url('../css/fonts/Ubuntu-Title.eot?#iefix') format('embedded-opentype'),
    url('../css/fonts/UbuntuTitling-Bold-webfont.woff') format('woff'),
    url('../css/fonts/Ubuntu-Title.ttf') format('truetype');
    /*url('../css/fonts/UbuntuTitling-Bold-webfont.svg#ubuntu-titletitle') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

#brand-rotator, #brand-rotator *,
#main-header, #main-header *,
#site-logo-container, #site-logo-container *
{
    -webkit-transform: translate3d(0, 0, 0);
}

body {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: white;
    background-color: #252525;
}

a, a:link, a:visited {
    color: #fff !important;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

h1, h2, h3, h4 {
    font-family: Helvetica, Arial,'ubuntu-title', 'sans-serif';
}

h1 small, h2 small {
    color: white;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.red {
    color: magenta;
}
.cyan{
    color:cyan;
}

.navbar-default {
    background-color: #000;
    border: 0;
    border-radius: 0;
}

.max-body-width {
    max-width: 960px;
    margin: 0 auto;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#main-header img {
    margin: 0 auto;
}

#search-container {
    position: relative;
    margin-top: 260px;
    -webkit-transform: translate3d(0,0,0)
}

#search-result-container {
    /*min-height: 368px;*/
}

#search-result-container .search-result {
    position: relative;
    display: none;
}

#search-result-container .search-result .col-sm-3 {
    float: none;
    display: inline-block;
}

#make-an-offer-container {
    display: none;
}

#main-footer {
    margin-top: 400px;
    margin-bottom: 10px;
    font-family: 'VT323', monospace;
}
span.logo-text{
    font-size: 50px;
    color:yellow;
    font-family: 'VT323', monospace;
    text-transform:uppercase;
    float:left;
    margin:25px:
}

form .search-sucks-suffix {
    font-family: 'VT323', monospace;
    background-color: #fff;
    text-transform:uppercase;
    border: 0;
    color: #000;
    position: absolute;
    right: 115px;
    top: 4px;
    font-size: 60px;
}

form .search-sucks {
    font-family: 'VT323', monospace;
    text-transform:uppercase;
    border: 0px;
    border-radius: 25px;
    display: block;
    font-size: 50px;
    padding-right: 208px;
    width: 100%;
    height:94px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form .search-sucks::-ms-clear {
    display: none;
}

form input:focus, form input:active,
form select:focus,
form textarea:focus,
form select:focus {
    outline: 0 !important;
}

button:focus, button:active {
    outline: 0 !important;
}

.search-bubble-tail {
    margin-top: -1px;
}

.search-sucks-buy {
    border-radius: 15px;
    display: block;
    width: 100%;
}

.search-sucks-submit {
    width: 83px;
    height: 79px;
    background: url(../images/search-submit.png);
    border: 0;
    position: absolute;
    top: 8px;
    right: 22px;
}

.search-sucks-buy,
.btn-primary{
    background-color: black;
    border-color: black;
}

.search-sucks-buy img {
    padding: 8px 0 7px 0;
    max-width: 100%;
    max-height:100%
}

.search-spin {
    color: white;
    font-size: 50px;
}

.vspace {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0 none;
    height: 20px;
}

.vspace2 {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0 none;
    height: 40px;
}

.registrar-buy {
    width: 100%;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.search-result-domain {
    font-size: 30px;
}

.search-result-box {
    background: none;
    border-radius: 20px;
}

.grayscale {
    opacity: 0.6;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

sup {
    top: -.7em;
    font-size: 55%;
}

.domain-price {
    color: #fff;
    font-size: 50px;
    font-family: 'Oswald', sans-serif;
    transform:scale(1.1,1.2);
    -webkit-transform:scale(1.1,1.2);
    -moz-transform:scale(1.1,1.2);
    -ms-transform:scale(1.1,1.2);
    -o-transform:scale(1.1,1.2);
}

.modal {
    color: #000;
}

.modal .modal-header {
    border-bottom: 0;
    min-height: 45px;
}

.modal-header .close {
    font-family: Helvetica, Arial, sans-serif;
}

.modal .modal-body {
    padding-top: 0px;
}

.modal .modal-content {
    border-radius: 15px;
}

.modal h3 {
    margin-top: 10px;
}

.modal label {
    color: #9d9c9c
}

.modal input {
    font-family: Helvetica, Arial,'ubuntu-title', 'sans-serif';
    width: 100%;
    border-radius: 15px;
    border: 2px solid #c9c8c8;
    padding: 10px;
}

.modal button {
    font-family: Helvetica, Arial,'ubuntu-title', 'sans-serif';
    font-size: 130%;
    padding-top: 14px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 15px;
}

.trigger-modal {
    text-decoration: underline;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .registrar-buy {
        height: 80px;
    }
}

@media screen and (max-width: 757px) {
    .search-sucks-submit {
        display:none;
    }
    form .search-sucks-suffix {
        right: 25px;
    }
    form .search-sucks {
        padding-right: 120px;
    }
}

@media screen and (max-width: 565px) {
    #search-container {
        margin-top: 70px;
    }
}

@media screen and (max-width: 485px) {
    form .search-sucks-suffix {
        font-size: 30px;
        top: 28px;
    }
    form .search-sucks {
        padding-right: 95px;
        font-size: 30px;
    }
}