/* ADMAX CORE STYLESHEET */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	zoom: 1;
	font-size: 100%;
	text-decoration: none;
	font: inherit;
	font-family: 'Roboto';
	-webkit-text-size-adjust: none;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body, #load {
	line-height: 1;
	width: 100%; height: 100%;
	background-color: #f6f6f6;
	background-image: url(../img/bg.jpg);
}
body.dark, .dark #load { background-color: #acacac; background-image: url(../img/bg-dark.jpg); }

html, body {
	min-height: 100%;
	height: 100%;
	overflow: visible;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, input, select, textarea, th {
   outline: 0;
}
input:-moz-placeholder, textarea:-moz-placeholder { color: #5e5e5e; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #5e5e5e; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #5e5e5e; }

.dark input:-moz-placeholder, .dark textarea:-moz-placeholder { color: #444; }
.dark input:-ms-input-placeholder, .dark textarea:-ms-input-placeholder { color: #444; }
.dark input::-webkit-input-placeholder, .dark textarea::-webkit-input-placeholder { color: #444; }

strong, b {
	font-weight: bold !important;
}
div, span, input:disabled {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
p {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	font-size: 12px;
	line-height: 16px;
}
p button, p .button { height: 20px; font-size: 11px; margin-left: 6px; }

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

hr {
	height: 0; border: 0; margin: 15px 0;
	border-top: 1px solid rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.clear {
	clear: both;
}

::selection {
	background: rgba(93,167,245,0.2);
}
::-moz-selection {
	background: rgba(93,167,245,0.2);
}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; }

/* CHROME FIX */

.box, .notif, .modal-ov, .modal, .spinning {
	-webkit-transform: translate-z(0);
	-moz-transform: translate-z(0);
	-ms-transform: translate-z(0);
	transform: translate-z(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

/* SAFARI VISIBILITY BUG FIX */

.safari-fix #user-select, .safari-fix #register,
.safari-fix #nav .sub-nav,
.safari-fix .expand-content > div { display: none !important; }
.safari-fix .showusr #user-select, .safari-fix .showreg #register,
.safari-fix #nav li:hover .sub-nav,
.safari-fix .expand-content .show { display: block !important; }

/* LOADER */

#load {
	width: 100%; height: auto;
	position: fixed; top: 0; left: 0; right: 0; bottom: 0;
	z-index: 99999;
}
#spinner {
	width: 40px; height: 40px;
	position: absolute; top: 50%; left: 50%;
	margin: -20px 0 0 -20px;
	background-image: url(../img/load.png);
	background-size: 40px 40px;
	background-position: 0 0;
}
.dark #spinner { border-radius: 20px; box-shadow: 0 0 1px 1px rgba(255,255,255,0.2); }

/* RETINA LOADER */

@media only screen and (-webkit-device-pixel-ratio: 2) {
	#spinner {
		background-image: url(../img/load-big.png);
		background-size: 40px 40px;
	}
}

#spinner, .spinning {
	display: inline-block;
	animation-name: rotate;
	-webkit-animation-name: rotate;
	animation-duration: .8s;
	-webkit-animation-duration: .8s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
@-o-keyframes rotate { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } }
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* FONTS */

@font-face {
    font-family: 'Roboto';
    src: url('../res/fonts/roboto.eot');
    src: url('../res/fonts/roboto.eot?#iefix') format('embedded-opentype'),
         url('../res/fonts/roboto.woff') format('woff'),
         url('../res/fonts/roboto.ttf') format('truetype'),
         url('../res/fonts/roboto.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../res/fonts/roboto-b.eot');
    src: url('../res/fonts/roboto-b.eot?#iefix') format('embedded-opentype'),
         url('../res/fonts/roboto-b.woff') format('woff'),
         url('../res/fonts/roboto-b.ttf') format('truetype'),
         url('../res/fonts/roboto-b.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Icons';
    src: url('../res/fonts/webhostinghub-glyphs.eot');
    src: url('../res/fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
         url('../res/fonts/webhostinghub-glyphs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -moz-font-feature-settings: "calt=0,liga=0";
}
@font-face {
	font-family: 'Arrows';
	src: url('../res/fonts/arrows.eot?#iefix') format('embedded-opentype'),
	     url('../res/fonts/arrows.woff') format('woff'),
	     url('../res/fonts/arrows.ttf') format('truetype'),
	     url('../res/fonts/arrows.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}

.arrow {
	font-family: 'Arrows' !important;
	line-height: inherit;
	font-size: 20px;
}

/* GRID */

.g1 { width: 4.25%; }
.g2 { width: 10.5%; }
.g3 { width: 16.75%; }
.g4 { width: 23%; }
.g5 { width: 29.25%; }
.g6 { width: 35.5%; }
.g7 { width: 41.75%; }
.g8 { width: 48%; }
.g9 { width: 54.25%; }
.g10 { width: 60.5%; }
.g11 { width: 66.75%; }
.g12 { width: 73%; }
.g13 { width: 79.25%; }
.g14 { width: 85.5%; }
.g15 { width: 91.75%; }
.g16 { width: 98%; }

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9,
.g10, .g11, .g12, .g13, .g14, .g15, .g16 { margin-top: 15px; margin-left: 2%; float: left; }

.full { width: 100%; float: left; margin-left: 0; }

.gcont { padding-right: 2% !important; }

.cont { float: left; position: relative; }
#content > .cont { margin-top: 25px; }
.cont > .g1, .cont > .g2, .cont > .g3, .cont > .g4, .cont > .g5, .cont > .g6, .cont > .g7, .cont > .g8, .cont > .g9,
.cont > .g10, .cont > .g11, .cont > .g12, .cont > .g13, .cont > .g14, .cont > .g15, .cont > .g16 { margin-top: 0; }

.box, .flt-no { margin-left: 2% !important; }

.last { margin-left: 0 !important; }

/* INNER GRID */

.ig1 { width: 6.25%; }
.ig2 { width: 12.5%; }
.ig3 { width: 18.75%; }
.ig4 { width: 25%; }
.ig5 { width: 31.25%; }
.ig6 { width: 37.5%; }
.ig7 { width: 43.75%; }
.ig8 { width: 50%; }
.ig9 { width: 56.25%; }
.ig10 { width: 62.5%; }
.ig11 { width: 68.75%; }
.ig12 { width: 75%; }
.ig13 { width: 81.25%; }
.ig14 { width: 87.5%; }
.ig15 { width: 93.75%; }
.ig16 { width: 100%; }

.ig1, .ig2, .ig3, .ig4, .ig5, .ig6, .ig7, .ig8, .ig9,
.ig10, .ig11, .ig12, .ig13, .ig14, .ig15, .ig16 { float: left; }

/* VISIBILITY & OPACITY */

.hidden { opacity: 0; visibility: hidden; }
.visible { opacity: 1; visibility: visible; }

/* MISCELLANEOUS */

.no-disp { display: none; }
.disp { display: block; }

/* SELECTIVE DISPLAY */

.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }

@media (min-width: 768px) and (max-width: 979px) {
	.hidden-desktop { display: inherit !important; }
  	.visible-desktop { display: none !important ; }
  	.visible-tablet { display: inherit !important; }
  	.hidden-tablet { display: none !important; }
}

@media (max-width: 767px) {
	.hidden-desktop { display: inherit !important; }
	.visible-desktop { display: none !important; }
	.visible-phone { display: inherit !important; }
	.hidden-phone { display: none !important; }
}

/* RESPONSIVE GRID SIZES */

@media only screen and (min-width: 681px) and (max-width: 1100px) {
	.g1 { width: 3.25%; }
	.g2 { width: 9.5%; }
	.g3 { width: 15.75%; }
	.g4 { width: 22%; }
	.g5 { width: 28.25%; }
	.g6 { width: 34.5%; }
	.g7 { width: 40.75%; }
	.g8 { width: 47%; }
	.g9 { width: 53.25%; }
	.g10 { width: 59.5%; }
	.g11 { width: 65.75%; }
	.g12 { width: 72%; }
	.g13 { width: 78.25%; }
	.g14 { width: 84.5%; }
	.g15 { width: 90.75%; }
	.g16 { width: 97%; }

	.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9,
	.g10, .g11, .g12, .g13, .g14, .g15, .g16 { margin-left: 3%; }

	.top-bar { width: 97% !important; }

	#content { padding-right: 3% !important; }

	.gcont { padding-right: 3% !important; }
	.box, .flt-no { margin-left: 3% !important; }

	#footer { padding-left: 3% !important; }
}