/******************* FONTS **************************/
/*@import url('http://fonts.googleapis.com/css?family=Open+Sans');*/
@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);

body, div, span, ul, li, h1, h2, h3, img, a {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: 'Roboto', sans-serif;
}

a {

}

body {
	/*min-height:500px;*/
}

/***************** PRELOAD *************************/

#preload-01 {
	background: url(../uploads/ozadje_overview_position.jpg) no-repeat -9999px -9999px;
}
#preload-02 {
	background: url(../uploads/ozadje_overview_position_podstran.jpg) no-repeat -9999px -9999px;
}
#preload-03 {
	background: url(../uploads/ozadje_overview_sync_podstran3.jpg) no-repeat -9999px -9999px;
}
#preload-04 {
	background: url(../uploads/ozadje_overview_sync3.jpg) no-repeat -9999px -9999px;
}
#preload-05 {
	background: url(../uploads/ozadje_overview_tailored.jpg) no-repeat -9999px -9999px;
}
#preload-06 {
	background: url(../uploads/ozadje_overview_tailored_podstran.jpg) no-repeat -9999px -9999px;
}
#preload-07 {
	background: url(../uploads/ozadje_process_discovery_13.jpg) no-repeat -9999px -9999px;
}
#preload-08 {
	background: url(../uploads/ozadje_process_discovery_24.jpg) no-repeat -9999px -9999px;
}
#preload-09 {
	background: url(../uploads/ozadje_process_launch3.jpg) no-repeat -9999px -9999px;
}
#preload-10 {
	background: url(../uploads/ozadje_process_manage_grow4.jpg) no-repeat -9999px -9999px;
}
/***************** TOP **********************************/

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

@media only screen and (min-width: 1231px) {
	.introHeader {
		font-size: 7.375em;
	}
	.thePadd{
		padding-top: 91px;
	}
	.qubeABC{
		text-align:right; 
	}
}

@media only screen and (max-width: 1230px) {
	.introHeader, .headerAbc {
		font-size: 6.0em !important;
	}
	.thePadd{
		padding-top: 91px;
	}
	.qubeABC{
		text-align:right; 
	}
}

@media only screen and (max-width: 1024px), screen and (max-height: 750px){
	.introHeader, .headerAbc {
		font-size: 5.8em !important;
	}
	.menu li h2 a {
		font-size: 22px !important;
		padding: 0 10px !important;
	}
	.navbar-brand img {
		width: 80% !important;
	}
	.thePadd{
		padding-top: 20px;
	}
	.qubeABC{
		text-align:right; 
	}
}

@media only screen and (max-width: 991px), screen and (max-height: 680px){
	.thePadd{
		padding-top: 11px;
	}
	.introHeader, .headerAbc {
		font-size: 4.3em !important;
	}
	.bigThin {
		font-size: 2.633em !important;
	}
	.mediumThin {
		font-size: 1.375em !important;
	}

	body {
		padding-bottom: 49px !important;
	}

	.largeThin {
		font-size: 2.825em !important;
	}

	.menu li {

	}

	.menu li h2 a {
		font-weight: 300 !important;
		font-size: 18px !important;
		padding: 0 10px !important;
		line-height: 49px !important;
	}

	.homeLink {

		width: 130px !important;
		margin-top: 8px;
	}

	.navbar-brand {
		padding: 12px 15px 0 15px !important;
	}
	.navbar-brand img {
		width: 60% !important;
	}
	.mediumThin {
		font-size: 1.375em !important;
	}

	.largeThin {
		font-size: 2.625em !important;
	}

	.uxMag img {
		width: 70%;
	}
	.processBox {
		height: 80% !important;
	}
	.qubeABC{
		text-align:right; 
	}
}

@media only screen and (max-width: 768px), screen and (max-height: 600px){
	.blueAbs{
		padding:5px 10px;
	}
	.thePadd{
		padding-top: 4px;
	}
	.introHeader{
		font-size: 3.375em !important;
	}
	.uxMag img {
		width: 50%;
	}
	.headerAbc{
		font-size: 4.0em !important;
	}
	.alignSwitch {
		text-align: left;
	}

	.fRightMdLeftXs {
		float: none !important;
		padding-top: 0 !important;
	}

	.mapXS {
		width: 500px !important;
		margin: 0 auto !important;
	}

	.xsTcenter {
		text-align: center;
	}

	.buttonBlueBig {
		padding: 5px 10px !important;
		font-size: 1.263em !important;
	}
	.mBotProcessHeaderDiscovery {
		margin-bottom: 10px !important;
	}

	.introHeader {
		margin-top: 2% !important;
	}
	.portTitle {
		font-size: 1.563em !important;
	}

	.portShortCont {
		font-size: 1em !important;
	}
	.bigThin {
		font-size: 2.333em !important;
	}
	.abcBox span {
		width: 100% !important;
	}
	.mediumThin {
		font-size: 1.175em !important;
	}

	.largeThin {
		font-size: 2.325em !important;
	}

	body {
		padding-bottom: 49px !important;
	}

	.navbar-header {
		margin: 0 5px !important;
	}

	.homeLink {

		width: 130px !important;
		margin-top: 8px;
	}

	.navbar-brand {
		padding: 12px 15px 0 15px !important;
	}
	.navbar-brand img {
		width: 60% !important;
	}

	
	.processBox {
		height: 98% !important;
	}
	.abcMaxH {
		max-height: 145px !important;
	}
	.absButton{
		font-size:15px !important;
		line-height:1.2em !important;
		width:50%;
		bottom:-65px !important;
	}
	.qubeABC{
		text-align:center; 
	}
	.qubeABC img{
		text-align:center; 
		width:50% !important;
	}

}

@media only screen and (max-width: 768px){
	.menu {
		float: none !important;
	}
	.launchProcess img{
		width:40% !important;
	}
	#up-down-navigation-wrapper.xsSize{
		height:0;
		right: 8%;
		top:28%;
	}
	#up-down-navigation-wrapper.xsSize #up-navigation{
		top: -34px !important;
		background: url("../pics/sprite_up_down.png") no-repeat scroll -49px -1px transparent;
	}
	#up-down-navigation-wrapper.xsSize #down-navigation{
		background: url("../pics/sprite_up_down.png") no-repeat scroll  -49px -49px transparent;
	}
}

@media only screen and (max-width: 480px){
	.launchProcess img{
		width:100% !important;
	}
}

@media only screen and (max-height: 380px){
	.largeThin{
		font-size:16px !important;
	}
	.launchProcess img{
		width:50% !important;
		padding-left:10px !important;
	}
	.mediumThin{
		font-size:14px !important;
	}
	.introHeader{
		font-size:2.375em !important;
	}
	.headerAbc{
		font-size:3.375em !important;
	}
	#howWeDoIt{
		top:4% !important;
	}
	#howWeDoIt.subMenuToggle a{
		background:none;
		padding-top: 25%;
	}
	#howWeDoIt.subMenuToggle a div.arrowBack{
		top: 59px;
	}
	.discoveryMag img{
		width:60% !important;
	}
}

.wraper {
	width: 100%;
	height: 100%;
}
.wraper img {

}
div.mainBox {
	z-index: 10;
}

div.mainBox div.mainDiv {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 84px;
	position: relative;
	z-index: 10;
}

div.row div.introPage {
	padding-bottom: 84px;
}

div.row h1 {
	font-size: 118px;
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px 1px black;
	margin-top: 30px;
	margin-bottom: 35px;
	display: block;
	line-height: 102px;
}

div.row div.introTxt {
	font-size: 18px;
	line-height: 25px;
	color: white;
	display: block;
	margin-bottom: 40px;
	font-weight: 200;
}

a.roundButtonWhite {
	display: block;
	width: 127px;
	height: 127px;
	border: 0 !important;
	background: url('../pics/go_krog.png') no-repeat -128px 0;
	color: #129fda;
	font-size: 45px;
	font-weight: bold;
	text-align: center;
	line-height: 116px;
	text-decoration: none;
}

a.roundButtonWhite:hover {
	background: url('../pics/go_krog_hover.png') no-repeat 0 0;
	color: white;
}

#mainMenu {
	width: 100%;
	height: 84px;
	background: url('../pics/footer_tiled.png') top left repeat-x;
	z-index: 100;
	border-top: 0;
	position: fixed;
	bottom: 0;
	left: 0;
}

#mainMenu ul {
	max-width: 960px;
	margin: 0 auto;
	display: block;
	height: 84px;
	list-style: none;
	overflow: hidden;
	position: relative;
}

.menu {
	text-align: center;
	float: right;
	max-width: 960px;
}

.menu li h2 a {
	display: block;
	padding: 0 15px;
	line-height: 84px;
	color: #979899;
	font-size: 24px;
	text-decoration: none;
	font-weight: 200;
}

.menu li h2 a:hover, .menu	 li h2 a.active {
	color: #18ade1;
}

div.mainBox {
	width: 100%;
	height: 100%;
}

.fullWidth {
	overflow: hidden;
	position: relative;
	height: inherit;
	background: url('../pics/raster_ozadje.png') top left repeat;
	z-index: 10;
}
.raster {
	background: url('../pics/raster_ozadje.png') top left repeat;
	z-index: 10;
	width: inherit;
	height: inherit;
}

.fRightMdLeftXs {
	float: right;
	padding-top: 20px;
}

/*.contentHeight.raster {
 background:none;
 }*/

/*.contentHeight.raster .row{
 background:url('../pics/raster_ozadje.png') top left repeat;
 z-index:10;
 }*/

.centerContainer {
	height: inherit;
	margin: 0 auto;
	max-height: 960px;
	position: relative;
}

.weMake {
	/*background:url('../pics/we_make_slogan.png') top center no-repeat;*/
	position: relative;
	height: inherit;
}

.titleMake {
	padding-top: 221px;
	padding-left: 363px;
	color: white;
	display: block;
	font-size: 38px;
	font-weight: bold;
}

.descMake {
	padding-left: 363px;
	color: white;
	display: block;
	font-weight: 300;
}

.pinMake {
	position: absolute;
}

.pin1 {
	background: url('../pics/overview_position_1.png') top left no-repeat;
	width: 120px;
	height: 159px;
	bottom: 0;
	left: 93px;
}

.pin2 {
	background: url('../pics/overview_position_2.png') top left no-repeat;
	width: 92px;
	height: 122px;
	bottom: 0;
	left: 226px;
}
.pin3 {
	background: url('../pics/overview_position_3.png') top left no-repeat;
	width: 147px;
	height: 195px;
	bottom: 0;
	left: 320px;
}

.pin4 {
	background: url('../pics/overview_position_4.png') top left no-repeat;
	width: 204px;
	height: 269px;
	bottom: 0;
	left: 475px;
}
.pin5 {
	background: url('../pics/overview_position_5.png') top left no-repeat;
	width: 115px;
	height: 152px;
	bottom: 0;
	left: 687px;
}
.pin6 {
	background: url('../pics/overview_position_6.png') top left no-repeat;
	width: 92px;
	height: 122px;
	bottom: 0;
	left: 820px;
}

ul.overviewContent {
	list-style: none;
	overflow: hidden;
	width: 100%;
}

ul.overviewContent li {
	float: left;
	min-height: 315px;
	width: 290px;
	padding: 0 10px;
	display: block;
	margin-right: 41px;
	overflow: hidden;
}

ul.overviewContent li span {
	display: block;
	text-align: center;
	color: white;
	font-weight: 200;
	font-size: 16px;
	line-height: 23px;
}

ul.overviewContent li span.biggerTxt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 23px;
}

ul.overviewContent li.last {
	margin-right: 0;
}

ul.precise li.over1 div {
	background: url('../pics/sprite_1.png') no-repeat -158px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.precise li.over2 div {
	background: url('../pics/sprite_1.png') no-repeat -316px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.precise li.over3 div {
	background: url('../pics/sprite_1.png') no-repeat -474px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.precise li.over4 div {
	background: url('../pics/sprite_1.png') no-repeat -632px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.precise li.over5 div {
	background: url('../pics/sprite_1.png') no-repeat -790px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.precise li.over6 div {
	background: url('../pics/sprite_1.png') no-repeat -948px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}

ul.sync li.over1 div {
	background: url('../pics/sprite_1.png') no-repeat -1106px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.sync li.over2 div {
	background: url('../pics/sprite_1.png') no-repeat -1264px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.sync li.over3 div {
	background: url('../pics/sprite_1.png') no-repeat -1422px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.sync li.over4 div {
	background: url('../pics/sprite_1.png') no-repeat -1580px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.sync li.over5 div {
	background: url('../pics/sprite_1.png') no-repeat -1738px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.sync li.over6 div {
	background: url('../pics/sprite_1.png') no-repeat -1896px -158px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}

ul.overview li.over1 div {
	background: url('../pics/sprite_1.png') no-repeat -375px 0;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.overview li.over2 div {
	background: url('../pics/sprite_1.png') no-repeat -533px 0;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.overview li.over3 div {
	background: url('../pics/sprite_1.png') no-repeat -691px 0;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.overview li.over4 div {
	background: url('../pics/sprite_1.png') no-repeat -849px 0;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.overview li.over5 div {
	background: url('../pics/sprite_1.png') no-repeat -1007px 0;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.overview li.over6 div {
	background: url('../pics/sprite_1.png') no-repeat -1165px 0;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}

ul.tailored li.over1 div {
	background: url('../pics/sprite_1.png') no-repeat 0 -316px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.tailored li.over2 div {
	background: url('../pics/sprite_1.png') no-repeat -158px -316px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.tailored li.over3 div {
	background: url('../pics/sprite_1.png') no-repeat -316px -316px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.tailored li.over4 div {
	background: url('../pics/sprite_1.png') no-repeat -474px -316px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.tailored li.over5 div {
	background: url('../pics/sprite_1.png') no-repeat -632px -316px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}
ul.tailored li.over6 div {
	background: url('../pics/sprite_1.png') no-repeat -790px -316px;
	width: 157px;
	height: 157px;
	margin: 0 auto 13px auto;
}

.weMakeBigTitle {
	line-height: 78px;
	display: block;
	float: left;
	font-size: 85px;
	width: 100%;
	height: 460px;
	padding-right: 620px;
	padding-top: 60px;
	text-align: left;
	color: #5a5859;
	font-weight: 900;
}

.overviewBigTitle {
	background: url('../pics/overview_tekst_position.png') no-repeat 277px 25px;
}

.preciseBigTitle {
	background: url('../pics/overview_tekst_precise.png') no-repeat 277px 25px;
}

.syncBigTitle {
	background: url('../pics/overview_tekst_sync.png') no-repeat 277px 25px;
}

.efficientBigTitle {
	background: url('../pics/overview_tekst_efficient.png') no-repeat 277px 25px;
}

.tailoredBigTitle {
	background: url('../pics/overview_tekst_tailored.png') no-repeat 277px 25px;
}

.noMargin {
	margin: 0 !important;
}

.infoContainer {
	overflow: hidden;
	width: 100%;
	float: left;
	padding-bottom: 60px;
}

.weMakeInfo {
	float: left;
	width: 310px;
	margin-right: 15px;
	color: #5a5859;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
}

.weMakeInfo span {
	display: block;
	font-size: 21px;
}

.blueBackground {
	background: #139fda;
}

.greenBackground {
	background: #b0c61c;
}

.additionalContent {
	width: 100%;
}

.additionalContent div.addContentBox {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}
.h110 {
	height: 110px;
}

.cloudTxt {
	color: white;
	padding: 0 0 0 145px;
	margin: 60px 0;
	font-size: 16px;
	font-weight: 200;
	line-height: 26px;
}

.posBack {
	background: url('../pics/overview_position_ikona.png') 0 17px no-repeat;
}

.precBack {
	background: url('../pics/overview_precise_ikona.png') 0 17px no-repeat;
}

.synBack {
	background: url('../pics/overview_sync_ikona.png') 0 17px no-repeat;
}

.effBack {
	background: url('../pics/overview_efficient_ikona.png') 0 17px no-repeat;
}

.tailBack {
	background: url('../pics/overview_tailored_ikona.png') 0 17px no-repeat;
}
.cloudTxt span {
	display: block;
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 21px;
}

.mGlass {
	background: url('../pics/overview_precise_1.png') top left no-repeat;
	width: 408px;
	height: 415px;
	position: absolute;
	bottom: -52px;
	left: 380px;
}

.tailoredElements {
	width: 873px;
	height: 188px;
	position: absolute;
	bottom: -35px;
	left: 12px;
	position: relative;
	background: url('../pics/overview_tailored_1.png') top left no-repeat;
}

.overviewElements {
	width: 408px;
	height: 415px;
	position: absolute;
	bottom: -23px;
	left: 241px;
	position: relative;
}

.efficientElements {
	width: 881px;
	height: 365px;
	position: absolute;
	bottom: 88px;
	left: 12px;
	position: relative;
	background: url('../pics/efficient.png') top left no-repeat;
}

.overviewElements div {
	position: absolute;
	width: 76px;
	height: 158px;
}

.overviewElements .nodeEl {
	background: url('../pics/overview_sync_1.png') top left no-repeat;
	top: 0px;
	left: 0px;
}
.overviewElements .htmlEl {
	background: url('../pics/overview_sync_2.png') top left no-repeat;
	top: 14px;
	left: 90px;
}
.overviewElements .cssEl {
	background: url('../pics/overview_sync_3.png') top left no-repeat;
	top: 22px;
	left: 180px;
}
.overviewElements .jqueryEl {
	background: url('../pics/overview_sync_4.png') top left no-repeat;
	top: 22px;
	left: 270px;
}
.overviewElements .memcacheEl {
	background: url('../pics/overview_sync_5.png') top left no-repeat;
	top: 14px;
	left: 360px;
}
.overviewElements .phpEl {
	background: url('../pics/overview_sync_6.png') top left no-repeat;
	top: 0px;
	left: 450px;
}

.glassContainer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.glassContainer div.containerBox {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/** SCROLL BOX **/
#scrollBox {
	/*overflow-y: scroll;*/
	overflow: hidden;
	position: relative;
}

#main {
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
}

#left, #center, #centerPortfolio {
	width: inherit;
	height: inherit;
	top: 0;
	left: 0;
	background-image:none;
	background-color:#e5e7e9 !important;
}

#center, #centerPortfolio {
	overflow: hidden;
	position: fixed;
}

#centerPortfolio {
	/*background:url('../pics/raster_ozadje.png') top left repeat;*/
	background-color: white;
	z-index: 10;
	height: inherit;
}

.leftMenu, .rightMenu {
	font-size: 24px;
	color: white;
	font-weight: bold;
	z-index: 20;
	position: absolute;
	width: 20px;
}

.leftMenu {
	left: 0;
}
.rightMenu {
	right: 0;
}

#left {
	position: absolute;
	z-index: 10;
}

.left1 {
	position: relative;
	z-index: 10;
	padding-bottom: 84px;
	overflow: auto;
	padding-top:2%;
}

.bg {
	position: absolute;
	z-index: 1;
}

.weMake {
	position: relative;
	z-index: 10;
}

#cont1, #cont2 {
	width: inherit;
	height: inherit;
	/*background: purple;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-position: top center;
	background-repeat: no-repeat;
}
#cont2 {
	/*background: wheat;*/
}
.hidden {
	display: none;
}

.contMake {
	height: 271px;
	position: relative;
}

#slider-vertical {
	position: absolute;
	top: 25%;
	right: 4%;
	z-index: 20;
	width: 5px;
	background: rgba(255, 255, 255, 0.7);
	border: 0 none;
	height: 50%;
}

#slider-vertical .ui-slider-handle {
	background: url('../pics/overview_drsnik.png') bottom left no-repeat;
	overflow: visible;
	width: 69px;
	height: 58px;
	border: 0 none;
	left: -80px;
	margin-bottom: -29px;
	outline: 0 none;
}

#raster-bg {
	height: inherit;
	background: url('../pics/raster_ozadje.png') top left repeat;
	position: relative;
	z-index: 10;
}

#portfolio {
	position: relative;
	z-index: 10;
	height: inherit;
	padding-top: 2%;
}

#portfolio div.portBox {
	position: relative;
	height: inherit;
	overflow: hidden;
}

#portfolio div.portBox #portElement, #portfolio div.portBox #portElement2 {
	display: block;
	float: left;
	text-align: center;
	position: absolute;
	cursor: pointer;
	height: 100%;
}

div.portBox {
	overflow: hidden;
	position: relative;
	text-align: center;
}

div.portBox .portTitle, .contentContainer .portTitle {
	color: #181818;
	font-weight: 200;
	font-size: 2.563em;
}

div.portBox .portShortCont, .contentContainer .portShortCont {
	color: #181818;
	font-weight: 200;
	font-size: 1.250em;
	display: block;
	padding-bottom: 2%;
}

.portCont {
	color: #181818;
	font-weight: 200;
	font-size: 1.1em;
}

.portCont img {
	max-width: 1059px;
}
.portCont strong {
	font-weight: 400;
}

.portCont img {
	width: 100%;
}

#centerPortfolio .portCont img{
	padding-left:5%;
}

#portfolio div.portBox .moreinfo-button {
	display: block;
	border: 1px solid #CECECE;
	padding: 5px 25px;
	border-radius: 5px;
	color: #7d7a7a;
	font-weight: 200;
	font-size: 1.313em;
	position: absolute;
	bottom: 10%;
	left: 25%;
	width: 50%;
	right: 0;
	z-index: 11;
	background-color: white;
	cursor: pointer;
	box-shadow: 1px 1px 10px gray;
}

#portfolio div.portBox .moreinfo-button:hover {
	text-decoration: none;
	background-color: #E5E5E5;
}

#portfolio div.portBox .moreinfo-button.buttonBlue {
	background: #17ade0;
	font-weight: 400;
	color: white;
	text-decoration: none;
	left:20% !important;
	width:60% !important;
	padding: 5px 5px !important;
}

#portfolio div.portBox .moreinfo-button.buttonBlue:hover {
	background: #17ade0;
	text-decoration: underline;
}

#portfolio a.portLeft {
	display: block;
	height: 80%;
	position: relative;
	background: url('../pics/left-arrow-gray.png') 50% center no-repeat;
}

#portfolio a.portLeft.noBG {
	background: none;
}

#portfolio a.portLeft:hover {
	background-color: rgba(255,255,255,0.1);
}
#portfolio a.portLeft {
	outline: 0;
}

#portfolio a.portRight {
	display: block;
	height: 80%;
	position: relative;
	background: url('../pics/right-arrow-gray.png') 50% center no-repeat;
}

#portfolio a.portRight.noBG {
	background: none;
}

#portfolio a.portRight:hover {
	background-color: rgba(255,255,255,0.1);
}
#portfolio a.portRight {
	outline: 0;
}

/************ CONTENT CSS **********************/

.backgroundWhite {
	background: white;
}

.backgroundAboutUs {
	background: #181818;
}
.backgroundBlue {
	background: #139fda;
}

.backgroundGreen {
	background: #b0c61c;
}

.backgroundBookick {
	background: #454b5b;
}

.backgroundSync {
	background: #999c7d;
}

.backgroundEfficient {
	background: #2a84a6;
}

.backgroundLightBlue {
	background: #2eb5e4;
	padding-bottom: 84px;
}

.aboutUs {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.aboutUs span.aboutHeader {
	display: block;
	padding: 44px 0 22px 0;
	font-size: 50px;
	font-weight: 200;
	text-align: center;
}
.white {
	color: white;
}

.aboutUs span.aboutMain {
	display: block;
	font-size: 17px;
	line-height: 23px;
	font-weight: 200;
	text-align: center;
	margin-bottom: 30px;
}

.aboutUs ul {
	list-style: none;
	margin: 60px 0 0 0;
	overflow: hidden;
	padding-bottom: 60px;
}

.aboutUs ul li {
	float: left;
	width: 290px;
	padding: 0 10px;
	margin-right: 15px;
	padding-top: 164px;
	font-size: 16px;
	font-weight: 200;
	line-height: 23px;
	color: white;
	text-align: center;
}

.aboutUs ul li span {
	display: block;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 12px;
}

.aboutUs ul li.weHave1 {
	background: url('../pics/about_us_experience.png') top center no-repeat;
}
.aboutUs ul li.weHave2 {
	background: url('../pics/about_us_knowledge.png') top center no-repeat;
}
.aboutUs ul li.weHave3 {
	background: url('../pics/about_us_support.png') top center no-repeat;
	margin-right: 0;
}

.aboutHand {
	width: 791px;
	height: 514px;
	float: right;
	background: url('../pics/about_us_1_roka.jpg') top left no-repeat;
	position: relative;
}

.aboutHand div.slogan {
	width: 235px;
	height: 226px;
	position: absolute;
	bottom: 135px;
	left: -168px;
	background: url('../pics/about_us_slogan.png') top left no-repeat;
}
.fullWidthBox {
	overflow: hidden;
	position: relative;
}

.fullWidthBox img.bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.fullWidthBox div.contentBox {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	position: relative;
}

.paddT75 {
	padding-top: 75px;
}

.headerInfo {
	font-weight: bold;
	padding-bottom: 10px;
}

.contentContainer {
	position: relative;
	z-index: 11;
}

.txtC {
	text-align: center;
}
.bgWhite {
	background-color: white;
}

.contentContainer .responsive-pic {
	margin-top: 20px;
}

.contentContainer .responsive-pic img {
	width: 100%;
	height: auto;
}

.bgPosition {
}

.portfolioElement {
	width: 960px;
	margin: 0 auto;
}

.portfolioElement span.headElement {
	display: block;
	font-size: 50px;
	font-weight: 200;
	color: #798488;
	margin-bottom: 85px;
}

.portfolioElement ul {
	list-style: none;
	overflow: hidden;
	padding-bottom: 50px;
}

.portfolioElement ul li {
	float: left;
	margin-left: 9px;
	width: 291px;
	margin-right: 7px;
	padding-right: 10px;
	color: #798488;
	font-weight: 300;
	line-height: 23px;
	font-size: 16px;
}

.portfolioElement ul li img {
	float: left;
	margin: 0 20px 0 0;
	display: block;
	width: 63px;
	height: 63px;
}

.portfolioElement ul li.last {
	margin-right: 0;
}

#technology {
	width: 960px;
	margin: 0 auto;
}

#technology ul {
	list-style: none;
	overflow: hidden;
	padding-top: 50px;
}

#technology ul li {
	width: 220px;
	height: 220px;
	float: left;
	margin-right: 15px;
}

#technology ul li.last {
	margin-right: 0;
}

#technology ul li a {
	display: block;
	width: 220px;
	height: 220px;
}

.ch-grid li {
	margin: 0 47px 80px 47px !important;
}

.ch-grid li.last {

}

.t {
	width: 220px;
	height: 220px;
}
.tNodejs {
	background: url('../pics/technology_1_node_1.png') top left no-repeat;
}
.tNodejs2 {
	background: url('../pics/technology_1_node_2.png') top left no-repeat !important;
}

.tphp {
	background: url('../pics/technology_2_node_1.png') top left no-repeat;
}
.tphp2 {
	background: url('../pics/technology_2_node_2.png') top left no-repeat !important;
}

.thtml5 {
	background: url('../pics/technology_3_node_1.png') top left no-repeat;
}
.thtml52 {
	background: url('../pics/technology_3_node_2.png') top left no-repeat !important;
}

.tmysql {
	background: url('../pics/technology_4_node_1.png') top left no-repeat;
}
.tmysql2 {
	background: url('../pics/technology_4_node_2.png') top left no-repeat !important;
}

.tcss3 {
	background: url('../pics/technology_5_node_1.png') top left no-repeat;
}
.tcss32 {
	background: url('../pics/technology_5_node_2.png') top left no-repeat !important;
}

.tmemcache {
	background: url('../pics/technology_6_node_1.png') top left no-repeat;
}
.tmemcache2 {
	background: url('../pics/technology_6_node_2.png') top left no-repeat !important;
}

.contentBoxPortfolio {
	color: white;
	margin: 0 auto;
	width: 960px;
	font-size: 16px;
	font-weight: 200;
	line-height: 26px;
	padding: 60px 0;
}

.contentBoxPortfolio span {
	display: block;
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 21px;
}

.portfolioComment {
	padding: 66px 0;
	overflow: hidden;
	color: #adabab;
}

.portfolioComment img {
	float: left;
	margin-right: 30px;
	margin-left: 5px;
}

.portfolioComment div.comment {
	float: left;
	overflow: hidden;
	margin-top: 10px;
}
.portfolioComment div.comment span.big {
	display: block;
	font-size: 28px;
	color: #0c0c0c;
	font-weight: 400;
}
.portfolioComment div.comment span.commentName {
	font-size: 24px;
	font-weight: bold;
}

.portfolioComment div.comment span.commentPosition {
	font-size: 16px;
	font-weight: 300;
}

#backButton {
	position: fixed;
	top: 10%;
	right: 5%;
	width: 56px;
	height: 56px;
	z-index: 20;
	display: none;
}

#backButton a {
	width: 56px;
	height: 56px;
	display: block;
	background: url('../pics/nazaj.png') top left no-repeat;
}

#howWeDoItSmall {
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 20;
}

#howWeDoItSmall a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding-left: 11px;
	position: relative;
}

#howWeDoItSmall a span {
	margin-left: 10px;
	text-decoration: none;
	display: block;
	background: white;
	color: #5f5f5f;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}

#howWeDoIt {
	position: absolute;
	top: 20%;
	left: 5%;
	z-index: 20;
}

#howWeDoIt a {
	display: block;
	overflow: hidden;
	background: url('../pics/overview_how_puscice.png') top left no-repeat;
	padding-top: 136px;
	text-decoration: none;
	padding-left: 19px;
	position: relative;
}

#howWeDoIt a span {
	margin-left: 10px;
	text-decoration: none;
	display: block;
	background: white;
	color: #5f5f5f;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 1px;
	padding-left: 17px;
	text-align: left;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}

#howWeDoIt a span.wb1 {
	padding-right: 49px;
	margin-right: 10px;
}
#howWeDoIt a span.wb2 {
	padding-right: 44px;
}
#howWeDoIt a span.wb3 {
	padding-right: 29px;
	margin-right: 40px;
}

.arrowBackSmall {
	position: absolute;
	background: url('../pics/overview_how_levo.png') top left no-repeat;
	width: 12px;
	height: 34px;
	left: 3px;
	top: 20px;
}

.arrowBack {
	position: absolute;
	background: url('../pics/overview_how_levo.png') top left no-repeat;
	width: 12px;
	height: 34px;
	left: 3px;
	top: 160px;
}

#contactForm {
	margin: 50px auto 84px auto;
	position: relative;
	padding-bottom: 84px;
}

#contactForm span.formHeader {
	display: block;
	font-size: 69px;
	color: #464e51;
	font-weight: 200;
	margin-bottom: 34px;
}

#contactForm form {

}

#contactForm label {
	line-height: 52px;
	font-weight: 300;
	text-align: right;
}

#contactForm label.comment {
	padding-top: 10px;
	line-height: 1.1em;
}

#contactForm label.error {
	position: absolute;
	text-align: center;
	left: 55%;
	top: 3px;
	width: 205px;
	line-height: 37px;
	height: 45px;
	color: white;
	font-size: 0.7em;
	background: url('../pics/opozorilo.png') center top no-repeat;
}
.formTA {
	line-height: 1.4em !important;
}
.mW500 {
	max-width: 500px;
}

#contactForm form input:hover {
	margin:0 0 0 0;
}

#contactForm form input {
	display: block;
	font-family: 'Roboto', sans-serif;
	outline: 0;
	height: 52px;
	padding: 0 26px;
	color: #798488;
	font-weight: 300;
	font-size: 18px;
	background: white;
	border: 0 none;
	border: 1px solid;
	border-top-color:white;
	border-left-color:white;
	border-right-color:white;
	border-bottom-color:#dfe0e0;
	/*border-radius: 5px;*/
	/*-moz-box-shadow:    inset 0 0 10px #000000;
	 -webkit-box-shadow: inset 0 0 10px #000000;
	 box-shadow:         inset 0 0 10px #000000;*/
}

#contactForm form input.error {
	border-bottom-color: red;
}

#contactForm form textarea {
	display: block;
	outline: 0;
	height: 232px;
	padding: 13px 26px;
	line-height: 25px;
	color: #798488;
	font-weight: 300;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	background: white;
	border: 1px solid #dfe0e0;
	border-radius: 3px;
	margin-bottom: 15px;
	/*-moz-box-shadow:    inset 0 0 10px #000000;
	 -webkit-box-shadow: inset 0 0 10px #000000;
	 box-shadow:         inset 0 0 10px #000000;*/
}

#contactForm form textarea.error {
	border-color: red;
}

#contactForm form select {
	display: block;
	font-family: 'Roboto', sans-serif;
	outline: 0;
	height: 52px;
	line-height: 52px;
	padding: 13px 13px 13px 26px;
	color: #798488;
	font-weight: 300;
	font-size: 18px;
	background: white;
	border: 1px solid #dfe0e0;
	margin-bottom: 15px;
	outline: 0;
}

#contactForm form select option {
	display: block;
	font-family: 'Roboto', sans-serif;
	outline: 0;
	height: 52px;
	padding: 0 26px;
	color: #a4adb0;
	font-weight: 200;
	font-size: 18px;
	background: white;
	outline: 0;
	line-height: 4em !important;
}
#contactForm form select option:hover {
	color: white;
	background: #18aee1;
}

#contactForm form select option {
}
#contactForm form select option:active, #contactForm form select option:hover {
	background-color: #18aee1;
}

#contactForm form input:hover, #contactForm form input:active, #contactForm form textarea:hover, #contactForm form textarea:active {
	border: 1px solid #18aee1;
}

#contactForm form input.submitButtonBottom {
	display: block;
	float: right;
	height: 53px;
	font-weight: bold;
	font-size: 20px;
	color: white;
	background: #18aee1;
	line-height: 53px;
	border: 0;
	border-radius: 5px;
}

.backAt {
	display: block;
	padding: 3% 0 5% 0;
	font-size: 18px;
	color: #18aee1;
	line-height: 25px !important;
	font-weight: 500;
}
#contactForm form input.submitButtonBottom:hover {
	background: #1f2426;
}
#contactForm form input.submitButtonBottom:active {
	background: black;
	line-height: 57px;
}

#contactForm div.formMessage {
	height: 57px;
	line-height: 57px;
	color: #18aee1;
}
/***********************************************/

/*********** TECHONLOGY PATCH *****************/

.ch-info .ch-info-front {
	box-shadow: none !important;
}

.ch-grid {
	margin: 0 !important;
}

/**********************************************/

#slider-vertical a {
	color: white;
	font-weight: bold;
	font-size: 21px;
	line-height: 58px;
	text-align: left;
	padding-left: 24px;
	text-decoration: none;
	cursor: pointer;
}

.homeLink {
	width: 203px;
	height: 47px;
	float: left;
	position: absolute;
	top: 19px;
	left: 0;
}

.homeLink a {
	width: inherit;
	display: block;
}

.homeLink a img {
	width: inherit;
}

.bgpic {
	background-position: top center;
	background-repeat: no-repeat;
	position: fixed;
	z-index: 1;
}

#main div.row {

	z-index: 10;
}

.hFull {
	height: 100%;
}
.ofH {
	overflow: hidden;
}

/*.mainBox{height:100%;
 padding-bottom:170px;}
 */

.row {
	margin-right: 0;
	margin-left: 0;
}

.row.bg {
	background-position: top center;
}

.introHeader {
	color: white;
	font-weight: 900;
	text-shadow: 1px 1px 10px black;
	line-height: 0.9em;
	display: block;
}

.introContent {
	font-size: 1.125em;
	color: white;
	font-weight: 300;
	line-height: 1.5em;
	padding: 1.3em 0;
	max-width: 456px;
}

.goButton {
	position: relative;
	display:none;
}

.goButton div.arrowsIntro {
	width: 149px;
	height: 134px;
	background: url('../pics/arrows_vhodna.png') top left no-repeat;
	position: absolute;
	top: -50px;
	left: -140px;
}

.row div {
	padding-left: 0;
	padding-right: 0;
}

.abcBox {
	max-width: 500px;
}

.qubeABC {
	width: 100%;
}
.qubeABC img {
	width:100%;
	padding-right: 2%;
	max-width: 357px;
}

.tAlignR {
	text-align: right;
}
.dBlock {
	display: block;
}

.alignSwitch {
	text-align: right;
}

.tAlignR span.bigThin {
	padding-right: 6%;
}

.bigThin {
	font-weight: 200;
	font-size: 3.333em;
	color: white;
}

.mediumThin {
	font-weight: 200;
	font-size: 1.975em;
	color: white;
	line-height: 1.1em;
	display: block;
}

.largeThin {
	font-weight: 200;
	font-size: 3.625em;
	color: white;
	line-height: 1em;
	display: block;
}

div.row h1 {
	font-size: inherit;
	font-weight: inherit;
	text-shadow: none;
	margin: 0;
	padding: 0;
	line-height: 1em;
	margin-bottom:1%;
}

.mMinus {
	top: -20px;
}

.abcBox span {
	display: block;
	color: white;
	font-size: 1.125em;
	font-weight: 200;
	line-height: 1.4em;
	margin-bottom: 25px;
	width: 93%;
}

.abcBox span.abcHeader {
	font-size: 1.875em;
	line-height: 1em;
	margin-bottom: 2px;
	margin-bottom: 0;
}

.buttonBlueBig {
	padding: 10px 60px;
	line-height: 3.625em;
	background: #17ade0;
	border-radius: 5px;
	font-size: 25px;
	font-weight: 400;
	color: white;
	text-decoration: none;
	display:none;
}

.buttonBlueBig:hover {
	color: white;
	text-decoration: underline;
}

.buttonBlueBig:active {
	background: #1188b0;
}

.tAlignC {
	text-align: center;
}

.tAlignR {
	text-align: right;
}

.onePage {
	height: 100%;
}

.heightOnePage1 {
	height: 15%;
}

.heightOnePage2 {
	height: 20%;
}

.heightOnePage3 {
	height: 30%;
}

.lHeightProcess {
	line-height: 1em;
}

.mBotProcessHeader {
	margin-bottom: 2%;
}

.mBotProcessHeaderDiscovery {
	margin-bottom: 12%;
}

.mBotProcessContent {
	margin-bottom: 2%;
}

.tAalignC {
	text-align: center;
}

.posRel {
	position: relative;
}

.imgProcess {
	width: 100%;
	max-width: 796px;
	padding-top: 5%;
}

.imgLaunch {
	width: 80%;
	max-width: 881px;
	padding-top: 5%;
}

.imgManage {
	width: 80%;
	max-width: 741px;
	padding-top: 5%;
}

.topMinusLaunch {
	margin-top: -10%;
}

.topMinusManage {
	margin-top: -15%;
}
.discoveryMag {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	max-width: 409px;
}

.discoveryMag img {
	width: 100%;
}

.uxMag {
	position: absolute;
	left: 15%;
	width: 90%;
	max-width: 409px;
}

.uxMag img {
	width: 100%;
}

.padRightPlan {
	padding-right: 8% !important;
}

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

.mTopPlan {
	margin-top: 20px;
}

.mTop10 {
	margin-top: 10px;
}

.proHBig {
	font-size: 2.563em;
	color: white;
	font-weight: 200;
	display: block;
	line-height: 1.2em;
}

.proHSmall {
	font-size: 1.250em;
	color: white;
	font-weight: 200;
	display: block;
	line-height: 1.2em;
	margin-bottom: 8%;
}

.processItems div {
	padding: 0 10px;
}

.processItems div img {
	width: 80%;
	max-width: 157px;
}

.processItems div span {
	display: block;
	margin-top: 20px;
	margin-bottom: 50px;
	color: white;
	font-size: 1.500em;
	font-weight: 500;
	padding: 0 10px;
}

.img11 {
	background: url('../pics/sprite_process.png') no-repeat 0 0;
	width: 157px;
	height: 157px;
}

.img12 {
	background: url('../pics/sprite_process.png') no-repeat -158px 0;
	width: 157px;
	height: 157px;
}

.img13 {
	background: url('../pics/sprite_process.png') no-repeat -316px 0;
	width: 157px;
	height: 157px;
}

.img14 {
	background: url('../pics/sprite_process.png') no-repeat -474px 0;
	width: 157px;
	height: 157px;
}

.img15 {
	background: url('../pics/sprite_process.png') no-repeat -632px 0;
	width: 157px;
	height: 157px;
}

.img21 {
	background: url('../pics/sprite_process.png') no-repeat 0 -158px;
	width: 157px;
	height: 157px;
}

.img22 {
	background: url('../pics/sprite_process.png') no-repeat -158px -158px;
	width: 157px;
	height: 157px;
}

.img23 {
	background: url('../pics/sprite_process.png') -316px -158px;
	width: 157px;
	height: 157px;
}

.img24 {
	background: url('../pics/sprite_process.png') no-repeat -474px -158px;
	width: 157px;
	height: 157px;
}

.img25 {
	background: url('../pics/sprite_process.png') no-repeat -632px -158px;
	width: 157px;
	height: 157px;
}

.img26 {
	background: url('../pics/sprite_process.png') no-repeat -790px -158px;
	width: 157px;
	height: 157px;
}

.img31 {
	background: url('../pics/sprite_process.png') no-repeat 0 -316px;
	width: 157px;
	height: 157px;
}

.img32 {
	background: url('../pics/sprite_process.png') no-repeat -158px -316px;
	width: 157px;
	height: 157px;
}

.img33 {
	background: url('../pics/sprite_process.png') no-repeat -316px -316px;
	width: 157px;
	height: 157px;
}
.img34 {
	background: url('../pics/sprite_process.png') no-repeat -474px -316px;
	width: 157px;
	height: 157px;
}
.img35 {
	background: url('../pics/sprite_process.png') no-repeat -632px -316px;
	width: 157px;
	height: 157px;
}
.img36 {
	background: url('../pics/sprite_process.png') no-repeat -790px -316px;
	width: 157px;
	height: 157px;
}

.img37 {
	background: url('../pics/sprite_process.png') no-repeat -948px -316px;
	width: 157px;
	height: 157px;
}
.img38 {
	background: url('../pics/sprite_process.png') no-repeat -1106px -316px;
	width: 157px;
	height: 157px;
}
.img39 {
	background: url('../pics/sprite_process.png') no-repeat -1264px -316px;
	width: 157px;
	height: 157px;
}

.img41 {
	background: url('../pics/sprite_process.png') no-repeat -1px -474px;
	width: 157px;
	height: 157px;
}

.img42 {
	background: url('../pics/sprite_process.png') no-repeat -159px -474px;
	width: 157px;
	height: 157px;
}

.img43 {
	background: url('../pics/sprite_process.png') no-repeat -317px -474px;
	width: 157px;
	height: 157px;
}
.img44 {
	background: url('../pics/sprite_process.png') no-repeat -475px -474px;
	width: 157px;
	height: 157px;
}
.img45 {
	background: url('../pics/sprite_process.png') no-repeat -633px -474px;
	width: 157px;
	height: 157px;
}
.img46 {
	background: url('../pics/sprite_process.png') no-repeat -791px -474px;
	width: 157px;
	height: 157px;
}

.img47 {
	background: url('../pics/sprite_process.png') no-repeat -949px -474px;
	width: 157px;
	height: 157px;
}

.img61 {
	background: url('../pics/sprite_process.png') no-repeat -1px -790px;
	width: 157px;
	height: 157px;
}

.img62 {
	background: url('../pics/sprite_process.png') no-repeat -159px -790px;
	width: 157px;
	height: 157px;
}

.img63 {
	background: url('../pics/sprite_process.png') no-repeat -317px -790px;
	width: 157px;
	height: 157px;
}
.img64 {
	background: url('../pics/sprite_process.png') no-repeat -475px -790px;
	width: 157px;
	height: 157px;
}
.img65 {
	background: url('../pics/sprite_process.png') no-repeat -633px -790px;
	width: 157px;
	height: 157px;
}
.img66 {
	background: url('../pics/sprite_process.png') no-repeat -791px -790px;
	width: 157px;
	height: 157px;
}

.img67 {
	background: url('../pics/sprite_process.png') no-repeat -949px -790px;
	width: 157px;
	height: 157px;
}
.img68 {
	background: url('../pics/sprite_process.png') no-repeat no-repeat -1107px -790px;
	width: 157px;
	height: 157px;
}

.img51 {
	background: url('../pics/sprite_process.png') no-repeat -1px -632px;
	width: 157px;
	height: 157px;
}

.img52 {
	background: url('../pics/sprite_process.png') no-repeat -159px -632px;
	width: 157px;
	height: 157px;
}

.imgw11 {
	background: url('../pics/sprite_work_1.png') no-repeat 0 0;
	width: 157px;
	height: 157px;
}
.imgw12 {
	background: url('../pics/sprite_work_1.png') no-repeat -158px 0;
	width: 157px;
	height: 157px;
}
.imgw13 {
	background: url('../pics/sprite_work_1.png') no-repeat -316px 0;
	width: 157px;
	height: 157px;
}
.imgw14 {
	background: url('../pics/sprite_work_1.png') no-repeat -474px 0;
	width: 157px;
	height: 157px;
}
.imgw15 {
	background: url('../pics/sprite_work_1.png') no-repeat -632px 0;
	width: 157px;
	height: 157px;
}
.imgw16 {
	background: url('../pics/sprite_work_1.png') no-repeat -790px 0;
	width: 157px;
	height: 157px;
}

.image {
	margin: 0 auto;
}

#up-down-navigation-wrapper {	
	position: absolute;
	top: 25%;
	right: 4%;
	z-index: 20;
	width: 5px;
	border: 0px none;
	height: 50%;
}
#up-navigation {
	width: 46px;
	height: 46px;
	display: block;
	position: absolute;
	top: 0;
	background: url('../pics/upNav.png') no-repeat center center;
	outline: 0 none;
}
#down-navigation {
	width: 46px;
	height: 46px;
	display: block;
	position: absolute;
	bottom: 0;
	background: url('../pics/downNav.png') no-repeat center center;
	outline: 0 none;
}

.position-line {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	background-color: rgb(24, 173, 225);
}

.position-line-left-side {
	position: absolute;
	width: 100%;
	height: 5px;
	left: -50%;
	top: -5px;
	background-color: rgb(24, 173, 225);
}

.position-line-menu {
	position: absolute;
	width: 100%;
	height: 5px;
	left: -100%;
	top: -5px;
	background-color: rgb(24, 173, 225);
}

.navbar-inverse {
	background: url('../pics/footer_tiled.png') top left repeat;
}
.navbar div.container{
	max-width:960px;
}
.navbar-brand{
	padding: 19px 15px 15px 15px;
}
.wh100 {
	width: 100%;
	height: 100%;
}

.pRel {
	position: relative;
}

.botPadd {

}

.contentPadd {
	padding-top: 10px;
	padding-bottom: 100px;
}

.whiteColor {
	color: black !important;
	font-weight: 200;
}

#aboutus {
	padding-bottom: 110px;
	background-color: white;
}
#aboutus .title {
	background: url('../pics/about_us_oblaki_zgoraj.png') #18aae1 bottom center no-repeat;
	background-size: 100% auto;
	font-size: 3.2em;
	text-align: center;
	color: white;
	font-weight: 200;
	padding: 2% 0 5% 0;
}
#aboutus .mission {
	color: #5f6668;
	background-color: white;
	text-align: center;
	padding-bottom: 20px;
	font-size:18px;
	font-weight:200;
}

#aboutus .subTitle {
	font-size: 50px;
	color: #5f6668;
	font-weight: 200;
	text-align: center;
	padding: 2% 0;
	display: block;
}

#aboutus .facts {
	background-color: #efedee;
	padding: 0 3%;
}

#aboutus .facts .col-sm-6, #aboutus .facts .col-sm-4 {
	background-color: #efedee;
	font-size: 18px;
	font-weight: 300;
	padding: 0.3em;
}

#aboutus .bussinesmodel {
	padding: 7% 0 13% !important;
	background-color: #efedee;
	text-align: center;
	font-size: 1.1em;
	font-weight: 300;
	background: url('../pics/about_us_oblaki_spodaj.png') #efedee bottom center no-repeat;
	background-size: 100% auto;
}

#aboutus .bussinesmodel .col-sm-6 {
	padding:5px 0 0 35px;
	background: url('../pics/about_us_quote.png') transparent no-repeat left top;
}

#aboutus .philosophy {
	padding: 20px 0;
	background-color: white;
	font-size: 1.1em;
	font-weight: 300;
}

#aboutus .facts.philosophy .col-sm-4 {
	background-color: white;
}

#aboutus .number {
	color: #2fb5e4;
	font-size: 1.8em;
	font-weight: 300;
	padding-right: 15px;
	position: absolute;
	top: 0;
	left: 0;
}

#aboutus p {
	padding-top: 0.9em;
	padding-left: 30px;
}

#aboutus .message {
	font-weight: 300;
	font-size: 1.5em;
	line-height: 2.25em;
}

.aboutFact {
	padding-left: 20px !important;
	background: url('../pics/aboutBulletin.jpg') no-repeat 0 14px;
}

.bigNabigationDown {
	background: url('../pics/sprite_up_down.png') no-repeat -49px -49px !important;
	width: 47px !important;
	height: 47px !important;
	position: absolute !important;
	bottom: -63px !important;
	left: -24px !important;
	z-index: 20 !important;
	padding: 0 !important;
}

.bigNabigationUp {
	background: url('../pics/sprite_up_down.png') no-repeat -49px -1px !important;
	width: 47px !important;
	height: 47px !important;
	position: absolute !important;
	top: -63px !important;
	left: -24px !important;
	z-index: 20 !important;
	padding: 0 !important;
}

.navigationFix {
	z-index: 11;
	position: inherit !important;
	top: inherit !important;
	right: inherit !important;
	height: inherit !important;
	width: inherit !important;
}

.mapPin {
	width: 48px;
	height: 64px;
	background: url('../pics/contact_pin.png') top left no-repeat;
	position: absolute;
}

.pin1 {
	top: -104px;
	left: 3px;
}
.oHidden {
	overflow: hidden;
}
.pin2 {
	top: -104px;
	left: 200px;
}

.mw960 {
	max-width: 1920px;
	margin: 0 auto;
}

.headerAbc {
	font-size: 180px;
}

.padT2p {
	padding-top: 2%;
}

.processBox {
	top: 7%;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	height: 85%;
}

.abcMaxH {
	max-height: 195px;
	overflow: hidden;
	margin-top:4%;
}

.launchProcess img{
	width:100%;
	
	max-width:215px;
}


.firstHeaderPadding{
	margin-top:6% !important;
}


.absButton{
	bottom:-68px;
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	width: 100%;
	max-width: 500px;
	text-align: center;
	padding: 10px 0px !important;
	line-height: 1.525em;
}

.dBlock{
	display:block;
	margin-top:10px,
}

.mTopIntro{
	margin-top:3%;
}

.abcPB{
	padding-bottom:2% !important;
}


.ourBusiness{
	font-size:23px;
	line-height:30px;
	font-weight:200;
}


.thisPhill{
	font-size:29px;
	line-height:41px;
	font-weight:200;
}

.backQuote{
	background: url('../pics/about_us_quote.png') transparent no-repeat bottom right;
	padding:0 35px 22px 0;
}

.blueAbs{
	position:absolute;
	top:50%;
	width:auto;
	left:0;
	right:0;
	margin:0 auto;
	display:block !important;
	padding: 10px 60px;
	line-height:1em;
}