.colored-bg { background-color: red; }
[class^="icon-big-"], [class*=" icon-big-"], [class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	line-height: 25px;
	vertical-align: text-top;
	background-image: url('../images/sprites.png');
	background-position: 0 -55px;
	background-repeat: no-repeat;
	margin-right: 5px;
	}

#topcontrol > div {
	bottom: 0;
	cursor: pointer;
	height: 37px;
	position: absolute;
	right: 15px;
	width: 37px;
	z-index:5;
	}

.topcontrol-arrow-up {
	content: '';
	position: absolute;
	left: 11px;
	top: 15px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid white;
	}

.right { float: right !important; }
.left {	float: left; }
.center { text-align: center; }
.break { clear: both; }

.ionov { font-size: 149px; }
.white-mask {
	width: 57px;
	height: 35px;
	background-color: #fff;
	position: absolute;
	top: -83px;
	left: 308px;
//	border: 1px solid red;
	}
.line {
	font-size: 149px;
	color: #666;
	position: absolute;
	top: -63px;
	left: 308px;
//	border: 1px solid;
	
	transform:rotate(310deg);
	-ms-transform:rotate(310deg);
	-webkit-transform:rotate(310deg); /* Safari and Chrome */
	}
#alltxt { display: none;}

#main {
	height: 100px;
	position: absolute;
	top: 50%;
	margin-top: -160px;
	}
	#main a {
		font-size: 15px;
		color: #666;
		text-decoration: none;
		margin-right: 10px;
		}

#nav {
	background-color: red;
	height: 160px;
	display: inline-block;
	margin-bottom: 15px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size:160px 160px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}
	#nav:hover {
		background-size:180px 180px;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		}

#navsmall {
	background-color: red;
	height: 40px;
	display: inline-block;
	margin-bottom: 5px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

.container img { width: 300px; height: auto; }
.container .two-thirds.column img { width: 620px; height: auto; }
.container .sixteen.columns img { width: 100%; height: auto; }

.sq1 { background-image:url('../images/Computer-Generated-Images/cover.jpg'); }
.sq2 {  }
.sq3 { background-image:url('../images/Posters-Graphic-Design/cover.jpg'); }
.sq4 { background-image:url('../images/Enamel-Panneaux/cover.jpg'); }
.sq5 { background-image:url('../images/Decorative-Mosaics-Metal-Statualy/cover.jpg'); }

#years {
	margin-bottom: 17px;
	}
	
#years a {
	display: inline-block;
	margin-right: 7px;
	text-decoration:none;
	}

#lang {
	position: fixed;
	left: 50%;
	top: 0px;
	margin-left: -24px;
	width: 48px;
	height: 11px;
	cursor: pointer;
	background-image:url('../images/uk.png');
	background-position: bottom;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}
	#lang:hover {
		width: 48px;
		height: 36px;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		}

#va {
	position: fixed;
	left: 50%;
	bottom: 0px;
	margin-left: -20px;
	width: 41px;
	height: 11px;
	cursor: pointer;
	background-color: #ccc;
	background-image:url('http://www.varlov.com/logo/va_41x50.png');
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}
	#va:hover {
		width: 41px;
		height: 50px;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.container img { width: 236px; height: auto; }
		.container .two-thirds.column img { width: 492px; height: auto; }
		.white-mask { left: 207px; }
		.line { left: 200px; }
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#topcontrol > div {	right: 0; }
		
		#main { top: 5px; margin-top: 0; }
		.ionov { font-size: 106px; margin-left: -20px; }
		h1 { line-height: 95px; margin-bottom:0; }
		h2 { margin-top:-35px; }
		hr { display: none; }
		.white-mask { left: 15px; top: 60px; height: 28px; }
		.line { font-size:106px; left: 8px; top: 75px; }
		
		#nav { background-size:420px 420px; }
		#nav:hover { background-size:450px 450px; }
		.sq1 { background-image:url('../images/Computer-Generated-Images/03.jpg'); }
		.sq2 {  }
		.sq3 { background-image:url('../images/Posters-Graphic-Design/cover-big.jpg'); }
		.sq4 { background-image:url('../images/Enamel-Panneaux/03.jpg'); }
		.sq5 { background-image:url('../images/Decorative-Mosaics-Metal-Statualy/11.jpg'); }
		
		.container img { width: 420px; height: auto; }
		.container .two-thirds.column img { width: 420px; height: auto; }
		
		#alltxt { display: block;}
		#txt { display: none;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#topcontrol > div {	right: 0; }
	
		#main { top: 5px; margin-top: 0; }
		.ionov { font-size:73px;  margin-left: -10px; }
		h1 { line-height: 85px; margin-bottom:0; }
		h2 { margin-top:-25px; }
		hr { display: none; }
		.white-mask { left: 15px; top: 68px; height: 23px; }
		.line { font-size:73px; left: 15px; top: 74px; }
		
		#nav { background-size:420px 420px; }
		#nav:hover { background-size:450px 450px; }
		.sq1 { background-image:url('../images/Computer-Generated-Images/03.jpg'); }
		.sq2 {  }
		.sq3 { background-image:url('../images/Posters-Graphic-Design/cover-big.jpg'); }
		.sq4 { background-image:url('../images/Enamel-Panneaux/03.jpg'); }
		.sq5 { background-image:url('../images/Decorative-Mosaics-Metal-Statualy/11.jpg'); }
		
		.container .two-thirds.column img { width: 300px; height: auto; }
		
		#alltxt { display: block;}
		#txt { display: none;}
		}