/*
===========================================================
Name source:    style.css
Name:           Style of nolimit.sk
Author:         nolimit|DEVELOPERS - http://www.nolimit.sk
License:        Copyright (c) 2004 - 2016 All rights reserved
===========================================================
*/
@import "fonts/novecentowide_normal/stylesheet.css";
@import "fonts/novecentowide_bold/stylesheet.css";
@import "fonts/app/stylesheet.css";
@import "nFrame.css";
@import "viewport.css";

/*====================================================Global style options===================================================*/
* {/*-webkit-overflow-scrolling: touch;*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -moz-touch-callout: none; touch-callout: none; -webkit-tap-highlight-color: transparent; -moz-box-shadow input[type=text]:none;     /*pre*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; outline: 0; -webkit-appearance: none; line-height: 100%; }
*:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }
input[type=button], input[type=submit], input[type=text] { -webkit-appearance: none; border-radius: 0; }
select:-moz-focusring { color: transparent; }
html, body { background: #000; color: #4a4a4a; font-size: 1em; font-family: "Arial", arial, sans-serif; font-size: 100%; height: 100%; width: 100%; }
a { color: #9c9c9c; text-decoration: none; }
a:hover { text-decoration: none }

/*///*/

/*===========================================================================================================================*/

/*  INDEX CSS
01. header
03. footer
*/


.bodyWrapper { height: auto; overflow: hidden; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 5%; overflow-y: auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; }

/*header*/
header { width: 100%; }
header img { margin: 0 auto; display: block; width: auto; }

/*section*/
section { width: 100%; }
section ul { float: left; }
section li { display: block; padding: 1em 0; }
section ul li:first-child { background: url(../images/1x1.svg) repeat-x 0 50%; text-align: center; display: table; width: 100% }
section ul li:first-child p { display: table-cell; vertical-align: middle; }
section ul li:first-child b { color: #999; background: black; padding: 0 5% }
section ul.what, section ul.contacts { text-align: left }

/*what*/
section ul.what span { color: white; }

/*project*/
section ul.project img { height: auto; }

/*clients*/
section ul.clients img { width: auto; max-height: 40px; /*float: left;*/ margin: 10px; }
section ul.contacts span { font-size: 90%; }

/*footer*/
footer { width: 100%; text-align: center; position: relative; float: left; }
footer div { width: 100%; padding: 1% 0; display: block; }
footer div:nth-child(2) { background: url(../images/1x1.svg) repeat-x 0 50% }
footer div:nth-child(2) h1 { color: white; display: inline-block; background: black; padding-top: 0.5%; }