/* reset.css | MIT License
	version:1.2 @ 20131201 

   Browser support:
 * Google Chrome
 * Apple Safari
 * Mozilla Firefox
 * Opera
 * Internet Explorer 8+
 
   Mobile platforms support:
 * Google Android 2.3+
 * Apple iOS 6+
 * Microsoft Windows Phone 8+
 * Blackberry 10+
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 * BASIC                                                 *
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
	/* prevent font boosting in Chrome for Android */
	max-height:99999px;
}

*,
*:before,
*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	/* Sets default font family to sans-serif */
	font-family:sans-serif;

	/* Sets default line-height to 1.2. */
	line-height:1.428;

	/* Prevents WinPhone 8+ text size adjust after orientation change, without disabling user zoom.  */
	-ms-text-size-adjust:100%;

	/* Prevents iOS text size adjust after orientation change, without disabling user zoom. */
	-webkit-text-size-adjust:100%;
}

body {
	/* Removes default margin. */
	margin:0;
}
a:active,
a:hover,
a:focus {
	/* Improves readability when focused and also mouse hovered in all browsers. */
	outline:0;
}

/* Removes default background when mouse clicked in IE 10+ on Windows 8/8.1 - Use <meta name="msapplication-tap-highlight" content="no" /> instead */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active {
		/* background-color:transparent; */
		background-color:inherit;
	}
}

table {
	/* Remove most spacing between table cells. */
	border-collapse:collapse;
	border-spacing:0;
}

img {
	/* Removes border when inside 'a' element in IE 8/9. */
	border:0;
}

svg:not(:root) {
	/* Corrects overflow displayed oddly in IE 9, IE10 (Win7). */
	overflow:hidden;
}

img,
svg,
object,
iframe {
	/* Removes the bottom gap on inline elements */
	vertical-align:middle;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 * TYPOGRAPHY                                            *
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {
	word-wrap:break-word;
	-moz-font-feature-settings:"liga", "kern";
	font-feature-settings:"liga", "kern"; /* ie10+ and future proof  */
	text-rendering:optimizelegibility;
	-webkit-font-smoothing:antialiased; /* for Chrome MacOS users. Safari already do it by default. */
	-moz-osx-font-smoothing:grayscale;
}

/* Addresses 'h1' font sizes within 'section' and 'article' in Firefox 4+, Safari 5, and Chrome. */
h1 {
	font-size:2em;
	margin:.67em 0;
}

/* Addresses styling not present in IE 8/9/10, Safari, and Chrome. */
abbr[title] {
	border-bottom:1px dotted;
	cursor:help;
}

/* Addresses style set to 'bolder' in Firefox and IE 9+ */
b,
strong {
	font-weight:bold;
}

/* Address differences between Firefox and other browsers. */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

/* Addresses styling not present in IE 8/9. */
mark {
	background:#ff0;
	color:#000;
}

/* Corrects font family set oddly in Safari, Chrome and Opera on MacOS. */
code,
kbd,
pre,
samp {
	font-family:'Courier New', monospace, serif;
}

/* Improves readability of pre-formatted text in all browsers. */
pre {
	white-space:pre-wrap;
	word-wrap:break-word;
}

/* Sets consistent quote types. */
q {
	quotes:"\201c" "\201d" "\2018" "\2019";
}

/* Addresses inconsistent and variable font size in all browsers. */
small {
	font-size:80%;
}

/* Prevents 'sub' and 'sup' affecting 'line-height' in all browsers. */
sub,
sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {top:-.5em;}
sub {bottom:-.25em;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 * FORMS                                                 *
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Define consistent border, margin, and padding. */
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	/* Corrects color not being inherited in IE 8/9. */
	border:0;

	/* Remove padding so people aren't caught out if they zero out fieldsets. */
	padding:0;
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
	font-family:inherit; /* 1 */
	font-size:100%; /* 2 */
	font-weight:inherit;
	margin:0; /* 3 */
	vertical-align:middle;
}

label {vertical-align:middle;}

/* Addresses Firefox 4+ setting 'line-height' on 'input' using '!important' in the UA stylesheet. */
button,
input {
	line-height:normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
	text-transform:none;
	white-space:nowrap;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native 'audio' and 'video' controls.
 * 2. 
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	/* Corrects inability to style clickable 'input' types in iOS. */
	-webkit-appearance:button;

	/* Improves usability and consistency of cursor style between image-type 'input' and others. */
	cursor:pointer;

	overflow:visible;
}

button[disabled],
html input[disabled] {
	/* Re-set default cursor for disabled elements. */
	cursor:default;
}

/*
 * 1. Addresses box sizing set to 'content-box' in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing:border-box; /* 1 */
	padding:0; /* 2 */

	vertical-align:baseline;
}

/*
 * 1. Addresses 'appearance' set to 'searchfield' in Safari 5 and Chrome.
 * 2. Addresses 'box-sizing' set to 'border-box' in Safari 5 and Chrome.
 */
input[type="search"] {
	-webkit-appearance:textfield; /* 1 */
	-webkit-box-sizing:content-box;
	/* box-sizing:content-box; */ /* 2 */
}

/* Removes search cancel/results button in IE10, Safari and Chrome on OS X. */
input::-ms-clear {
	display:none;
}
input::-ms-reveal {
	display:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance:none;
}

/* Removes inner padding and border in Firefox. */
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}

textarea {
	/* Removes default vertical scrollbar in IE 8/9. */
	overflow:auto;

	/* Improves readability and alignment in all browsers. */
	vertical-align:top; /* 2 */
	resize:vertical;
}

/* placeholder */
::-moz-placeholder {
	opacity:1;
}
:-ms-input-placeholder {

}
::-webkit-input-placeholder {
	color:inherit;
}

/* iOS */
input:not([type="radio"]),
textarea {
	-webkit-border-radius:0;
	/* border-radius:0; */
}

@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2), /* iPhone 5, iPod Touch 5 */
(device-height:480px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2), /* iPhone 4/4s, iPod Touch 4 */
(device-height:1024px) and (device-width:768px) and (-webkit-min-device-pixel-ratio:2), /* iPad 3, iPad 4 */
(device-height:1024px) and (device-width:768px) and (-webkit-min-device-pixel-ratio:1) /* iPad, iPad 2, iPad Mini */ {
	select {
		-webkit-border-radius:0;
	}
	button,
	input[type="text"],
	input[type="password"],
	input[type="tel"],
	input[type="url"],
	input[type="email"],
	input[type="color"],
	input[type="search"],
	textarea {
		-webkit-appearance:none;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 * HTML5                                                 *
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
main,
menu,
section,
summary {
	/* Corrects 'block' display not defined in IE 8/9. */
	display:block;
}

canvas,
audio,
video {
	/* Corrects 'inline-block' display not defined in IE 8/9. */
	display:inline-block;

	/* Remove the gap between videos, audio and canvas and the bottom of their containers. */
	vertical-align:middle;
}

figure {
	/* Addresses margin not present in IE 8/9. */ 
	margin:1em 40px;
}

audio:not([controls]) {
	/* Prevents modern browsers from displaying 'audio' without controls. */
	display:none;

	/* Remove excess height in iOS 5/6 devices. */
	height:0;
}

[hidden] {
	/* Addresses styling for 'hidden' attribute not present in IE 8/9. */
	display:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
 * PRINT                                                 *
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media print {
	@page {margin:.5cm;}
	* {
		color:#000 !important;
		text-shadow:none !important;
		background:none !important;
		box-shadow:none !important;
		fill:#000 !important; /* SVG */
	}
	a {text-decoration:underline;}
	a[href]:after {content:" ("attr(href)")";}
	a[href^="javascript:"]:after,
	a[href^="#"]:after {content:"";}
	abbr[title]:after {content:" ("attr(title)")";}
	tr,
	img,
	pre,
	blockquote {page-break-inside:avoid;}
}

/* GENERAL */
html {
	min-width:1000px;
}
body {
	color:#000;
	font:500 13px 'Open Sans', sans-serif;
	min-width:1000px;
}
p {
	margin:0 0 1em;
}
a {
	color:inherit;
	text-decoration:none;
}
a:hover {
	color:#ff004c;
}
h3 {
	margin:0 0 14px;
	font-size:22px;
	line-height:24px;
	font-weight:700;
}
.body {
	max-width:1180px;
	margin:0 auto;
	padding:0 10px;
}
.body:before,
.body:after {
	content:"";
	display:block;
	clear:both;
}
.clear:before,
.clear:after {
	content:"";
	display:table;
}
.clear:after {
	clear:both;
}

.lnk-more {
	float:left;
	width:37px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-more.png) no-repeat;
}
.lnk-more:hover {
	background-position:-40px 0;
}
.lnk-more.big {
	width:41px;
	height:102px;
	background-position:0 -70px;
}
.lnk-more.big:hover {
	background-position:-50px -70px;
}
#wrapper {
	overflow:hidden;
	position:relative;
	min-width:1000px;
}

/* HEADER */
#header {
	position:relative;
	margin-bottom:-25px;
}
#header:after {
	content:'';
	position:absolute;
	z-index:5;
	bottom:11px;
	left:0;
	right:0;
	height:14px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0) 80%);
	background:linear-gradient(to bottom, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0) 80%);
}
/* preheader */
.nav-bar {
	background:#3c3c3c;
	color:#cdcdcd;
	font-weight:700;
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
}
.nav-bar > .body {
	padding-right:160px;
	position:relative;
}
#nav {
	display:table;
	margin:0;
	padding:0;
	width:96%;
	min-width:830px;
}
#nav li {
	display:table-cell;
	list-style:none;
	vertical-align:top;
	text-align:center;
	white-space:nowrap;
}
#nav a {
	display:block;
	padding:12px 14px;
}
#nav a:hover,
.set-order:hover {
	background:#ff004c;
	color:#fff;
}
#nav .home {
	width:40px;
	height:40px;
}
#nav .home a {
	display:block;
	width:40px;
	height:42px;
	padding:0;
	margin:0 0 -2px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
#nav .home a:hover,
#nav .home.active a {
	background:#fff;
}
#nav .home a:before {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	left:12px;
	top:11px;
	background:url(../images/icons.png) no-repeat 0 -20px;
}
#nav .home a:hover:before,
#nav .home.active a:before {
	background-position:0 0;
}
#nav .home.active a:hover:before {
	background-position:-18px 0;
}
.order {
	position:absolute;
	top:0;
	right:10px;
	width:150px;
}
.set-order {
	display:inline-block;
	vertical-align:top;
	width:150px;
	padding:12px 0;
	color:#fff;
	background:#0aa9e3;
	text-align:center;
}
.order-bar {
	display:none;
	position:absolute;
	width:100%;
	top:40px;
	background:#1c64a1;
	z-index:99;
}
.order-bar > .body {
	padding-left:0;
	padding-right:0;
}
.order-form {
	padding:20px 0;
	color:#fff;
}
.order-form fieldset {
	margin:0;
	padding:0;
	border:0;
}
.order-container {
	width:100%;
	display:table;
}
.order-form .service,
.order-form .to-do,
.order-form .how,
.order-form .what-you-have,
.order-form .form {
	display:table-cell;
	padding:0 12px;
	vertical-align:top;
}
.order-form .title {
	display:block;
	margin:0 0 1px;
	padding:0 0 10px;
	border-bottom:1px solid #3374ab;
	font-size:15px;
	line-height:18px;
	font-weight:700;
}
.order-form .service label,
.order-form .to-do label,
.order-form .how label,
.order-form .what-you-have label {
	display:block;
	margin:0 0 1px;
	padding:7px 10px;
	background:#1a6ca8;
	font-size:12px;
	line-height:15px;
	height:29px;
	white-space:nowrap;
}
.order-form .service label input,
.order-form .to-do label input,
.order-form .how label input,
.order-form .what-you-have label input {
	display:inline-block;
	width:13px;
	height:13px;
	vertical-align:top;
	position:relative;
	top:1px;
	margin:0 4px 0 0;
	outline:none;
}
.order-form label.active {
	background:#0aa9e3;
}
/* .order-form input[type="checkbox"]:checked+label,
.order-form input[type="radio"]:checked+label {
	background:#0aa9e3;
} */
.order-form .group {
	margin:0 0 30px;
	position:relative;
}
/* .order-form .to-do,
.order-form .how,
.order-form .what-you-have {
	display:none;
} */

.order-form .service .info ,
.order-form .to-do .info {
	position:absolute;
	width:260px;
	min-height:90px;
	left:100%;
	top:-20px;
	z-index:55;
	border-radius:4px;
	margin:0 0 0 24px;
	padding:12px 18px;
	background:#094971;
}
.order-form .how .info:after,
.order-form .service .info:after,
.order-form .to-do .info:after {
	content:'';
	position:absolute;
	top:30px;
	left:-20px;
	width:0;
	height:0;
	border:10px solid #094971;
	border-color:transparent #094971 #094971 transparent;
}
.order-form .how .info {
	position:absolute;
	top:100%;
	margin:20px 0 0;
	z-index:55;
	border-radius:4px;
	padding:12px 18px;
	background:#094971;
	width:100%;
}
.order-form .how .info:after {
	top:-20px;
	left:30px;
	border-color:transparent transparent #094971 #094971;
}
.order-form .bubble {
	color:#000 !important;
	background:#ffefd3 !important;
}
.order-form .bubble:after {
	border-color:transparent transparent #ffefd3 #ffefd3 !important;
}
.order-form .sub label {
	padding-left:31px;
}
.order-form .form {
	width:234px;
	max-width:234px;
}
.order-form .form-holder {
	width:210px;
	padding:10px 16px 0;
	background:#0aa9e3;
	border-radius:3px;
	overflow:hidden;
}
.order-form .simple-form {
	display:none;
}
.order-form .form .row {
	margin:0 0 12px;
}
.order-form .form label {
	display:block;
	padding:0 0 5px;
	font-size:12px;
	line-height:14px;
}
.order-form .form .row input,
.order-form .form .row textarea {
	width:100%;
	height:29px;
	padding:5px 7px 6px;
	margin:0;
	border:none;
	background:#fff;
	border-radius:1px;
	font-size:15px;
	line-height:18px;
	font-weight:700;
	color:#303030;
	outline:none;
}
.order-form .form .row input::-moz-placeholder {
	opacity:1;
	color:#cbcbcb;
	font-weight:400;
}
.order-form .form .row input:-ms-input-placeholder {
	color:#cbcbcb;
	font-weight:400;
}
.order-form .form .row input::-webkit-input-placeholder {
	color:#cbcbcb;
	font-weight:400;
}
.order-form .form .row input.placeholder {
	color:#cbcbcb;
	font-weight:400;
}
.order-form .form .row textarea {
	height:210px;
}
.order-form .form .btn,
.order-form .form input[type="submit"] {
	display:block;
	width:100%;
	height:29px;
	margin:0 0 12px;
	padding:5px 0;
	border:0;
	background:#484848;
	border-radius:2px;
	font-size:13px;
	line-height:19px;
	font-weight:700;
	color:#fff;
}
.file {
	position:absolute;
	width:100%;
	font-size:12px;
	line-height:15px;
}
.file .add {
	margin:20px 0 0;
	border-radius:4px;
	padding:12px 18px 12px 38px;
	background:#094971;
	width:100%;
	position:relative;
}
.file .add:after {
	content:'';
	position:absolute;
	top:-20px;
	left:30px;
	width:0;
	height:0;
	border:10px solid #094971;
	border-color:transparent transparent #094971 #094971;
}
.file .add:before {
	content:'';
	position:absolute;
	z-index:1;
	width:17px;
	height:16px;
	top:50%;
	left:11px;
	margin:-8px 0 0;
	background:url(../images/icons.png) no-repeat -110px -40px;
}
.file .add .mask {
	position:absolute;
	z-index:7;
	left:10px;
	top:10px;
	right:10px;
	bottom:10px;
	overflow:hidden;
}
.file .add .mask input {
	opacity:0;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	font-size:100px;
}
.file .uploaded {
	margin:6px 0 0;
	padding:0;
	width:100%;
}
.file .uploaded li {
	display:block;
	width:100%;
	margin:1px 0 0;
	padding:7px 10px;
	list-style:none;
	background:#ffefd3;
	border-radius:2px;
	color:#000;
	position:relative;
}
.file .del {
	position:absolute;
	width:20px;
	height:20px;
	z-index:2;
	right:4px;
	top:50%;
	margin:-10px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/icons.png) no-repeat -90px -40px;
	cursor:pointer;
}
/* header bar */
.header-bar {
	overflow:hidden;
	padding:20px 0;
}
.logo {
	float:left;
	width:168px;
	height:90px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 25px 0 1px;
}
.logo a {
	display:block;
	height:100%;
	background:url(../images/logo.png) no-repeat;
}
.logo a:hover {
	background-position:0 -98px;
}
.tagline {
	float:left;
	border-left:1px solid #d0d0d0;
	padding:30px 0 0 24px;
	font-weight:500;
	font-size:13px;
	line-height:16px;
	color:#000;
	width:200px;
	height: 90px;
}
.header-bar .aside {
	float:right;
	width:740px;
	padding:10px 0 0;
}
.header-bar .address {
	float:left;
	margin:19px 0 0;
	padding:0 0 0 29px;
	width:277px;
	position:relative;
}
.header-bar .tel:before,
.header-bar .address:before {
	content:'';
	position:absolute;
	/*width:19px;*/
	height:30px;
	top:4px;
	left:0;
	/*background:url(../images/icons.png) no-repeat -36px 0;*/
}

.header-bar .tel {
	float:left;
	margin:19px 0 0;
	padding:0 46px 0 0;
	/*width:257px;*/
	position:relative;
	font-size: 15px; font-weight: 500;
}

/*
.header-bar .tel:before {
	top:5px;
	width:28px;
	height:28px;
	background-position:-76px 0;
}

.header-bar .address:hover:before {
	background-position:-56px 0;
}

.header-bar .tel:hover:before {
	background-position:-106px 0;
}

.header-bar .address:hover .marked,
.header-bar .tel:hover .marked {
	color:#ff004c;
}
*/
.header-bar .address p,
.header-bar .tel p {
	margin:0;
	color:#000;
	font-size:15px;
	font-weight:500;
	line-height:22px;
	font-weight:400;
}
.header-bar .marked {
	display:block;
	/*text-transform:uppercase;*/
	font-size:15px;
	font-weight: 500;
	padding-bottom: 3px;
	/*color:#a82740;*/
}

/*.header-bar .marked:hover {color:#ff004c;}*/

a.marked21 		 {color: #000000;}
a.marked21:hover {color:#ff004c;}

a.marked22 		 {font-size:10px; color: #a82740; text-transform: uppercase; font-weight:600;}
a.marked22:hover {color:#ff004c;}
	
	

/* header menu */
.menu-bar {
	color:#fff;
	border-radius:2px;
	background:#ac1c46 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWU1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDE5M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(top, #c51e50 0%, #94193c 100%);
	background:linear-gradient(to bottom, #c51e50 0%, #94193c 100%);
	position:relative;
	z-index:8;
	height:50px;
	padding-right:55px;
	padding-left:14px;
}
.menu-bar .menu {
	display:table;
	margin:0;
	padding:0;
	width:100%;
	table-layout:fixed;
	font-size:14px;
	line-height:17px;
	font-weight:700;
	text-transform:uppercase;
}
.menu-bar .menu > li {
	display:table-cell;
	vertical-align:top;
	list-style:none;
	white-space:nowrap;
}
.menu-bar .menu a {
	display:block;
	height:50px;
	padding:7px 0 9px 26px;
	border-radius:2px;
}
.menu-bar .menu a:hover {
	position:relative;
	z-index:7;
	background:#ff004c;
	margin:0 -14px;
	padding-right:40px;
	padding-left:40px;
	color:#fff;
}
.menu .color1 a:hover {
	background:#ff004c;
}
.menu .color2 a:hover {
	background:#c764b9;
}
.menu .color3 a:hover {
	background:#45c3d2;
}
.menu .color4 a:hover {
	background:#27b383;
}
.menu .color5 a:hover {
	background:#7ebc36;
}
.menu .color6 a:hover {
	background:#bca836;
}
.menu-bar .more {
	position:absolute;
	top:0;
	right:0;
	width:41px;
	padding:0 0 0 1px;
}
.menu-bar .more * {
	-webkit-backface-visibility:hidden;
}
.menu-bar .more:before {
	content:'';
	position:absolute;
	z-index:3;
	top:0;
	left:-0;
	width:1px;
	height:100%;
	background:rgba(255,255,255,.15);
}
.more .btn-more {
	display:block;
	width:100%;
	height:50px;
	border-radius:0 2px 2px 0;
	position:relative;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}
.more .btn-more:after {
	content:'';
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:16px;
	height:16px;
	margin:auto;
	background:url(../images/icons.png) no-repeat -136px 0;
}
.more .btn-more:hover {
	background-color:#3c3c3c;
}
.more.hover .btn-more {
	background-color:#3c3c3c;
	border-radius:0 2px 0 0;
}
.menu-bar .more ul {
	position:absolute;
	top:100%;
	right:0;
	width:250px;
	background:#3c3c3c;
	border-radius:0 0 2px 2px;
	margin:0;
	padding:0;
	overflow:hidden;
	display:none;
}
.more.hover ul {
	display:block;
}
.menu-bar .more li {
	display:block;
	overflow:hidden;
	list-style:none;
	text-align:right;
	font-weight:700;
	line-height:16px;
	text-transform:uppercase;
}
.menu-bar .more ul a {
	display:block;
	overflow:hidden;
	padding:12px;
}
.menu-bar .more ul a:hover {
	color:#fff;
	background:#ff004c;
}

/* VISUAL */
.visual-holder {
	height:541px;
	position:relative;
	overflow:hidden;
	border-bottom:6px solid #c11e4e;
}
.visual {
	height:535px;
	overflow:hidden;
}
.slideshow {
	position:absolute;
	margin:0;
	padding:0;
	z-index:3;
	left:0;
	right:0;
	height:535px;
}
.slideshow > li {
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	top:0;
	height:100%;
}
.slideshow > .active {
	z-index:2;
}
.slideshow .img-holder {
	position:absolute;
	width:1600px;
	left:50%;
	margin:0 0 0 -800px;
	background:#000;
}
.slideshow .img-holder img {
	display:block;
	margin:auto;
}
.visual .holder {
	position:absolute;
	width:100%;
	max-width:1180px;
	left:0;
	right:0;
	top:38px;
	bottom:12px;
	margin:0 auto;
	padding:0 38px;
	pointer-events:none;
}
.slideshow .info {
	display:block;
	width:194px;
	height:100%;
	padding:12px;
	background:rgba(0,0,0,.6);
	border-radius:5px;
	color:#fff;
	font-size:13px;
	position:relative;
	pointer-events:auto;
	-webkit-backface-visibility:hidden;
}
.slideshow .info img {
	display:block;
	margin:0 0 26px;
}
.title {
	display:block;
	margin:0 0 6px;
	font-size:17px;
	font-weight:700; margin-bottom: 25px; margin-top: 35px;
}
.title a {
	color:inherit !important;
}
.slideshow .info a {
	color:#a82740;
}
.slideshow .info a:hover {
	color:#ff004c;
}
.slideshow .lnk {
	position:absolute;
	bottom:14px;
	left:12px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
}
.visual .nav {
	position:absolute;
	width:100%;
	max-width:1180px;
	left:0;
	right:0;
	top:50%;
	margin:0 auto;
}
.visual .btn-prev,
.visual .btn-next {
	position:absolute;
	z-index:5;
	width:16px;
	height:40px;
	top:50%;
	margin:-20px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-nav-visual.png) no-repeat;
}
.visual .btn-prev {
	left:10px;
}
.visual .btn-prev:hover {
	background-position:0 -44px;
}
.visual .btn-next {
	right:10px;
	background-position:-20px 0;
}
.visual .btn-next:hover {
	background-position:-20px -44px;
}
.visual.not-enough-slides .nav {
	visibility:hidden;
}
.visual .pagination {
	position:absolute;
	z-index:4;
	left:50%;
	bottom:20px;
	margin:0 0 0 -300px;
	width:600px;
}
.pagination ul {
	margin:0;
	padding:0;
	text-align:center;
	font-size:0;
	line-height:0;
}
.pagination li {
	display:inline-block;
	vertical-align:top;
	list-style:none;
	margin:0 9px;
}
.pagination a {
	display:block;
	width:12px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	background:#fff;
	border-radius:50%;
	box-shadow:0 0 5px rgba(0,0,0,.7);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.7);
}
.pagination .active a {
	background:#a82740;
}

/* PANEL */
.panel {
	background:#f1f1f1;
}

.tabset-holder {
	width:100%;
	overflow:hidden;
	padding:0 110px 0 0;
	margin:0 0 20px;
	position:relative;
	font-size:12px;
	line-height:14px;
	font-weight:400;
}
.tabset-holder .lnk {
	position:absolute;
	right:0;
	top:9px;
}
.tabset-holder .lnk:after {

	font-size:14px;
}
.tabset-wrapper {
	background:#d2d6d5;
	position:relative;
}
.tabset-wrapper:after {
	content:'';
	position:absolute;
	top:0;
	right:-12px;
	width:12px;
	height:32px;
	background:url(../images/icons.png) no-repeat -160px 0;
}
.tabset-menu {
	display:table;
	width:100%;
	margin:0;
	padding:0;
}
.tabset-menu > li {
	list-style:none;
	display:table-cell;
}
.tabset-menu a {
	display:block;
	height:32px;
	padding:9px 0;
	color:#303030;
	position:relative;
	z-index:5;
	text-align:center;
	border-radius:0 0 0 3px;
}
.tabset-menu .active,
.tabset-menu a:hover {
	margin-right:-12px;
	padding-right:12px;
	color:#fff;
	background:url(../images/bg-tabset-menu.png) no-repeat 100% 0;
}
.tabset-menu .active {
	z-index:6;
	background-position:100% -40px;
}

.features {
	padding:0 41px 6px 0;
	position:relative;
}
.features .lnk-more {
	position:absolute;
	top:0;
	right:0;
}
.features-list {
	display:table;
	margin:0;
	padding:0;
	width:100%;
	table-layout:fixed;
	background:#fff;
}
.features-list > li {
	list-style:none;
	display:table-cell;
	vertical-align:top;
}
.features-list a {
	display:block;
	height:102px;
	padding:10px 20px;
	border:1px solid #d2d6d5;
	border-width:1px 0;
}
.features-list .active,
.features-list a:hover {
	color:#fff;
	background:#ff004c;
	border-color:transparent;
}
.features-list .active,
.features-list .active:hover {
	background:#3c3c3c;
	margin-bottom:-8px;
	height:110px;
}
.features-list > li:first-child a {
	border-radius:3px 0 0 3px;
	border-width:1px 0 1px 1px;
}
.features-list > li:first-child .active {
	border-radius:3px 0 0 0;
}
.features-list .enlarged {
	display:block;
	font-size:38px;
	line-height:46px;
	font-weight:700;
	text-align:center;
	margin:0 0 2px;
}
.features-list .img {
	display:block;
	width:100%;
	height:46px;
	overflow:hidden;
	margin:0 0 2px;
}
.features-list .img img {
	display:block;
	width:100%;
	height:auto;
}
.features-list .active img,
.features-list a:hover img {
	margin:-33.333% 0 0;
}
.features-bar {
	overflow:hidden;
	background:#3c3c3c;
	color:#b0b0b0;
	border-bottom:20px solid transparent;
	background-clip:padding-box;
}
.features-bar .body {
	height:0;
	-webkit-transition:height 0.2s ease-out;
	transition:height 0.2s ease-out;
}
.features-bar .body.showed {
	height:156px;
}
.feature-info {
	overflow:hidden;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:12px 0;
	height:156px;
}
.feature-info .column {
	float:left;
	padding:12px 10px 0;
}
.feature-info .column p {
	margin:0;
}
.one-three {
	width:33.3%;
}
.two-three {
	width:66.6%;
}
.images {
	float:left;
	overflow:hidden;
	margin:0;
	padding:0 4px;
	display:table;
	table-layout:fixed;
}
.images li {
	display:table-cell;
	vertical-align:middle;
	list-style:none;
	padding:0 6px;
	height:132px;
}
.images img {
	display:block;
	width:100%;
	height:auto;
}
.images li p {
	margin:10px 0 0;
}
.images.full {
	float:none;
	width:100%;
}
.and-more {
	display:table;
	margin:10px auto 0;
	color:#ff004c;
	font-size:11px;
	font-weight:400;
	text-transform:uppercase;
}
.and-more:before {
	content:'•••';
	display:inline-block;
	margin:0 4px 0 0;
	vertical-align:top;
	font:bold 21px/14px Arial, Helvetica, sans-serif;
	letter-spacing:2px;
}
.and-more :hover {
	color:#ff004c;
}
.feature-info .text {
	overflow:hidden;
	padding:12px 10px 0;
	min-height:132px;
	position:relative;
}
.feature-info .text .partner {
	position:absolute;
	bottom:16px;
}

.box-container {
	padding:0 34px;
}
.about-bar {
	overflow:hidden;
	display:table;
	width:100%;
	margin:0 0 30px;
}
.about-bar > header {
	display:table-cell;
	width:16%;
	border-right:1px solid #c9c9c9;
	text-align:right;
	padding:6px 22px 6px 0;
}
.about-bar > header h2 {
	margin:0;
	font-size:22px;
	line-height:26px;
	font-weight:700;
	vertical-align:middle;
}
.about-bar > .article {
	display:table-cell;
	vertical-align:middle;
	padding:6px 6px 6px 24px;
	font-size:14px;
	line-height:1.4;
}
.about-bar > .article p {
	margin:0;
}

.services {
	margin:0 0 34px;
	padding:0;
	width:100%;
	display:table;
	table-layout:fixed;
	color:#262626;
	font-weight:700;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	text-align:center;
}
.services > li {
	display:table-cell;
	list-style:none;
	padding:0 6px;
}
.services a {
	display:block;
	border:1px solid #bdbdbd;
	border-radius:4px;
	padding:112px 0 28px;
	height:170px;
	position:relative;
}
.services.tabs .active,
.services a:hover {
	color:#fff;
	border-color:transparent;
	background:#ff004c;
}
.services.tabs .active {
	background:#3c3c3c;
}
.services a:before {
	content:'';
	top:28px;
	left:50%;
	margin:0 0 0 -45px;
	position:absolute;
	width:90px;
	height:72px;
	background:url(../images/ico-service.png) no-repeat 0 -76px;
}
.services .do-web:before {
	background-position:0 -76px;
}
.services .do-web:hover {
	background-color:#ff004c;
}
.services .do-web:hover:before {
	background-position:0 0;
}

.services .do-id:before {
	background-position:-90px -76px;
}
.services .do-id:hover {
	background-color:#c764b9;
}
.services .do-id:hover:before {
	background-position:-90px 0;
}

.services .do-ui:before {
	background-position:-180px -76px;
}
.services .do-ui:hover {
	background-color:#21bccf;
}
.services .do-ui:hover:before {
	background-position:-180px 0;
}

.services .do-seo:before {
	background-position:-270px -76px;
}
.services .do-seo:hover {
	background-color:#27b383;
}
.services .do-seo:hover:before {
	background-position:-270px 0;
}

.services .do-com:before {
	background-position:-360px -76px;
}
.services .do-com:hover {
	background-color:#7ebc36;
}
.services .do-com:hover:before {
	background-position:-360px 0;
}

.services .do-support:before {
	background-position:-450px -76px;
}
.services .do-support:hover {
	background-color:#bca836;
}
.services .do-support:hover:before {
	background-position:-450px 0;
}

.services .do-landing:before {
	background-position:-630px -76px;
}
.services .do-landing.active:before,
.services .do-landing:hover:before {
	background-position:-630px 0;
}

.services .do-corp:before {
	background-position:-540px -76px;
}
.services .do-corp.active:before,
.services .do-corp:hover:before {
	background-position:-540px 0;
}

.services .do-shop:before {
	background-position:-720px -76px;
}
.services .do-shop.active:before,
.services .do-shop:hover:before {
	background-position:-720px 0;
}

.services .do-portal:before {
	background-position:-810px -76px;
}
.services .do-portal.active:before,
.services .do-portal:hover:before {
	background-position:-810px 0;
}

.services .do-startup:before {
	background-position:-900px -76px;
}
.services .do-startup.active:before,
.services .do-startup:hover:before {
	background-position:-900px 0;
}

.services .do-mobile:before {
	background-position:-180px -76px;
}
.services .do-mobile.active:before,
.services .do-mobile:hover:before {
	background-position:-180px 0;
}

.services .do-logo:before {
	background-position:-990px -76px;
}
.services .do-logo.active:before,
.services .do-logo:hover:before {
	background-position:-990px 0;
}

.services .do-brandbook:before {
	background-position:-1080px -76px;
}
.services .do-brandbook.active:before,
.services .do-brandbook:hover:before {
	background-position:-1080px 0;
}

.services .do-polygraphy:before {
	background-position:-1170px -76px;
}
.services .do-polygraphy.active:before,
.services .do-polygraphy:hover:before {
	background-position:-1170px 0;
}

.services .do-visual:before {
	background-position:-1260px -76px;
}
.services .do-visual.active:before,
.services .do-visual:hover:before {
	background-position:-1260px 0;
}

.services .do-spots:before {
	background-position:-1350px -76px;
}
.services .do-spots.active:before,
.services .do-spots:hover:before {
	background-position:-1350px 0;
}

.services .do-presentation:before {
	background-position:-1440px -76px;
}
.services .do-presentation.active:before,
.services .do-presentation:hover:before {
	background-position:-1440px 0;
}

.services.tabs {
	margin-bottom:10px;
}
.services.tabs .active {
	height:180px;
	margin-bottom:-10px;
	padding-bottom:38px;
	border-radius:4px 4px 0 0;
}

.services-details {
	background:#3c3c3c;
	margin:0 0 30px;
	-webkit-box-shadow:0 -14px 20px -12px rgba(0,0,0,.7) inset;
	box-shadow:0 -14px 20px -12px rgba(0,0,0,.7) inset;
	color:#fff;
}
.service-info {
	padding:12px 0;
	overflow:hidden;
}
.service-info .text {
	overflow:hidden;
	padding:6px 20px 6px 40px;
}
.small-gallery {
	float:right;
	width:614px;
	padding:0 34px;
	position:relative;
}
.small-gallery .mask {
	position:relative;
	overflow:hidden;
	width:546px;
}
.small-gallery ul {
	float:left;
	width:9999px;
	margin:0;
	padding:0;
}
.small-gallery ul li {
	float:left;
	list-style:none;
	padding:0 6px;
	width:182px;
}
.small-gallery ul p {
	margin:10px 0 0;
}
.small-gallery ul a {
	display:block;
}
.small-gallery .btn-prev,
.small-gallery .btn-next {
	position:absolute;
	z-index:5;
	width:16px;
	height:40px;
	top:50%;
	margin:-20px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-nav-visual.png) no-repeat;
}
.small-gallery .btn-prev {
	left:0;
}
.small-gallery .btn-prev:hover {
	background-position:0 -44px;
}
.small-gallery .btn-next {
	right:0;
	background-position:-20px 0;
}
.small-gallery .btn-next:hover {
	background-position:-20px -44px;
}

.read-more {
	position:relative;
	font-weight:700;
	text-transform:uppercase;
}
.read-more:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin:0 10px 0 0;
	width:32px;
	height:32px;
	border:1px solid #fff;
	border-radius:50%;
	background:url(../images/icons.png) no-repeat -130px -30px;
}
.read-more:hover:before {
	background-position:-240px -30px;
	border-color:#ff004c;
}

/* SCHEMA */
.schema-container {
	overflow:hidden;
	width:100%;
}
.schema-container h3 {
	text-align:center;
	text-transform:uppercase;
}
.schema-section {
	padding:0 31px;
}
.schema-wrapper {
	max-width:1098px;
	height:665px;
	padding:0 0 15px;
	position:relative;
	overflow:hidden;
}

.schema {
	width:1080px;
	height:640px;
	margin:0 9px 10px;
	position:relative;
}
.schema-design {
	background:url(../images/schema-01.png) no-repeat;
}
.schema-web {
	background:url(../images/schema-02.png) no-repeat;
}
.schema .thead {
	position:absolute;
	top:0;
	left:176px;
	width:730px;
	height:36px;
	display:table;
}
.schema .thead .row-title {
	display:table-cell;
	width:182px;
	padding:0 6px;
	font-size:12px;
	line-height:14px;
	font-weight:700;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	vertical-align:middle;
}
.schema .item {
	position:absolute;
	width:82px;
	font-size:11px;
	line-height:13px;
	font-weight:400;
	text-align:center;
	cursor:pointer;
}
.schema .item:hover {
	color:#ff004c;
}
.schema .item.active:hover {
	color:inherit;
}
.schema-container .icon {
	display:block;
	position:relative;
	margin:0 auto 6px;
	width:64px;
	height:64px;
	border-radius:50%;
	border:1px solid #888;
	background:url(../images/icons-schema.png) no-repeat;
}
.item:hover .icon {
	border-color:#ff004c;
	background-position:0 -62px;
}
.active .icon.data-collection:hover,
.schema-container .active .icon {
	border-color:transparent;
	background-position:0 -124px;
}
.schema-container .active .icon:before {
	content:'';
	position:absolute;
	z-index:-1;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	width:64px;
	height:64px;
	border-radius:50%;
	background:#ac1c46 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWU1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDE5M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(top, #c51e50 0%, #94193c 100%);
	background:linear-gradient(to bottom, #c51e50 0%, #94193c 100%);
}

/* schema's icons images */
.icon.your-call {
	background-position:0 0;
}
.item:hover .your-call{
	background-position:0 -62px;
}
.active .icon.your-call:hover,
.active .icon.your-call {
	background-position:0 -124px;
}

.icon.data-collection {
	background-position:-62px 0;
}
.item:hover .data-collection {
	background-position:-62px -62px;
}
.active .icon.data-collection:hover,
.active .icon.data-collection {
	background-position:-62px -124px;
}

.icon.analysis-task {
	background-position:-124px 0;
}
.item:hover .analysis-task {
	background-position:-124px -62px;
}
.active .icon.analysis-task:hover,
.active .icon.analysis-task {
	background-position:-124px -124px;
}

.icon.analysis-competitors {
	background-position:-186px 0;
}
.item:hover .analysis-competitors {
	background-position:-186px -62px;
}
.active .icon.analysis-competitors:hover,
.active .icon.analysis-competitors {
	background-position:-186px -124px;
}

.icon.analysis-services {
	background-position:-248px 0;
}
.item:hover .analysis-services {
	background-position:-248px -62px;
}
.active .icon.analysis-services:hover,
.active .icon.analysis-services {
	background-position:-248px -124px;
}

.icon.analysis-group {
	background-position:-310px 0;
}
.item:hover .analysis-group {
	background-position:-310px -62px;
}
.active .icon.analysis-group:hover,
.active .icon.analysis-group {
	background-position:-310px -124px;
}

.icon.marketing {
	background-position:-372px 0;
}
.item:hover .marketing {
	background-position:-372px -62px;
}
.active .icon.marketing:hover,
.active .icon.marketing {
	background-position:-372px -124px;
}

.icon.brainstorming {
	background-position:-434px 0;
}
.item:hover .brainstorming {
	background-position:-434px -62px;
}
.active .icon.brainstorming:hover,
.active .icon.brainstorming {
	background-position:-434px -124px;
}

.icon.concept {
	background-position:-496px 0;
}
.item:hover .concept {
	background-position:-496px -62px;
}
.active .icon.concept:hover,
.active .icon.concept {
	background-position:-496px -124px;
}

.icon.target {
	background-position:-558px 0;
}
.item:hover .target {
	background-position:-558px -62px;
}
.active .icon.target:hover,
.active .icon.target {
	background-position:-558px -124px;
}

.icon.sketches {
	background-position:-620px 0;
}
.item:hover .sketches {
	background-position:-620px -62px;
}
.active .icon.sketches:hover,
.active .icon.sketches {
	background-position:-620px -124px;
}

.icon.rendering {
	background-position:-682px 0;
}
.item:hover .rendering {
	background-position:-682px -62px;
}
.active .icon.rendering:hover,
.active .icon.rendering {
	background-position:-682px -124px;
}

.icon.correction {
	background-position:-744px 0;
}
.item:hover .correction {
	background-position:-744px -62px;
}
.active .icon.correction:hover,
.active .icon.correction {
	background-position:-744px -124px;
}

.icon.uniqueness {
	background-position:-806px 0;
}
.item:hover .uniqueness {
	background-position:-806px -62px;
}
.active .icon.uniqueness:hover,
.active .icon.uniqueness {
	background-position:-806px -124px;
}

.icon.uniqueness {
	background-position:-806px 0;
}
.item:hover .uniqueness {
	background-position:-806px -62px;
}
.active .icon.uniqueness:hover,
.active .icon.uniqueness {
	background-position:-806px -124px;
}

.icon.book {
	background-position:-868px 0;
}
.item:hover .book {
	background-position:-868px -62px;
}
.active .icon.book:hover,
.active .icon.book {
	background-position:-868px -124px;
}

.icon.corporate-identity {
	background-position:-930px 0;
}
.item:hover .corporate-identity {
	background-position:-930px -62px;
}
.active .icon.corporate-identity:hover,
.active .icon.corporate-identity {
	background-position:-930px -124px;
}

.icon.presentation {
	background-position:-992px 0;
}
.item:hover .presentation {
	background-position:-992px -62px;
}
.active .icon.presentation:hover,
.active .icon.presentation {
	background-position:-992px -124px;
}

.icon.polygraphy {
	background-position:-1054px 0;
}
.item:hover .polygraphy {
	background-position:-1054px -62px;
}
.active .icon.polygraphy:hover,
.active .icon.polygraphy {
	background-position:-1054px -124px;
}

.icon.souvenirs {
	background-position:-1116px 0;
}
.item:hover .souvenirs {
	background-position:-1116px -62px;
}
.active .icon.souvenirs:hover,
.active .icon.souvenirs {
	background-position:-1116px -124px;
}

.icon.visual-ad {
	background-position:-1178px 0;
}
.item:hover .visual-ad {
	background-position:-1178px -62px;
}
.active .icon.visual-ad:hover,
.active .icon.visual-ad {
	background-position:-1178px -124px;
}

.icon.website {
	background-position:-1240px 0;
}
.item:hover .website {
	background-position:-1240px -62px;
}
.active .icon.website:hover,
.active .icon.website {
	background-position:-1240px -124px;
}

.icon.decor {
	background-position:-1302px 0;
}
.item:hover .decor {
	background-position:-1302px -62px;
}
.active .icon.decor:hover,
.active .icon.decor {
	background-position:-1302px -124px;
}

.icon.analysis-ui {
	background-position:-1364px 0;
}
.item:hover .analysis-ui {
	background-position:-1364px -62px;
}
.active .icon.analysis-ui:hover,
.active .icon.analysis-ui {
	background-position:-1364px -124px;
}

.icon.project-concept {
	background-position:-1426px 0;
}
.item:hover .project-concept {
	background-position:-1426px -62px;
}
.active .icon.project-concept:hover,
.active .icon.project-concept {
	background-position:-1426px -124px;
}

.icon.adaptation {
	background-position:-1488px 0;
}
.item:hover .adaptation {
	background-position:-1488px -62px;
}
.active .icon.adaptation:hover,
.active .icon.adaptation {
	background-position:-1488px -124px;
}

.icon.specs {
	background-position:-1550px 0;
}
.item:hover .specs {
	background-position:-1550px -62px;
}
.active .icon.specs:hover,
.active .icon.specs {
	background-position:-1550px -124px;
}

.icon.prototype {
	background-position:-1612px 0;
}
.item:hover .prototype {
	background-position:-1612px -62px;
}
.active .icon.prototype:hover,
.active .icon.prototype {
	background-position:-1612px -124px;
}

.icon.responsive {
	background-position:-1674px 0;
}
.item:hover .responsive {
	background-position:-1674px -62px;
}
.active .icon.responsive:hover,
.active .icon.responsive {
	background-position:-1674px -124px;
}

.icon.html {
	background-position:-1736px 0;
}
.item:hover .html {
	background-position:-1736px -62px;
}
.active .icon.html:hover,
.active .icon.html {
	background-position:-1798px -124px;
}

.icon.js {
	background-position:-1798px 0;
}
.item:hover .js {
	background-position:-1798px -62px;
}
.active .icon.js:hover,
.active .icon.js {
	background-position:-1798px -124px;
}

.icon.qa {
	background-position:-1860px 0;
}
.item:hover .qa {
	background-position:-1860px -62px;
}
.active .icon.qa:hover,
.active .icon.qa {
	background-position:-1860px -124px;
}

.icon.cms {
	background-position:-1922px 0;
}
.item:hover .cms {
	background-position:-1922px -62px;
}
.active .icon.cms:hover,
.active .icon.cms {
	background-position:-1922px -124px;
}

.icon.education {
	background-position:-1984px 0;
}
.item:hover .education {
	background-position:-1984px -62px;
}
.active .icon.education:hover,
.active .icon.education {
	background-position:-1984px -124px;
}

.icon.launch {
	background-position:-2046px 0;
}
.item:hover .launch {
	background-position:-2046px -62px;
}
.active .icon.launch:hover,
.active .icon.launch {
	background-position:-2046px -124px;
}

.icon.seo {
	background-position:-2108px 0;
}
.item:hover .seo {
	background-position:-2108px -62px;
}
.active .icon.seo:hover,
.active .icon.seo {
	background-position:-2108px -124px;
}

.icon.ad {
	background-position:-2170px 0;
}
.item:hover .ad {
	background-position:-2170px -62px;
}
.active .icon.ad:hover,
.active .icon.ad {
	background-position:-2170px -124px;
}

.icon.support {
	background-position:-2232px 0;
}
.item:hover .support {
	background-position:-2232px -62px;
}
.active .icon.support:hover,
.active .icon.support {
	background-position:-2232px -124px;
}

.icon.hosting {
	background-position:-2294px 0;
}
.item:hover .hosting {
	background-position:-2294px -62px;
}
.active .icon.hosting:hover,
.active .icon.hosting {
	background-position:-2294px -124px;
}

.icon.app {
	background-position:-2356px 0;
}
.item:hover .app {
	background-position:-2356px -62px;
}
.active .icon.app:hover,
.active .icon.app {
	background-position:-2356px -124px;
}

.icon.social {
	background-position:-2418px 0;
}
.item:hover .social {
	background-position:-2418px -62px;
}
.active .icon.social:hover,
.active .icon.social {
	background-position:-2418px -124px;
}


/* schema's icons positions */
.pos1 {
	top:255px;
	left:-9px;
}
.pos2 {
	top:255px;
	left:72px;
}
.pos3 {
	top:127px;
	left:185px;
}
.pos4 {
	top:127px;
	left:267px;
}
.pos5 {
	top:255px;
	left:226px;
}
.pos6 {
	top:383px;
	left:185px;
}
.pos7 {
	top:383px;
	left:267px;
}
.pos8 {
	top:255px;
	left:363px;
}
.pos9 {
	top:191px;
	left:449px;
}
.pos10 {
	top:319px;
	left:449px;
}
.pos11 {
	top:255px;
	left:544px;
}
.pos11a {
	top:255px;
	left:549px;
}
.pos12 {
	top:127px;
	left:631px;
}
.pos13 {
	top:255px;
	left:631px;
}
.pos14 {
	top:383px;
	left:631px;
}
.pos15 {
	top:255px;
	left:726px;
}
.pos16 {
	top:191px;
	left:813px;
}
.pos17 {
	top:319px;
	left:813px;
}
.pos18 {
	top:255px;
	left:913px;
}
.pos19 {
	top:0;
	left:1007px;
}
.pos20 {
	top:128px;
	left:1007px;
}
.pos21 {
	top:255px;
	left:1007px;
}
.pos22 {
	top:383px;
	left:1007px;
}
.pos23 {
	top:511px;
	left:1007px;
}
.pos24 {
	top:255px;
	left:267px;
}
.pos25 {
	top:255px;
	left:185px;
}
.pos26 {
	top:511px;
	left:408px;
}
.pos27 {
	top:511px;
	left:590px;
}
.pos28 {
	top:127px;
	left:731px;
}
.pos29 {
	top:127px;
	left:813px;
}
.pos30 {
	top:255px;
	left:813px;
}
.pos31 {
	top:255px;
	left:731px;
}
.pos32 {
	top:383px;
	left:731px;
}
.pos33 {
	top:383px;
	left:813px;
}
.pos34 {
	top:255px;
	left:913px;
}
.pos35 {
	top:511px;
	left:914px;
}

.description-container {
	padding:0 28px 0 40px;
}
.description {
	overflow:hidden;
	padding:0 0 20px;
	display:table;
	width:100%;
}
.description .icon {
	display:table-cell;
	width:64px;
}
.description h4 {
	width:284px;
	height:64px;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0 0 0 16px;
	color:#000;
	font-size:18px;
	font-weight:700;
	line-height:21px;
}
.description .text {
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
}
.description .text p {
	margin:0;
}

/* PORTFOLIO DEMO */
.portfolio-demo {
	position:relative;
	z-index:8;
	display:table;
	width:100%;
}
.portfolio-demo h3 {
	margin:0 0 11px 4px;
}
.portfolio-demo .aside {
	display:table-cell;
	padding:38px 26px 3px 0;
	vertical-align:bottom;
	width:19%;
}
.portfolio-demo .new {
	display:table-cell;
	vertical-align:bottom;
}
.portfolio-demo .in-progress {
	display:table-cell;
	vertical-align:bottom;
	width:240px;
}
.portfolio-demo .tabset {
	float:left;
	margin:0;
	padding:0 0 5px;
}
.portfolio-demo .tabset > li {
	float:left;
	list-style:none;
}
.portfolio-demo .tabset a {
	display:block;
}
.portfolio-demo .tabset span {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	border:10px solid transparent;
	position:relative;
}
.portfolio-demo .tabset span:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.3) inset;
	box-shadow:0 0 4px rgba(0,0,0,.3) inset;
}
.portfolio-demo .tabset img {
	display:block;
	filter:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
	filter:gray;
	-webkit-filter:grayscale(100%);
}
.portfolio-demo .tabset a:hover span {
	border-color:#ff004c;
}
.portfolio-demo .tabset .active img,
.portfolio-demo .tabset a:hover img {
	filter:none;
	-webkit-filter:grayscale(0%);
}
.portfolio-demo .tabset .active span {
	height:87px;
	border-width:10px 10px 0;
	border-color:#ff004c;
	overflow:visible;
	border:0;
	padding:10px 10px 0;
	margin-bottom:-7px;
}
.portfolio-demo .tabset .active span:after {
	bottom:-10px;
	height:97px;
	-webkit-box-shadow:none;
	box-shadow:none;
	background:url(../images/bg-tabset-selected.png) no-repeat 50% 0;
}
.portfolio-demo .lnk-more {
	margin:10px 0 0 10px;
}

.portfolio-bar {
	background:#a82740;
	padding:20px 0;
	position:relative;
	-webkit-box-shadow:0 20px 30px -20px rgba(0,0,0,.6) inset;
	box-shadow:0 20px 30px -20px rgba(0,0,0,.6) inset;
}
.portfolio-bar.gray {
	background:#646464;
}
.out-work-demo {
	position:relative;
	width:100%;
	display:table;
	color:#fff;
}
.out-work-demo .about {
	display:table-cell;
	padding:0 12px 0 40px;
	width:222px;
	vertical-align:top;
}
.out-work-demo .img {
	display:table-cell;
	padding:10px 26px 0 0;
	vertical-align:middle;
	text-align:center;
}
.out-work-demo .img img {
	display:inline-block;
}
.out-work-demo .txt {
	display:table-cell;
	overflow:hidden;
	padding:35px 34px 0 0;
	/*vertical-align:middle;*/
}
.out-work-demo .subtitle {
	display:block;
	margin:0 0 16px;
	text-transform:uppercase;
	color:#00e1fe;
	font-size:11px;
	line-height:15px;
	font-weight:300;
}
.out-work-demo .lnk {
	position:absolute;
	bottom:0;
	font-size:11px;
	text-transform:uppercase;
}
.gray .out-work-demo .lnk {
	color:#8b8b8b;
}
.gray .out-work-demo .lnk:hover {
	color:#ff004c;
}
.out-work-demo .aside {
	display:table-cell;
	vertical-align:middle;
	width:1%;
}


/* INFO BAR */
.info-bar {
	padding:30px 0;
	background:#f1f1f1;
}
.info-bar .aside a {
	color:#a82740;
}
.info-bar .aside a:hover {
	color:#ff004c;
}
.info-bar .container {
	display:table;
	width:100%;
}
.info-bar .aside {
	display:table-cell;
	width:18%;
	padding:4px 0 0 24px;
	font-size:13px;
	vertical-align:top;
}
.info-bar .aside:first-child {
	padding-right:24px;
	padding-left:0;
}
.info-bar .aside p {
	margin:0;
}
.info-bar .txt {
	overflow:hidden;
	margin:0 0 38px;
}
.info-bar .block {
	display:table-cell;
	overflow:hidden;
	border:1px solid #c9c9c9;
	border-width:0 1px;
	padding:4px 24px 0;
}
.info-bar .articles {
	margin:0 -8px;
}
.info-bar .article {
	display:inline-block;
	vertical-align:top;
	width:33.3%;
	margin:0 -3px 0 0;
	padding:0 8px;
	overflow:hidden;
}
.info-bar .article footer {
	font-size:11px;
	line-height:13px;
	color:#818181;
	margin:0 0 8px;
} 
.info-bar .article .img {
	display:block;
	width:100%;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	margin:0 0 8px;
}
.info-bar .article .img:after {
	content:'';
	border-radius:3px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.3) inset;
	box-shadow:0 0 4px rgba(0,0,0,.3) inset;
}
.info-bar .article img {
	display:block;
	filter:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
	filter:gray;
	-webkit-filter:grayscale(100%);
	border-radius:3px;
}
.info-bar .article > a:hover img {
	filter:none;
	-webkit-filter:grayscale(0%);
}
.info-bar .article h5 {
	margin:0;
	font-size:13px;
	line-height:15px;
	font-weight:400;
}
.info-bar .article a {
	display:block;
}
.info-bar .aside .btn {
	width:100%;
	color:#fff;
}
.info-bar .aside .btn:hover {
	color:#fff;
}

.btn {
	display:table;
	height:40px;
	padding:12px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	line-height:16px;
	font-weight:600;
	text-align:center;
	background:#aa1b45 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWU1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDE5M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(top, #c51e50 0%,#94193d 100%);
	background:linear-gradient(to bottom, #c51e50 0%,#94193d 100%);
	border-radius:3px;
}
.btn:hover {
	color:#fff;
	background:#ff004c;
}
.list-icons {
	overflow:hidden;
	width:100%;
	margin:0 0 12px;
	padding:0;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	font-weight:400;
}
.list-icons li {
	list-style:none;
	display:block;
	position:relative;
	padding:0 0 6px 9px;
}

.list-icons [class^="ico-"] {
	display:inline-block;
	padding-left:28px;
	position:relative;
	color:#a82740;
}
.list-icons [class^="ico-"]:hover {
	color:#ff004c;
}
.list-icons [class^="ico-"]:before {
	content:'';
	position:absolute;
	left:0;
	top:2px;
	width:17px;
	height:10px;
	background:url(../images/ico-bages.png) no-repeat;
}
.list-icons [class^="ico-"]:hover:before {
	background-position:0 -12px;
}
.list-icons .ico-rtf:before {
	background-position:-20px 0;
}
.list-icons .ico-rtf:hover:before {
	background-position:-20px -12px;
}
.list-icons .ico-ptt:before {
	background-position:-40px 0;
}
.list-icons .ico-ptt:hover:before {
	background-position:-40px -12px;
}
.list-icons .ico-question:before {
	background-position:-60px 0;
}
.list-icons .ico-question:hover:before {
	background-position:-60px -12px;
}
.list-icons .ico-question {
	margin-top:9px;
}
/* SITE MAP */
.site-map {
	border-top:1px solid #d2d6d5;
	position:relative;
	z-index:7;
}
.site-map .site {
	display:none;
	overflow:hidden;
}
.site-map .holder {
	overflow:hidden;
	padding:48px 0 38px;
	font-weight:400;
	font-size:12px;
	line-height:16px;
}
.site-map .label {
	position:absolute;
	width:110px;
	height:41px;
	top:-30px;
	left:50%;
	margin:0 0 0 -55px;
	padding:18px 0 7px;
	color:#fff;
	font-weight:400;
	font-size:11px;
	line-height:15px;
	text-align:center;
	cursor:pointer;
	background:url(../images/bg-map-label.png) no-repeat;
}
.site-map .label:hover {
	background-position:0 -51px;
}
.site-map.active .label:hover {
	background-position:-120px -50px;
}
.site-map.active .label .close,
.site-map .label .open,
.site-map .label .close {
	display:inline-block;
}
.site-map.active .label .open,
.site-map .label .close {
	display:none;
}
.site-map.active .label {
	top:-11px;
	padding:7px 0 18px;
	background-position:-120px 0;
}
.map-agency {
	float:left;
	width:34%;
}
.map-agency .column {
	width:50%;
}
.map-service {
	float:left;
	width:48%;
	padding-left:12px;
}
.map-service .column {
	width:33%;
}
.map-portfolio {
	float:right;
	width:18%;
	padding-left:12px;
}
.site-map h6 {
	margin:0 0 12px;
	padding:0 12px 6px;
	font-weight:700;
	font-size:13px;
	line-height:16px;
	color:#303030;
	text-transform:uppercase;
	border-bottom:1px solid #d0d0d0;
}
.site-map .column {
	float:left;
	padding:0 0 0 12px;
}
.site-map ul {
	margin:0 0 12px;
	padding:0;
	list-style:none;
}
.site-map ul li {
	display:block;
	padding:0 0 4px;
}
.site-map .inner li {
	position:relative;
	padding-left:17px;
}
.site-map .inner li:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	font:14px/15px Arial, Helvetica, sans-serif;
}
.site-map p {
	margin:0 0 4px;
}

/* MAIN */
#main {
	overflow:hidden;
	padding:69px 0 50px;
	background:#f1f1f1;
	position:relative;
	z-index:1;
}
.main-header {
	border:1px solid #bdbdbd;
	border-radius:4px 4px 0 0;
	border-width:1px 1px 0;
	margin:0 0 -16px;
}
.main-header h1 {
	display:table;
	margin:0 auto;
	padding:0 10px;
	text-align:center;
	font-size:40px;
	line-height:50px;
	font-weight:700;
	text-transform:uppercase;
	background:#f0f1f2;
	position:relative;
	top:-27px;
}
.main-header h5 {
	display:table;
	margin:0 auto;
	padding:0 10px;
	text-align:center;
	font-size:50px;
	line-height:55px;
	font-weight:700;
	/*text-transform:uppercase;*/
	background:#f0f1f2;
	position:relative;
	top:-27px; 
	letter-spacing: -1px;
}
.intro {
	overflow:hidden;
	display:table;
	width:100%;
	padding:10px 20px 0;
	margin:0 0 20px;
	font-size:14px;
	table-layout:fixed;
}
.intro > .column {
	display:table-cell;
	padding:0 20px;
}
.intro > .column img {
	width:100%;
	max-width:100%;
	height:auto;
}
.filter {
	display:table;
	margin:0 auto 16px;
	padding:0;
	font-size:14px;
	line-height:31px;
	font-weight:700;
	text-transform:uppercase;
}
.filter li {
	list-style:none;
	float:left;
	margin:0 1px;
}
.filter a {
	display:inline-block;
	vertical-align:top;
	color:#000;
	padding:0 20px;
	border-radius:2px;
}
.filter a:hover {
	color:#fff;
	background:#ff004c;
}
.filter .active a {
	color:#fff;
	background:#3c3c3c;
	cursor:default;
	pointer-events:none;
}
/* section */
.section {
	overflow:hidden;
	font-size:14px;
	padding:0 34px;
}
.section > header {
	padding:26px 0 0;
	position:relative;
	text-transform:uppercase;
}
.section > header:after {
	content:'';
	position:absolute;
	top:0;
	left:-34px;
	right:-34px;
	height:50px;
	border:1px solid #bdbdbd;
	border-width:1px 1px 0;
	border-radius:4px 4px 0 0;
}
.columns {
	display:table;
	margin:0 0 20px;
	width:100%;
	table-layout:fixed;
}
.columns > .column {
	display:table-cell;
	padding:0 6px;
}
.columns > .column:first-child {
	padding-left:0;
}
.columns > .column:last-child {
	padding-right:0;
}
.btn-general {
	display:table;
	margin:0 auto 20px;
	padding:12px 20px;
	height:40px;
	color:#fff;
	font-size:13px;
	line-height:16px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	border-radius:2px;
	background:#ab1b46 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWU1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDE5M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(top, #c51e50 0%, #94193c 100%);
	background:linear-gradient(to bottom, #c51e50 0%, #94193c 100%);
}
.btn-general:hover {
	color:#fff;
	background:#ff004c;
}
/* SIDEBAR */
#sidebar {
	float:left;
	width:218px;
	padding:6px 0 0 6px;
	margin:0 14px 0 0;
}
.alphabet {
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
	padding:0;
}
.alphabet li {
	list-style:none;
	float:left;
	margin:0 6px 6px 0;
	width:31px;
	height:31px;
	background:#d2d6d5;
	border-radius:2px;
	text-align:center;
	color:#818181;
	font-size:14px;
	line-height:31px;
	font-weight:700;
}
.alphabet a {
	display:block;
	height:100%;
	color:#fff;
	border-radius:2px;
	background:#ab1b46 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWU1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDE5M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(top, #c51e50 0%,#94193c 100%);
	background:linear-gradient(to bottom, #c51e50 0%,#94193c 100%);
}
.alphabet a:hover {
	background:#ff004c;
}
.alphabet .num {
	width:68px;
}

.list {
	overflow:hidden;
	margin:0;
	padding:0 10px 1px 0;
	position:relative;
}
.list:after,
.list li:after {
	content:'';
	position:absolute;
	bottom:0;
	width:100%;
	left:2px;
	height:1px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(left, rgba(207,207,207,1) 0%, rgba(255,255,255,0) 100%);
	background:linear-gradient(to right, rgba(207,207,207,1) 0%, rgba(255,255,255,0) 100%);
}
.list:after {
	top:0;
	bottom:auto;
}
.list li {
	list-style:none;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	position:relative;
	margin:0 0 -1px;
	padding:1px 0;
}
.list a {
	display:block;
	padding:7px 6px 7px 46px;
	position:relative;
	z-index:2;
	border-radius:3px;
}
.list .num {
	position:absolute;
	top:9px;
	left:9px;
	font-size:11px;
	line-height:13px;
	font-weight:300;
	color:#000 !important;
}
.list .active a {
	background:#3c3c3c;
	color:#fff;
}
.list .active:after {
	display:none;
}
.list .active a:after {
	content:'';
	position:absolute;
	width:12px;
	height:100%;
	right:-10px;
	top:0;
	background:url(../images/bg-arrow.png) no-repeat;
	background-size:100% 100%;
}
.list .active a:before {
	bottom:auto;
	top:0;
	-webkit-transform:skewX(10deg);
	-ms-transform:skewX(10deg);
	transform:skewX(10deg);
}
.list .active .num {
	color:#fff !important;
}
/* CONTENT */
.main-content {
	overflow:hidden;
}
.main-content h2 {
	margin:0 0 6px;
	padding:0 6px;
	font-size:30px;
}
/* .main-content h3 {
	margin:0 0 26px;
	padding:0 6px;
	font-size:22px;
} */
.portfolio-list {
	overflow:hidden;
	margin:0 0 14px;
	padding:0;
}
.portfolio-list > li {
	list-style:none;
	float:left;
	padding:6px;
	width:232px;
	height:252px;
	color:#525253;
}
.portfolio-list a {
	display:block;
}
.portfolio-list .box {
	position:relative;
	border:1px solid #bdbdbd;
	border-radius:4px;
	padding:9px;
	height:245px;
	font-size: 11px;
}
.portfolio-list img {
	display:block;
	margin:0 auto 10px;
	width:100%;
	/*height:auto;*/
}
.portfolio-list .heading {
	display:block;
	margin:0 0 6px;
	font-size:14px;
	line-height:16px;
	font-weight:700;
	color:#000;
}
.portfolio-list a:hover .box {
	background:#fff;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
	box-shadow:0 0 6px rgba(0,0,0,.3);
	color:#525253;
}
.portfolio-list a:hover .heading {
	color:#ff004c;
}
.portfolio-list .label {
	position:absolute;
	top:-7px;
	right:9px;
	width:58px;
	height:48px;
	padding:7px 2px 0 6px;
	text-align:center;
	font-size:11px;
	line-height:13px;
	background:url(../images/icons.png) no-repeat -180px 0;
}
.portfolio-list .label strong {
	display:block;
	color:#3d3d3d;
	font-size:16px;
	line-height:16px;
	font-weight:400;
}
.portfolio-list .strip {
	position:absolute;
	top:-1px;
	right:-6px;
	width:89px;
	height:57px;
	text-indent:-9999px;
	background:url(../images/icons.png) no-repeat -240px 0;
}

.pagination-bar {
	overflow:hidden;
	margin:0 0 20px;
	padding:0 6px;
}
.pagination-bar .paging {
	float:left;
	margin:0;
	padding:0;
}
.pagination-bar .paging li {
	list-style:none;
	float:left;
	margin:0 6px 6px 0;
	font-size:14px;
	line-height:31px;
	font-weight:700;
}
.pagination-bar .paging a,
.pagination-bar .other {
	display:block;
	width:31px;
	height:31px;
	color:#fff;
	text-align:center;
	border-radius:2px;
	background:#ab1b46 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MWU1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDE5M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(top, #c51e50 0%,#94193c 100%);
	background:linear-gradient(to bottom, #c51e50 0%,#94193c 100%);
}
.pagination-bar .paging .active a {
	cursor:default;
	background:#3c3c3c;
	color:#fff;
	pointer-events:none;
}
.pagination-bar .other {
	float:right;
	width:68px;
	font-size:14px;
	line-height:31px;
	font-weight:700;
}
.pagination-bar .paging a:hover,
.pagination-bar .other:hover {
	background:#ff004c;
}

.project-heading {
	overflow:hidden;
	padding:5px 100px 3px;
	position:relative;
}
.project-heading h2 {
	margin:0 0 18px;
	text-align:center;
	color:#3c3c3c;
	font-size:22px;
	line-height:27px;
	font-weight:700; text-transform: uppercase;
}
.project-heading h6 {
	margin:0 0 18px;
	text-align:center;
	color:#3c3c3c;
	font-size:22px;
	line-height:27px;
	font-weight:700; text-transform: uppercase;
}
.btn-menu {
	position:absolute;
	left:20px;
	bottom:30px;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid #797979;
	border-radius:50%;
}
.btn-menu:after {
	content:'';
	position:absolute;
	width:30px;
	height:10px;
	top:10px;
	left:0;
	background:url(../images/icons.png) no-repeat 0 -45px;
}
.btn-menu:hover {
	border-color:#ff004c;
}
.btn-menu:hover:after {
	background-position:-360px -45px;
}
.project-heading .prev-next {
	position:absolute;
	right:20px;
	bottom:30px;
}
.project-heading .prev-next .btn-prev,
.project-heading .prev-next .btn-next {
	float:left;
	margin:0 0 0 9px;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid #797979;
	border-radius:50%;
	position:relative;
}
.project-heading .prev-next .btn-prev:after,
.project-heading .prev-next .btn-next:after {
	content:'';
	position:absolute;
	width:30px;
	height:20px;
	top:5px;
	left:0;
	background:url(../images/icons.png) no-repeat -30px -40px;
}
.project-heading .prev-next .btn-next:after {
	background-position:-60px -40px;
}
.project-heading .prev-next .btn-prev:hover,
.project-heading .prev-next .btn-next:hover {
	border-color:#ff004c;
}
.project-heading .prev-next .btn-prev:hover:after {
	background-position:-390px -40px;
}
.project-heading .prev-next .btn-next:hover:after {
	background-position:-420px -40px;
}
.project-slideshow {
	background:#fff;
	border:1px solid #d2d6d5;
	border-width:1px 0;
	position:relative;
}
.project-slideshow .slides {
	margin:0;
	padding:0;
	height:670px;
}
.project-slideshow .slides li {
	list-style:none;
	position:absolute;
	z-index:1;
	height:100%;
	width:100%;
}
.project-slideshow .slides .active {
	z-index:2;
}
.project-slideshow .slides .img-holder {
	position:absolute;
	width:2000px;
	left:50%;
	margin:0 0 0 -1000px;
}
.project-slideshow .pagination {
	max-width:1180px;
	margin:0 auto;
	padding:0 10px;
	position:absolute;
	z-index:4;
	right:0;
	left:0;
	bottom:20px;
}
.project-slideshow .pagination ul {
	width:250px;
	margin:0 10px 0 auto;
	text-align:right;
}
.project-slideshow .nav {
	position:absolute;
	width:100%;
	max-width:1180px;
	left:0;
	right:0;
	top:50%;
	margin:0 auto;
}
.project-slideshow .btn-prev,
.project-slideshow .btn-next {
	position:absolute;
	z-index:5;
	width:16px;
	height:40px;
	top:50%;
	margin:-20px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-nav-visual.png) no-repeat 0 -88px;
}
.project-slideshow .btn-prev {
	left:10px;
}
.project-slideshow .btn-prev:hover {
	background-position:0 -44px;
}
.project-slideshow .btn-next {
	right:10px;
	background-position:-20px -88px;
}
.project-slideshow .btn-next:hover {
	background-position:-20px -44px;
}
.project-meta {
	margin:0 0 38px;
	padding:20px 20px 0;
	overflow:hidden;
}
.project-meta .meta {
	float:left;
	width:50%;
	color:#3c3c3c;
}
.project-meta .meta p {
	margin:0;
}
.project-meta .link {
	float:right;
	width:50%;
	text-align:right;
	font-size:11px;
	text-transform:uppercase;
}
.project-meta a,
.project-details a {
	color:#a82740;
}
.project-details a:hover,
.project-meta a:hover {
	color:#ff004c;
}
.project-details {
	padding:0 20px 30px 20px; font-size: 15px;
}
.project-details img {
	max-width: 100%;
	height:auto;
	display:block;
	margin: 30px 0 30px 0;
}
.imgsh	{box-shadow: 0 0 5px 2px #cccccc;}


/* FOOTER */
#footer {
	padding:38px 0;
	color:#888;
	font-weight:300;
	font-size:13px;
	line-height:1.3;
	background:#3c3c3c;
}
#footer p {
	margin:0;
}
#footer p strong {
	font-weight:400;
}
.footer-info {
	overflow:hidden;
	padding-right:200px;
	position:relative;
}
.social-media {
	position:absolute;
	top:0;
	right:0;
	width:192px;
}
.social-media .social-links.active .social {
	background:#3c3c3c;
	-webkit-box-shadow:0 0 14px #3c3c3c;
	box-shadow:0 0 14px #3c3c3c;
}
.copyright,
.contact {
	float:left;
	width:25%;
}
.copyright {
	font-size:11px;
	line-height:15px;
}
.enlarged {
	font-size:15px;
}
.colored {
font-size: 10px;
font-weight: 600; text-transform:uppercase;
	line-height:16px;
}
#footer .colored a {
	color:#d82447;
}
#footer .colored a:hover {
	color:#ff004c;
}
.social-links {
	float:right;
	width:192px;
	position:relative;
	padding:20px 0;
}
.social-links .mask {
	position:absolute;
	
	top:0;
	right:-5px;
	padding:15px 0 15px 0;
	overflow:hidden;
}
.social-links .social {
	overflow:hidden;
	margin:0;
	padding:5px;
	float:left;
	white-space:nowrap;
	font-size:0;
	line-height:0;
	border-radius:21px/21px;
}

.social-links.active .social {
	background:#fff;
	-webkit-box-shadow:0 0 14px #fff, 0 0 10px #fff;
	box-shadow:0 0 14px #fff, 0 0 10px #fff;
}



.social-links1 {
	float:right;
	width:192px;
	position:relative;
	padding:20px 0;
}
.social-links1 .mask {
	position:absolute;
	
	top:0;
	right:-5px;
	padding:15px 0 15px 0;
	overflow:hidden;
}
.social-links1 .social {
	overflow:hidden;
	margin:0;
	padding:5px;
	float:left;
	white-space:nowrap;
	font-size:0;
	line-height:0;
	border-radius:21px/21px;
}

.social-links1.active .social {
	background:#fff;
	-webkit-box-shadow:0 0 14px #fff, 0 0 10px #fff;
	box-shadow:0 0 14px #fff, 0 0 10px #fff;
}


.social li {
	display:inline-block;
	list-style:none;
	margin:0 0 0 8px;
}
.social li:first-child {
	margin-left:0;
}
.social a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-social.png) no-repeat;
}
.social .ico-facebook {
	background-position:0 0;
}
.social .ico-facebook:hover {
	background-position:0 -36px;
}
.social .ico-vkontakte {
	background-position:-40px 0;
}
.social .ico-vkontakte:hover {
	background-position:-40px -36px;
}
.social .ico-twitter {
	background-position:-80px 0;
}
.social .ico-twitter:hover {
	background-position:-80px -36px;
}
.social .ico-gplus {
	background-position:-120px 0;
}
.social .ico-gplus:hover {
	background-position:-120px -36px;
}
.social .ico-behance {
	background-position:-160px 0;
}
.social .ico-behance:hover {
	background-position:-160px -36px;
}
.social .ico-re {
	background-position:-200px 0;
}
.social .ico-re:hover {
	background-position:-200px -36px;
}
.social .ico-linkedin {
	background-position:-240px 0;
}
.social .ico-linkedin:hover {
	background-position:-240px -36px;
}
.social .ico-pinterest {
	background-position:-280px 0;
}
.social .ico-pinterest:hover {
	background-position:-280px -36px;
}
.social .ico-instagram {
	background-position:-320px 0;
}
.social .ico-instagram:hover {
	background-position:-320px -36px;
}
/*.social-links.active .mask {
	width:auto;
	right:20px;
}
.social-links .btn-more {
	float:right;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-social.png) no-repeat -360px 0;
	cursor:pointer;
}
.social-links .btn-more:hover {
	background-position:-360px -36px;
}*/

/* MEDIA QUERIES */
@media only screen and (max-width:1150px) {
	#nav a {
		padding-left:12px;
		padding-right:12px;
	}
	.tagline,
	.tabset-holder .lnk,
	.info-bar .aside .btn span,
	.out-work-demo .txt {
		display:none;
	}
	.tabset-holder {
		padding-right:12px;
	}
	.portfolio-demo .tabset li:nth-child(5)~li {
		display:none;
	}
	.features-list a {
		padding-right:10px;
		padding-left:10px;
	}
	
	.order-form .service,
	.order-form .to-do,
	.order-form .how,
	.order-form .what-you-have,
	.order-form .form {
		padding-left:6px;
		padding-right:6px;
	}
	.order-form .service {
		padding-left:12px;
	}
	.order-form .form {
		padding-right:12px;
		width:228px;
		max-width:228px;
	}
}
@media only screen and (max-width:1200px) {
	.portfolio-list.full {
		width:928px;
		margin:0 auto;
	}
}

/* CustomScroll Styles */
.scrollable {
  position:relative;
}
.scrollable:focus {
  outline:0;
}
.scrollable .viewport {
  position:relative;
  overflow:hidden;
}
.scrollable .viewport .overview {
  position:absolute;
}
.scrollable .scroll-bar {
  display:none;
}
.scrollable .scroll-bar.vertical {
  position:absolute;
  right:0;
  height:100%;
}
.scrollable .scroll-bar.horizontal {
  position:relative;
  width:100%;
}
.scrollable .scroll-bar .thumb {
  position:absolute;
}
.scrollable .scroll-bar.vertical .thumb {
  width:100%;
  min-height:10px;
}
.scrollable .scroll-bar.horizontal .thumb {
  height:100%;
  min-width:10px;
  left:0;
}
.not-selectable {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/*Default skin*/
.scrollable.default-skin .scroll-bar.vertical {
  width:6px;
}
.scrollable.default-skin .scroll-bar.horizontal {
  height:6px;
}
.scrollable.default-skin .scroll-bar .thumb {
  background-color:black;
  opacity:0.4;
  border-radius:3px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity:0.6;
}

/* art skin */
.scrollable.art-skin .scroll-bar {
	background:#c1c1c1;
	-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,.7) inset;
	box-shadow:0 2px 4px -2px rgba(0,0,0,.7) inset;
	border-radius:4px;
	position:relative;
}
.scrollable.art-skin .scroll-bar.vertical {
	width:5px;
}
.scrollable.art-skin .scroll-bar.horizontal {
	height:5px;
}
.scrollable.art-skin .scroll-bar.horizontal:before {
	content:'';
	position:absolute;
	z-index:6;
	top:0;
	width:2px;
	height:100%;
	left:0;
	background:url(../images/round.png) no-repeat;
}
.scrollable.art-skin .scroll-bar .thumb {
	width:17px;
	height:17px;
	-webkit-box-shadow:0 0 1px 1px #ccc;
	box-shadow:0 0 0 1px #ccc inset, 0 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.15);
	background:#f4f4f4 url(../images/icons.png) no-repeat -161px -41px;
	border-radius:50%;
	margin:-6px 0 0;
}
.scrollable.art-skin .scroll-bar.horizontal .thumb:before {
	content:'';
	position:absolute;
	right:17px;
	top:6px;
	width:2000px;
	height:5px;
	background:#e51850;
}
.scrollable.art-skin .scroll-bar.vertical .thumb {
	cursor:ns-resize;
}
.scrollable.art-skin .scroll-bar.horizontal .thumb {
	cursor:ew-resize;
}






.phblock {
		position: relative; font-size: 9px; color: #2F2F2F; text-decoration: none; margin-top: 30px;
	}
/*.phblock:before {
		background-color: #000000; 
		content: "" !important;
		position: absolute !important;
		height: 100% !important;
		width: 100% !important;
	}*/


.phblock2 {
		position: relative; font-size: 9px; color: #B9B9B9; text-decoration: none; margin-top: 30px;
	}
/*.phblock2:before {
		background-color: #cccccc; 
		content: "" !important;
		position: absolute !important;
		height: 100% !important;
		width: 100% !important;
	}*/




h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline { margin:0px; padding: 0px; font-weight: normal; display: inline; font: 500 15px 'Open Sans', sans-serif; color: #000000;}