/* Hostium Created: 07/2013 Version: 1.0 By: myTheme at ThemeForest.net http://themeforest.net/user/myTheme 01.....LAYOUT 02.....HEADER 03.....CONTENT 04.....HOMEPAGE 05.....FORMS 06.....MISC 07.....MEDIA QUERIES 
/*-----------------------------------------------------------------------------------*/
/* LAYOUT 
/*-----------------------------------------------------------------------------------*/
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
 .wrapper:after, heade:after, .bottom:after, #login:after, #hosting:after, #search:after, .header-inner:after, .domain:after, form:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* .wrapper {
    padding:15px 15px 0 15px;
    background: linear-gradient(45deg, black, transparent) !important;
     color: #ffffff;
     margin-bottom: 80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 */
 .wrapper {
    margin-top: 60px;
    color: #b2a7d6;
    padding: 15px 15px 0 15px;
    background-color: #241454;
    margin-bottom: 80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 .home .wrapper {
    padding-top:5px;
}
 aside {
    margin:0 -15px -15px -15px;
    padding:15px;
    background:#EDEEEF;
}
 .bottom {
    clear:both;
    padding:0 15px 15px 15px;
    background:#edeeef;
}
 .christmas-special img {
     width: 200px;
}
/*-----------------------------------------------------------------------------------*/
/* HEADER 
/*-----------------------------------------------------------------------------------*/
/* logo */
header {
	width: 100%;
}
.header .navbar {
	width: 100%;
}
 #logo {
     height: 90px;
     display: inline-block;
}
 #logo img {
    margin-top:10px;
}
/* Resize logo */
 #logo .part1 {
     width: 50px;
}
 #logo .part2 {
     width: 110px;
     left: 0 !important;
}
/* navigation */
 #nav {
    margin:0;
    clear:both;
}
 #nav ul {
    margin:0;
    padding:0;
    width:100%;
    display:block;
    list-style:none;
}
 #nav li {
    width:100%;
    display:block;
}
 #nav a {
    width:100%;
    display:block;
    color:#eee;
    padding:5px 0;
    text-transform:uppercase;
    border-top:1px solid #333;
}
 .js #nav {
    clip:rect(0 0 0 0);
    max-height:0;
    position:absolute;
    display:block;
    overflow:hidden;
    zoom:1;
}
 #nav.opened {
    max-height:9999px;
}
 #nav-toggle {
    display:block;
    clear:both;
    /*background:#262B2F url(../img/sprite.png) 100% 100% no-repeat;*/
    color:#eee;
    text-align:center;
    margin:0 -15px 15px -15px;
    margin:10px 0 15px 0;
    height:40px;
    line-height:40px;
    border-radius:4px;
}
/*-----------------------------------------------------------------------------------*/
/* CONTENT 
/*-----------------------------------------------------------------------------------*/
/* typography */
 h1, h2, h3, button, .button, #nav a {
    font-weight:700;
}
 h1 {
    font-size:2em;
    line-height:1;
    margin-bottom:0.5em;
    border-bottom:1px solid #ddd;
    padding-bottom:0.5em;
    clear:both;
}
 h2 {
    font-size:1.5em;
    line-height:1.2;
    margin:1em 0 0.5em;
}
 h3 {
    font-size:1.25em;
    line-height:1.2;
    margin:1.5em 0 0.5em;
    text-transform:uppercase;
}
/* default margins */
 p, ul, ol, table, form, pre, blockquote {
    margin-bottom:1.5em;
}
/* links */
 a {
    text-decoration:none;
    font-weight:bold;
}
 a:hover {
    color:#eee;
}
/* lists */
 ul {
    list-style:square;
}
 ul, ol {
    margin-left:1.5em;
}
/* tables */
 table {
    border-spacing:0;
    border-collapse:separate;
    width:100%;
    border:1px solid #5F49BB;
    border-bottom-width:2px;
    table-layout:fixed;
    color: #eee;
}
 table thead {
    background:rgba(0,0,0,0.05);
    padding:4px 10px;
}
 table td, table th {
    padding:4px 10px;
    text-align:left;
}
 table td {
    word-wrap: break-word;
}
 tbody tr {
    background: #604E95;
}
 tbody tr:nth-child(2n) {
    background: #332363;
}
/* code */
 pre {
    background:#3e3e3e;
    padding:10px;
    overflow-x:auto;
    color: #eee;
}
 code {
    white-space:pre-wrap;
}
/* quotes */
 blockquote p {
    background:#F4F5F5;
    padding:5px;
    margin:-5px -5px 0 -5px;
    box-shadow:0 1px 1px rgba(0,0,0,0.1);
    border-radius:4px;
}
 blockquote p:after {
    content:'\201D';
}
 blockquote img {
    vertical-align:middle;
    margin-left:10px;
}
 blockquote cite {
    font-style:normal;
    color:#999;
    font-size:0.875em;
    clear:both;
    display:block;
    background:url(../img/blockquote.png) 5px 0 no-repeat;
    padding-top:10px;
}
/* horizontal ruler */
 hr {
    border:0;
    background: #332362;
    height: 4px;
}
/* images */
 img {
    border:none;
    max-width:100%;
}
 .alignleft {
    float:left;
    margin:5px 10px 5px 0;
}
 .alignright {
    float:right;
    margin:5px 0 5px 10px;
}
/* alerts */
 .alert {
    padding:10px;
    border-width:1px;
    border-style:solid;
}
 .alert a {
    text-decoration:underline;
}
 .alert.gray {
    background-color:#F7F7F9;
    border-color:#E1E1E8;
    color:#555;
}
 .alert.green {
    background-color:#DFF0D8;
    border-color:#D6E9C6;
    color:#468847;
}
 .alert.yellow {
    background-color:#FCF8E3;
    border-color:#FBEED5;
    color:#C09853;
}
 .alert.red {
    background-color:#F2DEDE;
    border-color:#EED3D7;
    color:#B94A48;
}
 .alert.blue {
    background-color:#D9EDF7;
    border-color:#BCE8F1;
    color:#3A87AD;
}
 .alert.gray a {
    color:#555;
}
 .alert.green a {
    color:#468847;
}
 .alert.yellow a {
    color:#C09853;
}
 .alert.red a {
    color:#B94A48;
}
 .alert.blue a {
    color:#3A87AD;
}
/* buttons */
 .button {
    background:#ccc;
    padding:0.5em 0.5em;
    color: #eee;
    font-weight:bold;
    margin:0 0.5em 0.5em 0;
    display:inline-block;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .button:hover {
    color:#eee;
}
 .button span {
    color:#eee;
    color:rgba(0,0,0,0.7);
    border-left:1px solid #444;
    border-left:1px solid rgba(0,0,0,0.2);
    padding-left:5px;
}
 .button.gray {
    background-color:#999;
}
 .button.gray:hover {
    background-color:#888;
}
 .button.green {
    background-color:#89B64C;
}
 .button.green:hover {
    background-color:#79A63C;
}
 .button.orange {
    background-color:#f89418;
}
 .button.orange:hover {
    background-color:#d87408;
}
 .button.red {
    background-color:#bd362f;
}
 .button.red:hover {
    background-color:#9d160f;
}
 .button.black {
    background-color:#333;
}
 .button.black:hover {
    background-color:#111;
}
 .button.blue {
    background-color:#0099EE;
}
 .button.blue:hover {
    background-color:#0B78C9;
}
 .button.pink {
    background-color:#E53B8A;
}
 .button.pink:hover {
    background-color:#C51B6A;
}
 .button.purple {
    background-color:#8475A8;
}
 .button.purple:hover {
    background-color:#645588;
}
 .button.white {
    background-color:#ddd;
    color:#222;
}
 .button.white:hover {
    background-color:#ccc;
}
/* support list */
 .support {
    list-style:none;
    background-color:#DDDEDF;
    border:1px solid #CDCECF;
    border-width:1px 1px 2px 1px;
    border-radius:4px;
    margin-left:0;
}
 .support li:first-child {
    border-top:0;
}
 .support li {
    border-top:1px solid #CDCECF;
    line-height:40px;
    padding:0 2px 0 10px;
}
 .support li a {
    display:block;
    margin:0 -2px 0 -10px;
    padding:0 10px;
    color:#333;
    font-weight:normal;
}
 .support li a:hover {
    background-color:#CDCECF;
}
 .support li img {
    vertical-align:middle;
    margin-right:3px;
}
 .support li span {
    border-radius:2px;
    display:inline-block;
    line-height:1em;
    background:#89B64C;
    color:#eee;
    text-transform:uppercase;
    font-size:0.625em;
    padding:2px 3px;
    margin-left:4px;
}
/* hosting */
 #hosting {
    color:#eee;
    padding:15px;
}
 #hosting h2 {
    text-align:center;
    margin-top:0;
    background:url(../img/hosting-h2.png) 0 50% repeat-x;
}
 #hosting h2 span {
    padding:0 10px;
}
 #hosting img.hosting-icon {
    margin:0 auto 5px auto;
    display:block;
}
 #hosting p {
    text-align:center;
}
 #hosting p small {
    color:#666;
    font-size:0.875em;
}
 #hosting .button {
    margin-bottom:2em;
}
/* hosting features */
 .hosting-features {
    list-style:none;
}
 .hosting-features li {
    border-top:1px dashed #3E4246;
    color:#ddd;
    font-size:0.875em;
    padding:3px 2px;
}
 .hosting-features li:first-child {
    border-top:0;
}
 .hosting-features li:nth-child(2n-1) {
    background:rgba(255,255,255,0.007);
}
 .hosting-features li img {
    margin-right:3px;
    vertical-align:middle;
}
 .hosting-features li a {
    font-weight:normal;
    color:#ddd;
    text-decoration:underline;
}
 .hosting-features.icons-ul .icon-li {
    line-height:1 !important;
}
/* social links */
 .social {
    clear:both;
    list-style:none;
    padding-top:20px;
    border-top:1px dashed #444;
    border-top:1px dashed rgba(255,255,255,0.1);
    margin-left:0;
    text-align:center;
}
 .social li {
    display:inline;
}
 .social a {
    display:inline-block;
    margin:0 5px;
}
 .social [class^="icon-"] {
    color:#555759;
}
 .social .icon-facebook-sign:hover {
    color:#3B5998;
}
 .social .icon-flickr:hover {
    color:#D70068;
}
 .social .icon-twitter-sign:hover {
    color:#00C0F7;
}
 .social .icon-rss-sign:hover {
    color:#E7772F;
}
 .social .icon-tumblr-sign:hover {
    color:#2E4B67;
}
 .social .icon-youtube-sign:hover {
    color:#CC181E;
}
 .social .icon-google-plus-sign:hover {
    color:#E34B39;
}
 .bottom h3 {
    font-size:1.25em;
    text-transform:uppercase;
    letter-spacing:1px;
}
 .bottom a {
    color:#333;
}
/* tabs */
 .tabs-hide {
    display:none;
}
 .tabs-container {
    float:left;
    clear:both;
}
/* tabs navigation */
 .tabs-nav {
    margin:-15px -10px 0 -10px;
    width:100%;
    text-align:center;
}
 .tabs-nav li {
    display:inline-block;
    margin-right:4px;
    position:relative;
}
 .tabs-nav li a {
    display:inline-block;
    padding:0.25em 0.5em;
    font-weight:bold;
    text-decoration:none;
    color: #eeeeee;
    background: #604e96;
    border-radius:0 0 4px 4px;
    font-size: 12px;
}
 .tabs-nav li a:hover {
    color: #0099ee;
}
 .tabs-nav li.ui-tabs-active a {
     background: #0099ee none repeat scroll 0 0;
     color: #eeeeee;
     position: relative;
}
 .tabs-nav li.ui-tabs-active a:after {
     /*background: #0099ee url("../img/sprite.png") no-repeat scroll 100% -104px;*/
     bottom: -6px;
     content: "";
     height: 6px;
     left: 50%;
     margin-left: -6px;
     position: absolute;
     width: 12px;
}
/* faq toggles */
 .faq-question li {
    border-top:1px solid #eee;
    padding:2px 0;
}
 .faq-question li:first-child {
    border-top:0;
}
 .faq-toggle {
    margin-bottom:0;
}
 .faq-toggle a {
    font-weight:normal;
    display:block;
}
 a.faq-toggle-active {
}
 .hidden {
    display:none;
}
/* blog */
 .blog-entry {
    position:relative;
    margin-bottom:3em;
}
 .blog-entry h1, .blog-entry h2 {
    padding-right:34px;
}
 .blog-meta {
    font-size:0.875em;
    color:#999;
    border-bottom:1px dotted #eee;
    padding-bottom:3px;
}
 .blog-entry .blog-meta {
    margin-top:-0.75em;
}
 #comments {
    margin-bottom:3em;
}
 #comments .blog-meta {
    margin-bottom:0.5em;
}
 .blog-meta-comments {
    position:absolute;
    right:0;
    top:7px;
    width:27px;
    height:26px;
    padding-bottom:8px;
    /*background:url(../img/sprite.png) 0 -100px no-repeat;*/
    text-align:center;
    line-height:18px;
    color:#666;
}
 .blog-pages {
    clear:both;
    margin-left:0;
}
 .blog-pages li {
    display:inline-block;
    margin-right:4px;
    list-style:none;
    color:#999;
}
 .blog-pages a {
    background:#EDEEEF;
    color:#999;
    text-decoration:none;
    padding:2px 6px;
    font-weight:normal;
    border-radius:4px;
}
 .blog-pages a:hover {
    background:#DDDEDF;
}
/*-----------------------------------------------------------------------------------*/
/* HOMEPAGE 
/*-----------------------------------------------------------------------------------*/
 #intro {
    clear:both;
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0;
    height:400px;
}
/*#intro img {
    display:block;
    height:auto;
    float:left;
    width:100%;
    border:0;
    margin-bottom:0;
    position:relative;
    left:-50%;
    top:0;
    width:auto;
    max-width:none;
}
*/
 #intro img {
    display:block;
    height:auto;
    width:100%;
    border:0;
    margin-bottom:0;
    top:0;
    max-width:none;
     position: absolute;
}
/* intro content */
 .intro-content {
    position:absolute;
    color:#eee;
    height:100%;
    z-index:3;
    font-size:12px;
    width:100%;
    text-align:center;
}
 .intro-content h2 {
    text-transform:none;
    display:block;
}
/*-----------------------------------------------------------------------------------*/
/* FORMS 
/*-----------------------------------------------------------------------------------*/
 input[type="text"], input[type="password"], textarea, select {
    background: #9f94ce;
    border:1px solid #5F49BB;
    color:#eee;
    padding:8px;
    margin-bottom:20px;
    width:100%;
    font-family:inherit;
    font-size:100%;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: 1px solid #5F49BB;
}
 label {
    display:block;
    line-height:30px;
}
 label span {
    color:#999;
}
 textarea {
    overflow:auto;
}
/* errors */
 em.error {
    height:0;
    display:none;
    text-indent:-9999px;
    float:right;
}
 input.error, textarea.error {
    background:#FFB0B0;
}
/* button */
 button {
    clear:both;
    color:#333;
    background:#0099EE;
    padding:0.5em 1.5em;
    line-height:1;
    border-width:1px;
    border-style:solid;
    border-color:#eee #eee #eee;
    border:0;
    cursor:pointer;
    width:auto;
    overflow:visible;
    font-weight:bold;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:1px;
}
 button:hover {
    background:#0B78C9;
}
/* login page */
 #login {
    padding:15px 15px 0 15px;
}
 #login h1 {
    color:#eee;
    border:0;
}
 #form-login label {
    color:#eee;
}
 #form-login label a {
    color:#bbb;
    margin-left:5px;
    font-weight:normal;
    font-size:0.75em;
}
 #form-login input {
    padding-left:32px;
    /*background-image:url(../img/sprite.png);*/
    background-repeat:no-repeat;
}
 #form-login input.input-username {
    background-position:2px -5px;
}
 #form-login input.input-password {
    background-position:2px -45px;
}
/* search domain */
 .domain {
    text-align:left;
    margin:0 -15px;
    padding:10px 15px;
    position:relative;
}
 .domain .title {
     position: absolute;
     top: -24px;
}
 #form-search {
    margin-bottom:0;
}
 #form-search input, #form-search select {
    color:#666;
    background:#ccc;
    padding:7px;
    width:50%;
    margin-bottom:0;
    float:left;
    border:0;
}
 #form-search select {
    width:31%;
    margin-left:2%;
}
 #form-search button {
    padding:0;
    border:0;
    width:15%;
    float:right;
    clear:none;
    padding:8px 0;
    color:#eee;
}
 #form-search ::-webkit-input-placeholder {
    color:#666;
    opacity:1;
}
 #form-search ::-moz-placeholder {
    color:#666;
    opacity:1;
}
/*-----------------------------------------------------------------------------------*/
/* MISC 
/*-----------------------------------------------------------------------------------*/
/* border-radius */
 input, textarea, select, #form-search button, .alert, table, pre {
    border-radius: 4px;
}
 button, .button {
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
/* box-shadows */
 input, textarea, select {
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset;
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset;
    box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset;
}
 #form-login input:focus {
    -webkit-box-shadow:0 0 8px rgba(255,255,255,0.6);
    -moz-box-shadow:0 0 8px rgba(255,255,255,0.6);
    box-shadow:0 0 8px rgba(255,255,255,0.6);
}
/* transitions */
 a, input, textarea, button, .social i {
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
}




@media screen and (min-width:0px) {
	.join-discord {
		top: 140px !important;
	}

	.join-discord div {
		font-size: 13px !important;
	}
}

@media screen and (min-width:768px) {
	.join-discord {
		top: 140px !important;
	}
	.join-discord div {
		font-size: 15px !important;
	}
}

/*-----------------------------------------------------------------------------------*/
/* MEDIA QUERIES 
/*-----------------------------------------------------------------------------------*/
 @media screen and (min-width:440px) {
 	.join-discord {
		top: 140px !important;
	}

	.join-discord div {
		font-size: 13px !important;
	}
     .christmas-special img {
         width: 200px;
    }
    /* login page */
     #login {
        background:url(../img/login.png) 50% 0 no-repeat;
        padding:30px 50px 0 100px;
        width:400px;
        margin:0 auto;
    }
    /* buttons */
     .button {
        padding:0.5em 1.5em;
        letter-spacing:1px;
    }
     .wrapper {
         background-color: #241454;
         margin-top:60px;
    }
     .bottom {
         background: #fff url("../img/wrapper.png") repeat-y scroll 63.461% 0;
    }
    /* domain search */
     #form-search input {
        width:61%;
    }
     #form-search select {
        width:20%;
    }
    /* typography */
     h1 {
        font-size:3em;
    }
     h2 {
        font-size:1.8em;
    }
     h3 {
        font-size:1.5em;
    }
    /* tabs navigation */
     .tabs-nav {
        margin:-19px 0 10px 0;
    }
     .tabs-nav li {
        margin-right:2px;
    }
     .tabs-nav li:before, .tabs-nav li:after {
        content:"";
        width:4px;
        height:4px;
        /*background:url(../img/sprite.png) -362px -104px no-repeat;*/
        position:absolute;
        top:0;
    }
     .tabs-nav li:before {
        left:-4px;
    }
     .tabs-nav li:after {
        background-position:-366px -104px;
        right:-4px;
    }
     .tabs-nav li a {
        padding:0.5em 1em;
    }
    /* Resize logo */
     #logo .part1 {
         width: 50px;
    }
     #logo .part2 {
         width: 110px;
         left: 0 !important;
    }
}



 @media screen and (min-width:640px) {
 	.join-discord {
 		top: 140px !important;
 	}
     .christmas-special img {
         width: 300px;
    }
    /* layout */
     .wrapper {
        padding:30px 15px 20px 15px;
        background-color: #241454;
    }
     .home .wrapper {
        padding-top:10px;
        margin-top:0;
    }
     .main {
        float:left;
        width:100%;
    }
     aside {
        float:right;
        width:31.25%;
        margin:0;
        padding:0;
    }
     header {
        position:relative;
        z-index:9999;
        width:100%;
        margin-bottom:-30px;
    }
     .header-inner {
        padding:50px 0 12px;
        position:relative;
        text-align:center;
    }
     header #logo img {
        margin:0 0 0 0;
    }
     #logo:hover {
        opacity:0.7;
    }
     header .buttonbox {
        position:absolute;
        right:0;
        top:20px;
    }
     header .button.logout {
        float: right;
    }
     header .button.teamspeak {
        float: right;
    }
     header .button.admin {
        float: right;
    }
     header .button.register {
        float: right;
    }
     #hosting {
        margin:0 auto;
        padding:40px 15px;
        background-image:url(../img/hosting.png);
        background-position:100% 100%;
        background-repeat:no-repeat;
    }
     .bottom {
        clear:both;
        padding:0 15px 10px 15px;
        background:#EDEEEF;
        border-bottom:10px solid #DDDEDF;
    }
    /* domain search */
     .domain {
        margin:0 -15px;
        padding:15px;
    }
     .domain #form-search {
        width:80%;
        margin:0 auto;
    }
    /* intro */
     #intro {
        z-index:0;
        position:relative;
    }
     #intro img {
         height:auto;
         left:0;
         max-width: 100%;
         height: auto;
         width: auto\9;
        /* ie8 */
         position: absolute;
    }
     .intro-content h2, .intro-content p {
        background:#202529;
        display:inline-block;
    }
     .intro-content h2 {
        font-size:3em;
        padding:5px 20px;
    }
     .intro-content p {
        font-size:1.125em;
        line-height:1;
        padding:4px;
    }
    /* navigation */
     .js #nav {
        position:relative;
        background:transparent;
        margin:0 auto;
        text-align:center;
        width:100%;
        z-index:9999;
    }
     .js #nav.closed {
        max-height:none;
    }
     #nav-toggle {
        display:none;
    }
     #nav ul {
        margin:0 auto;
        text-align:center;
        width:auto;
    }
     #nav li {
        display:inline-block;
        width:auto;
        margin:0 5px;
    }
     #nav a {
        display:inline-block;
        padding:0 10px;
        line-height:30px;
        background:#262B2F;
        color:#eee;
        border-radius:4px;
    }
     #nav a:hover, #nav .nav-current {
        color:#eee;
        background:#363B3F;
    }
    /* tabs navigation */
     .tabs-nav {
        margin-top:-30px;
    }
    /* columns */
     .one-half, .one-third, .two-thirds, .one-fourth {
        float:left;
        display:inline;
        width:48%;
        margin-right:4%;
    }
     .one-third {
        width:30.666666%;
    }
     .two-thirds {
        width:65.333333%;
    }
     .one-fourth {
        width:22%;
    }
     .last {
        margin-right:0;
    }
     .clear {
        clear:both;
    }
    /* Resize logo */
     #logo .part1 {
         width: 100px;
    }
     #logo .part2 {
         width: 220px;
    }
}

 @media screen and (min-width:1020px) {
 	.join-discord {
		top: 0px !important;
	}
	.join-discord div {
		font-size: 15px !important;
	}
     .christmas-special img {
         width: 300px;
    }
    /* layout */
     .wrapper, .header-inner, #hosting, #intro, .bottom {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }
     .wrapper, #hosting, .bottom, .domain {
        padding-left:40px;
        padding-right:40px;
    }
    /* typography */
     .home h3 {
        background:url(../img/h2.png) 0 100% repeat-x;
        padding-bottom:10px;
    }
     .main h3 {
        background:url(../img/h2.png) 0 100% repeat-x;
        padding-bottom:10px;
    }
    /* domain search */
     .domain {
        margin:0 -40px;
    }
     .domain #form-search {
        width:50%;
    }
    /* social links */
     .social {
        text-align:right;
    }
     .social a {
        margin:0 0 0 20px;
    }
    /* Resize logo */
     #logo .part1 {
         width: 100px;
    }
     #logo .part2 {
         width: 220px;
    }
}
 @media screen and (min-width:1100px) {
     .christmas-special img {
         width: 400px;
    }
    /* layout */
     .wrapper, .header-inner, #hosting, #intro, .bottom {
        width:100%;
    }
    /* Resize logo */
     #logo .part1 {
         width: 100px;
    }
     #logo .part2 {
         width: 220px;
    }
}
/* To fill the container and nothing else */
 .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
     width: 100% !important;
}
 p.green:not(.button), span.green:not(.button), div.green:not(.button) {
     color: green;
}
 p.red:not(.button), span.red:not(.button), div.red:not(.button){
     color: red;
}
 p.orange:not(.button), span.orange:not(.button), div.orange:not(.button) {
     color: orange;
}
 #chargeAmount {
     width: 90%;
}
 .discountTable {
     width: 100%;
}
 #resellerChangeIpForm, #resellerExtendForms,#resellerDeleteLicenseForm {
     display: none;
}
 .license {
     width: 100%;
     height: 30px;
     padding-top: 5px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     background-color: #604E95;
}
 .license div{
     float: left;
     overflow: hidden;
     padding-left: 6px;
     vertical-align: middle;
}
.license.title {

}

 .license .account {
     width: 390px;
     height: 23px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding-right: 10px;
}
 .license .edit {
     width: 110px;
}
 .license .expireDate {
     width: 130px;
}
 .license .creationDate {
     width: 130px;
}
 .license .teamspeakIp {
     width: 200px;
}
 .license .edit a {
     margin-right: 10px;
}
 .license.title {
     background-color: #332362;
}
 .licensesListContainer .license:nth-child(2n) {
    background: #332361;
}
 #resellerExtendForms, #resellerEditForm, #resellerChangeIpForm {
     display: none;
     background-color: #eee;
}
 .footer-links {
     color: #656769;
}
 tr.title {
     font-weight: bold;
}
 .licenseNavigation {
     max-height: 45px;
     width: 100%;
     position: relative;
}
 .licenseNavigation .prevLicenses {
     position: absolute;
     left: 0;
     top: 5px;
}
 .licenseNavigation .nextLicenses {
     position: absolute;
     right: 0;
     top: 5px;
}
 .hosterLicensePaginationDiv {
     width: 100px;
     margin: 0 auto 10px;
}
 .paymentLogos img{
     float: left;
     width: 100px;
}
 .video-title.flag {
     height: 15px;
     margin-right: 5px;
}
 .video-tutorials h3 {
     height: 38px;
}
 .video-tutorials .community {
     float: left;
     width: 100%;
}
 #recaptcha_area, #recaptcha_table {
     display: inline;
     width: 318px !important;
}
 .sonar {
     position:relative;
     width:100%;
}
 .sonar img:nth-child(1) {
     z-index: 1;
}
 .sonar img:nth-child(2) {
     z-index: 2;
}
 .sonar img:nth-child(3) {
     margin-top: -60px;
     z-index: 3 !important;
     width: 100% !important;
     height: 50px !important;
}
 .account-help-buttons img {
     height: 110px;
     width: 200px;
     z-index: 1;
}
 .commercial-customer-table input {
     margin-bottom: 0;
}
 .commercial-customer-table .noborder {
     border: 0;
}
 .web-installer-servers {
     width: 100%;
     background-color: red;
}
 .web-installer-servers .addNew {
     float: left;
     border: 2px solid #000000;
     text-align: center;
}
 .web-installer-servers .addNew span {
     display: block;
     font-weight: bold;
}
 .web-installer-servers .addNew img {
     width: 50px;
     height: 50px;
}
 .percentbar {
    border: 1px solid #241454;
    height: 24px;
    position: relative;
    background: rgba(0,0,0,0.3);
    line-height: 26px;
}
 .percentbar div {
     background: #7121A5;
     height: 22px;
}
 .percentbar span {
     display: inline-block;
     position: absolute;
     text-align: center;
     top: -2px;
     width: 100%;
}
 .server-informations {
     cursor: pointer;
     padding-right: 50px;
     color: #ccc;
}
.serverContainer .server {
	color: #ccc;
}
 .server-informations:hover {
     background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0;
}
 .TS3MusicBot-informations-edit input {
     margin-bottom: 0;
     padding: 6.2px;
}
 .tutorial-video {
     height: 100px;
     width: 250px;
     margin: 0 40px 70px 0;
     position: relative;
     min-height: 145px;
     border: 2px solid;
     border-color: #0099ee;
     float: left;
}
 .tutorial-video .preview img {
     height: 141px;
     border: 1px solid;
     margin: 0 auto;
}
 .tutorial-video .preview {
     text-align: center;
}
 .tutorial-video .text {
     font-size: 12px;
     font-weight: bold;
     text-align: center;
}
 .youtuber-avatar {
     position: absolute;
     top: -2px;
     left: -2px;
     border: 2px solid;
     height: 39px;
}
 .youtuber-avatar img {
     height: 35px;
}
 .tutorial-video .name {
     position: absolute;
     top: 0;
     left: 40px;
     font-weight: bold;
     background-color: #000000;
     border-bottom: 2px solid;
     border-right: 2px solid;
     border-color: #0099ee;
}
 .youtuber-avatar .arrow {
     width: 30px;
}
 .tsstatus {
     display: block;
     float: left;
}
 .tsstatusItem >.tsstatusFlags img {
     display: none;
}
 #HOW_TO_INSTALL_WINDOWS_BOX, #HOW_TO_INSTALL_WINDOWS_BOX2, #HOW_TO_INSTALL_LINUX_BOX {
     display: none;
     clear: left;
}
 .how-to-install-os-select {
     width: 350px;
     margin: 30px auto 10px auto;
}
 #HOW_TO_INSTALL_LINUX_TOGGLE {
     cursor: pointer;
     float: left;
     margin-right: 20px;
     height: 146px;
}
 #HOW_TO_INSTALL_WINDOWS_TOGGLE {
     cursor: pointer;
     float: left;
     height: 146px;
}
 #HOW_TO_INSTALL_WINDOWS_TOGGLE2 {
     cursor: pointer;
     float: left;
     height: 146px;
}
 #HOW_TO_INSTALL_LINUX_TOGGLE:hover, #HOW_TO_INSTALL_WINDOWS_TOGGLE:hover, #HOW_TO_INSTALL_WINDOWS_TOGGLE2:hover {
     background-color: #0099ee;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}
 .howto pre {
     margin-left: 57px;
     -webkit-border-top-right-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
     -moz-border-radius-topright: 4px;
     -moz-border-radius-bottomright: 4px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     -webkit-border-top-left-radius: 0;
     -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-topleft: 0;
     -moz-border-radius-bottomleft: 0;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .howto button {
     position: absolute;
     top: 0;
     left: 0;
     color: #eee;
     width: 57px;
     height: 45px;
     padding-right: 40px;
     -webkit-border-top-right-radius: 0;
     -webkit-border-bottom-right-radius: 0;
     -moz-border-radius-topright: 0;
     -moz-border-radius-bottomright: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     -webkit-border-top-left-radius: 4px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-topleft: 4px;
     -moz-border-radius-bottomleft: 4px;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
}
 .howto .animation {
     border: 1px solid #333333;
}
 .SERVER_TO_LOAD {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     border-spacing:0;
     border-collapse:separate;
     width:100%;
     border:1px solid #5F49BB;
     border-bottom-width:2px;
     table-layout:fixed;
     margin-bottom:1.5em;
}
 .bottom-col-content iframe {
     width: 100% !important;
}
 ._2p3a {
     width: 100% !important;
}
 .uiScaledImageContainer {
     width: 100% !important;
}
 .hoster_list_hoster_information_text br {
     display: block;
     margin: 0 0;
}
 #lz_chat_overlay_main table, #lz_chat_overlay_main table td, #lz_chat_overlay_main table tr {
     display: grid;
     background: rgba(255,255,255,0.3);
}
 .featureBox {
     background-image: url(../images/feature_box.png);
     height: 445px;
     width: 290px;
     background-repeat: repeat-x;
     float: left;
     margin: 35px 45px 0 0;
     position: relative;
     background-size: 289px 445px;
}
 .featureBox .screenshot {
     overflow: hidden;
     position: relative;
}
 .featureBox .screenshot img {
     height: 222px;
     width: 100%;
}
 .featureBox .title {
     font-size: 22px;
     text-align: center;
     margin-top: 20px;
     font-weight: bold;
     font-family: 'Roboto', sans-serif;
     color: #eee;
}
 .featureBox .new-flag {
     position: absolute;
     top: 225px;
     left: 10px;
    /*color: #68dde3;
    */
     color: red;
     font-family: 'Roboto', sans-serif;
     font-weight: bold;
     font-size: 12px;
}
 .colorOverlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000491+0,43b2f1+100&0.4+1,0.3+100,0.4+100 */
     background: -moz-linear-gradient(-45deg, rgba(0,4,145,0.4) 0%, rgba(1,6,146,0.4) 1%, rgba(67,178,241,0.4) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, rgba(0,4,145,0.4) 0%,rgba(1,6,146,0.4) 1%,rgba(67,178,241,0.4) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, rgba(0,4,145,0.4) 0%,rgba(1,6,146,0.4) 1%,rgba(67,178,241,0.4) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000491', endColorstr='#6643b2f1',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
     position: absolute;
     z-index: 2;
     width: 100%;
     height: 100%;
}
 .colorOverlay:hover {
     background: none;
    /* FF3.6-15 */
     filter: none;
    /* IE6-9 fallback on horizontal gradient */
     position: absolute;
     z-index: 2;
     width: 100%;
     height: 100%;
}
 .featureBox .stars {
     position: absolute;
     bottom: 5px;
     left: 105px;
}
 .featureBox .text {
     padding: 20px;
     text-align: center;
}
/*small screen, every first*/
/*@media only screen and (max-width: 680px) {
     .featureBox {
         margin: 35px 0 0 0 !important;
         float: none !important;
    }
     .featuresList {
         max-width: 371px !important;
    }
}
*/
/*mid screen, every second*/
/*@media only screen and (min-width: 681px) and (max-width: 1099px) {
     .featureBox:nth-child(2n) {
         margin: 35px 0 0 0 !important;
    }
     .featuresList {
         max-width: 772px !important;
    }
}
*/
/*large screen, every third*/
/*@media only screen and (min-width: 1100px) {
     .featureBox:nth-child(3n) {
         margin: 35px 0 0 0 !important;
    }
}
*/
 .privateBotToggle label {
     display: inline-block !important;
     font-size: 20px;
     cursor: pointer;
     padding: 4px;
     width: 47px;
     border: 1px solid #5F49BB;
     text-align: center;
}
 .privateBotToggle input {
     cursor: pointer;
}
 .privateBotToggle label:hover, .privateBotToggle input:hover {
     background-color: grey;
}
 .privateBotToggle fieldset {
     border: none;
}
 .update-new {
     padding: 2px 4px 2px 4px;
     background-color: #5CB85C;
     margin-bottom: 4px;
     font-size: 10px;
     font-weight: bold;
     color: #eee;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     min-width: 35px;
     display: inline-block;
     text-align: center;
     margin-right: 8px;
}
 .update-fix {
     padding: 2px 4px 2px 4px;
     background-color: #35C5F4;
     margin-bottom: 4px;
     font-size: 10px;
     font-weight: bold;
     color: #eee;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     min-width: 35px;
     display: inline-block;
     text-align: center;
     margin-right: 8px;
}
 .update-enhanced {
     padding: 2px 4px 2px 4px;
     background-color: chocolate;
     margin-bottom: 4px;
     font-size: 10px;
     font-weight: bold;
     color: #eee;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     min-width: 35px;
     display: inline-block;
     text-align: center;
     margin-right: 8px;
}
 .update-removed {
     padding: 2px 4px 2px 4px;
     background-color: red;
     margin-bottom: 4px;
     font-size: 10px;
     font-weight: bold;
     color: #eee;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     min-width: 35px;
     display: inline-block;
     text-align: center;
     margin-right: 8px;
}

.lcgp_wrap {
	background: none !important;
}

 #resellerExtendFormsEventLicense{
     display: none;
}
 .camera_fakehover {
     border: 20px solid #3D1387;
}
 .SandboxRoot.env-bp-970 .timeline-Tweet-text {
     font-size: 20px;
}