@import url('reset.css');
@import url('skeleton.css');
@import url('superfish.css');
@import url('forms.css');
@import url('ui.totop.css');
@import url('touchTouch.css');
@import url('hover-image.css');

@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);

html {overflow-y:scroll;}
body {
	background: #efefef url('../images/body-bg.jpg');
	font:400 13px/21px 'Ubuntu', sans-serif;
	color:#9b9b9b;
	position:relative;
	min-width:320px;
}
html,body {
	height:100%;
}
a {
	color:#9b9b9b;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
img {
	max-width:100%;
	height:auto;
}

/* GLOBAL STRUCTURE
========================================================================= */
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
.fleft {float:left;}
.fright {float:right;}

/* TYPOGRAPHY
========================================================================= */
h1 {
	position:relative;
	left:50%;
	top:0;
	margin-left:-150px;
	padding-top:80px;
	margin-bottom:33px;
}
h1 a {
	display: block;
	text-indent: -999em;
	width: 300px;
	height: 70px;
	background: url('') no-repeat;
}
h2 {
	font: 700 36px/44px 'Ubuntu', sans-serif;
	color:#32343a;
	text-transform:uppercase;
	letter-spacing:-1.5pt;
	text-shadow: 1px 1px 1px #ffffff;
}
h3 {
	font: 700 30px/34px 'Ubuntu', sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:-1pt;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}
h4 {
	font: 400 30px/34px 'Ubuntu', sans-serif;
	color:#ffd200;
	letter-spacing:-1.1pt;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}
	h4 span {text-transform: uppercase;}
	
h5 {
	font:400 18px/24px 'Ubuntu', sans-serif;
	color:#2a2a2a;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
	border-bottom: 1px solid #a9aaac;
	padding-bottom:16px;
}
	
strong, strong a {
	display:block;
	font: 400 16px/24px 'Ubuntu', sans-serif;
	color:#32343a;
	letter-spacing:-0.4pt;
	text-shadow: 1px 1px 1px #ffffff;
}
	strong a:hover {
		color:#17b1fe;
	}
strong a {display:inline-block;}

strong.color-gray {
	color:#8a8989;
	padding-top:4px;
}
strong.color-orange {
	color:#ffd201;
	text-shadow: none;
}
strong.color-white {
	color:#fff;
	text-shadow: none;
}
	
b {
	color:#ffd201;
	font:bold 18px/21px 'Arial Black', sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}
b span a:hover {color:#ffd201;}
b span, b span a {color:#fff;}

/* IDENTS
========================================================================= */
.indent-bot-1 {margin-bottom: 21px;}
.indent-bot-2 {margin-bottom: 14px;}
.indent-bot-3 {margin-bottom: 30px;}
.indent-bot-4 {margin-bottom: 24px;}
.indent-bot-5 {margin-bottom: 32px;}
.indent-bot-6 {margin-bottom: 46px;}
.indent-bot-7 {margin-bottom: 12px;}
.indent-bot-8 {margin-bottom: 16px;}
.indent-bot-9 {margin-bottom: 10px;}
.indent-bot-10 {margin-bottom: 22px;}
.indent-bot-11 {margin-bottom: 40px;}
.indent-bot-12 {margin-bottom: 28px;}
.indent-bot-13 {margin-bottom: 60px;}
.indent-bot-14 {margin-bottom: 36px;}
.indent-bot-15 {margin-bottom: 25px;}


/* HEADER
========================================================================= */
header {
	margin-bottom:37px;
}
.bg-1 {background: url('../images/bg-1.jpg');}
.bg-1-1 {
	background: url('../images/bg-1-1.jpg') repeat-y 50% 0;
}

.bg-2 {background: url('../images/bg-2.jpg');}
.bg-2-1 {
	background: url('../images/bg-2-1.jpg') repeat-x;
}

.bg-3 {background: url('../images/bg-3-1.jpg');}

.head-block-1, .head-block-2, .head-block-3 {
	float:left;
	text-align:center;
	color:#fff;
}
.head-block-1 h3, .head-block-2 h3, .head-block-3 h3 {
	margin-bottom:22px;
}
.head-block-1 p, .head-block-2 p, .head-block-3 p {
	margin-bottom:33px;
}
.head-block-1 {
	width:310px;
	background: url('../images/head-block-1.png');
}
.head-block-2 {
	width:320px;
	background: url('../images/head-block-2.png');
}
.head-block-3 {
	width:310px;
	background: url('../images/head-block-3.png');
}

.head-block-button {
	display:inline-block;
	background-color:#FFF;
	color:#32343a;
	font: 700 14px/24px 'Ubuntu', sans-serif;
	letter-spacing:-1px;
	text-transform: uppercase;
	padding: 21px 14px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.head-block-button:hover {
	background-color:#ffcb00;
}
.head-block-1-inner-indent {
	padding: 54px 36px 60px 38px;
}
.head-block-2-inner-indent {
	padding: 54px 41px 60px 41px;
}

/* SLIDER (Cycle plugin)
========================================================================= */
.cycle-caption.sub-pages {
	padding-top:65px;
	padding-bottom:25px;
}
#slideshow {
	height: 492px;
	position: relative;
	overflow:hidden;
}
#slideshow > div {background:transparent !important;}
.cycle-caption {
	font: 30px/36px 'Arial Black', sans-serif;
	color:#fefefe;
	text-align:center;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.12);
	letter-spacing:-1.0pt;
	padding-top:105px;
	width:940px;
	margin-bottom:38px;
}
.cycle-caption .text-2 {
	font-size:36px;
	line-height:42px;
	letter-spacing:-1.5pt;
	margin-top:-2px;
}
.cycle-caption .text-3 {
	font-size:48px;
	line-height:58px;
	letter-spacing:-2pt;
}
#nav {
	position:absolute;
	z-index: 10;
	bottom: 70px;
	left: 50%;
	overflow: hidden;
	margin-left:-30px;
}
	#nav a {
		width:16px;
		height:16px;
		float:left;
		display:block;
		text-indent:-999em;
		background: url('../images/pagination.png') no-repeat 100% 0;
		margin-right:4px;
	}
		#nav a:hover, #nav a.activeSlide {
			background-position:0 0;
		}
		
.cycle-icons {
	margin-left:342px;
}
.cycle-icons li {
	float:left;
	margin-right:7px;
}
.cycle-icon-1 {
	display:block;
	width:79px;
	height:79px;
	background: url('../images/icon-big-1.png') no-repeat;
	margin-top:3px;
}
.cycle-icon-2 {
	display:block;
	width:79px;
	height:79px;
	background: url('../images/icon-big-2.png') no-repeat;
	margin-top:3px;
}
.cycle-icon-3 {
	display:block;
	width:85px;
	height:85px;
	background: url('../images/icon-big-3.png') no-repeat;
}

.cycle-icons li a:hover {background-position:0 100%;}
	
/* CONTENT
========================================================================= */
#content {
	padding:85px 0 43px 0;
}
#page1 #content {
	padding:35px 0 33px 0;
}
#content-2 {
	background: url('../images/bg-3.jpg') repeat-x;
	padding: 40px 0 42px 0;
	color:#fff;
}

#content-3 {
	padding:42px 0 33px 0;
	letter-spacing:-0.4pt;
}


.name-test {
	color:#ffd201;
	text-transform: uppercase;
	font: 700 16px/24px 'Ubuntu', sans-serif;
	letter-spacing:-0.4pt;
}
.manag-test {
	font: 400 16px/24px 'Ubuntu', sans-serif;
	letter-spacing:-0.4pt;
}
	.manag-test a {color:#ffd201;}
	.manag-test a:hover {text-decoration:underline; color:#fff;}

.q-3 {
	background: url('../images/q-3.png') no-repeat 0 0;
	margin-bottom:24px;
}
.q-4 {
	background: url('../images/q-4.png') no-repeat 100% 100%;
	padding:4px 38px 0 38px;
}
.q-block-s {
	background: url('../images/q-1.png') no-repeat 3px 0;
	padding: 0 20px 0 30px;
}
.q-indent-1 {
	padding-top:7px;
}
.icon-block-1, .icon-block-2, .icon-block-3, .icon-block-4  {
	padding-left:60px;
	padding-bottom:20px;
}
.icon-block-1 {background: url('../images/icon-1.png') no-repeat 0 3px;}
.icon-block-2 {background: url('../images/icon-2.png') no-repeat 0 3px;}
.icon-block-3 {background: url('../images/icon-3.png') no-repeat 0 3px;}
.icon-block-4 {background: url('../images/icon-4.png') no-repeat 0 3px;}


.company-block {
	font-size:12px;
	color:#696969;
	letter-spacing:0.1pt;
}
.company-block .bold {font-weight:700; font-size:11px;}

.tweet {
	font-size:12px;
	line-height:20px;
	color:#696969;
}

.tweet a {
	font-size:14px;
	line-height:18px;
	color:#17b1fe;
}
.tweet a:hover {text-decoration:underline;}

.tweet_list li {
	background: url('../images/line-2.png') repeat-x;
	padding: 8px 0;
}
.tweet_list li:first-child {background:none;}




.block-clients {
	background-color:#FFF;
	padding: 5px 5px 20px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
.clients-indent {
	padding: 0 15px;
}
.block-clients img	{margin-bottom:24px;}
.block-clients strong {margin-bottom:10px;}
.block-clients p {margin-bottom:25px;}

.block-services {
	background-color:#FFF;
	padding: 5px 5px 28px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
.block-services a.gallery {margin-bottom:26px;}
.block-services strong {margin-bottom:10px;}
.block-services strong a {line-height:20px;}

.img-indent-1 {
	float:left;
	margin-right:19px;
	margin-top:7px;
}


.img-border {
	background-color:#FFF;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

.number {
	display:inline-block;
	background-color:#FFF;
	color:#32343a;
	font: 700 24px/30px 'Ubuntu', sans-serif;
	letter-spacing:-1px;
	text-transform: uppercase;
	width:57px;
	height:32px;
	padding: 13px 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align:center;
	overflow:hidden;
	float:left;
	margin-right:22px;
}

.number-2 {
	float:left;
	margin-right:6px;
}

.indent-1 {
	padding-top:50px;
}
.indent-2 {overflow:hidden;}

.indent-3 {overflow:hidden; padding-top:6px;}

.iw-grid-2 {margin-bottom:20px;}

.rt-indent-1 {padding-right: 26px;}
.rt-indent-2 {padding-left: 80px;}
.rt-indent-3 {padding-right: 80px;}


/* BUTTONS, LINKS
========================================================================= */
.button {
	display:inline-block;
	background-color:#32343a;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#f2f2f2;
	font:700 14px/24px 'Ubuntu', sans-serif;
	text-transform: uppercase;
	padding: 11px 25px;
	letter-spacing:-0.3pt;
}
	.button:hover {
		background-color:#17b1fe;
	}
	
.button-2 {
	display:inline-block;
	color:#fff;
	font:14px/20px 'Arial Black', sans-serif;
	text-transform: uppercase;
	padding-right:10px;
	background: url('../images/button-marker.png') no-repeat 100% 8px;
}
	.button-2:hover {
		color:#ffd200;
		background-position:100% 100%;
	}
	
.link-1 {
	color:#17b1fe;
}
	.link-1:hover {
		text-decoration:underline;
	}
	
.list-1 li {
	background: url('../images/line-2.png') repeat-x;
	padding:8px 0 7px 0;
}
.list-1 li:first-child {
	background:none;
}
	.list-1 li a {
		color: #696969;
		font: 400 12px/16px 'Ubuntu', sans-serif;
		padding-left:14px;
		background: url('../images/marker-1.png') no-repeat 3px;
		letter-spacing:0.1pt;
	}
	.list-1 li a:hover {
		color: #17b1fe;
	}

/* FOOTER
========================================================================= */
footer {
	background: url('../images/line-1.png') repeat-x;
	padding: 40px 0 80px 0;
}
#page2 footer, #page4 footer {background:none;}
.policy {
	float:left;
	color: #000000;
	text-transform: uppercase;
	font: 12px/26px Arial, sans-serif;
	padding-top:5px;
}
.policy span {
	font:700 18px/22px 'Ubuntu', sans-serif;
	color:#339cd6;
	text-shadow: 1px 1px 1px #fff;
	letter-spacing:-1pt;
}
.policy a {
	color: #9b9b9b;
}
	.policy a:hover {
		text-decoration:underline;
		color:#000000;
	}
	
.list-soc {
	float:right;
}

.list-soc li {
	float:left;
	margin-left:3px;
	color:#2e2e2e;
	text-transform: uppercase;
	font:700 14px/34px 'Ubuntu', sans-serif;
	text-shadow: 1px 1px 1px #fff;
	letter-spacing:-0.2pt;
}
.list-soc li:first-child {
	padding-right:4px;
}

/* MEDIA */
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.hide-pl{display:none;}
	
	.rt-indent-1 {padding-right: 13px;}
	.rt-indent-2 {padding-left: 40px;}
	.rt-indent-3 {padding-right: 40px;}
	
	.head-block-1, .head-block-2, .head-block-3 {
		width:249px;
	}
	.head-block-2-inner-indent, .head-block-1-inner-indent {
		padding:54px 30px 60px 30px;
	}
	
	.cycle-caption {
		padding-top:80px;
		width:748px;
		margin-bottom:38px;
	}
	
	.cycle-icons {
		margin-left:245px;
	}
	#nav {
		bottom: 40px;
	}
	.indent-1 {
		padding-top: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 {margin-bottom:30px;}
	
    .last-col{margin-bottom:0 !important;}
	
	.hide-ip{display:none;}
	
	.img-100 {width:100%;}
	
	.rt-indent-1, .rt-indent-2, .rt-indent-3 {padding: 0;}
	
	.head-block-1, .head-block-2, .head-block-3 {
		width:300px;
	}
	.head-block-2-inner-indent, .head-block-1-inner-indent {
		padding:54px 30px 60px 30px;
	}
	.policy {
		float:none;
		text-align:center;
		padding-top:30px;
		clear:left;
	}
	.list-soc {float:none;}
	
	.cycle-caption {
		width:300px;
		font: 22px/36px 'Arial Black', sans-serif;
	}
	#slideshow {
		height: 650px;
	}
	.cycle-icons {margin-left:20px;}
	
	.cycle-caption .text-2 {
		font-size:26px;
		line-height:36px;
	}
	.cycle-caption .text-3 {
		font-size:30px;
		line-height:50px;
	}
	.rt-indnent-bot-1 {margin-bottom:20px; !important}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .hide-iw{display:none;}
	 .head-block-1, .head-block-2, .head-block-3 {
		width:420px;
	}
	
	.cycle-caption {
		width:420px;
	}
	.cycle-icons {margin-left:80px;}
	#slideshow {
		height: 600px;
	}
	
	.iw-grid-1, .iw-grid-2 {
		width:200px !important;
		float:left;
		margin-right:10px;
	}
	
	.iw-right-1 {margin-right:10px !important;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */