@font-face {
	font-family: 'Lato Regular';
	src: url('../fonts/lato-regular.eot');
	src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/lato-regular.svg#latoregular') format('svg'),
	     url('../fonts/lato-regular.woff') format('woff'),
	     url('../fonts/lato-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Bold';
	src: url('../fonts/lato-bold.eot');
	src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/lato-bold.svg#latobold') format('svg'),
	     url('../fonts/lato-bold.woff') format('woff'),
	     url('../fonts/lato-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Trendex Black SSK';
	src: url('../fonts/trendexblackssk.eot');
	src: url('../fonts/trendexblackssk.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/trendexblackssk.svg#trendexblacksskregular') format('svg'),
	     url('../fonts/trendexblackssk.woff') format('woff'),
	     url('../fonts/trendexblackssk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Bold';
	src: url('../fonts/OpenSans-Bold-webfont.eot');
	src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'),
	     url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
	     url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/m-regular-webfont.eot');
	src: url('../fonts/m-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/m-regular-webfont.svg#MyriadProRegular') format('svg'),
	     url('../fonts/m-regular-webfont.woff') format('woff'),
	     url('../fonts/m-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'Lato Regular';
		src: url('../fonts/lato-regular.svg#latoregular') format('svg');
	}
	@font-face {
		font-family: 'Lato Bold';
		src: url('../fonts/lato-bold.svg#latobold') format('svg');
	}
	@font-face {
		font-family: 'Trendex Black SSK';
		src: url('../fonts/trendexblackssk.svg#trendexblacksskregular') format('svg');
	}
	@font-face {
		font-family: 'OpenSans-Bold';
		src: url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
	}
	@font-face {
		font-family: 'MyriadPro-Regular';
		src: url('../fonts/m-regular-webfont.svg#MyriadProRegular') format('svg');
	}
}
html {height:100%;}
body {
	font:15px/24px 'Lato Regular', Arial, Helvetica, sans-serif;
	color:#fff;
	background:#ddd;
	margin:0;
	height:100%;
	min-width:320px;
}
a {
	text-decoration:none;
	color:#0038b6;
	-webkit-transition:all 0.8s ease;
	   -moz-transition:all 0.8s ease;
	     -o-transition:all 0.8s ease;
	        transition:all 0.8s ease;
}
a:hover {text-decoration:underline;}
img {border:none;}
form,
fieldset {
	padding:0;
	margin:0;
	border:0;
}
input,
select,
textarea {
	font:12px/15px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance:none;
	cursor:pointer;
}
blockquote, q {quotes:none;}
q:before,
q:after {content: "";}
a:focus,
input:focus,
textarea:focus,
select:focus {outline:none;}
header,
footer,
section,
nav,
article,
aside {display:block;}
ol, ul, p {margin:0 0 24px;}
h1 {
	font:30px/33px 'Lato Bold';
	margin:0 0 22px;
}
h2 {
	font:24px/27px 'Lato Bold';
	margin:0 0 4px;
}



h3 {
	font-size:21px;
	line-height:24px;
	margin:0 0 10px;
}
/* wrapper */
.wrapper {
	min-height:100%;
	padding:0 10px 40px;
	overflow:hidden;
	position:relative;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
.bg-1,
.bg-1 .wrapper {background-color:#e30450;}
.bg-2,
.bg-2 .wrapper {background-color:#fb7c00;}
.bg-3,
.bg-3 .wrapper {background-color:#00b6b0;}
.bg-4,
.bg-4 .wrapper {background-color:#6c169d;}
.bg-5,
.bg-5 .wrapper {background-color:#fb1700;}
.bg-6,
.bg-6 .wrapper {background-color:#0033a7;}
.bg-7,
.bg-7 .wrapper {background-color:#009219;}
.bg-8,
.bg-8 .wrapper {background-color:#cb1f98;}
.bg-9,
.bg-9 .wrapper {background-color:#f5b6cd; color: #000}

/* drop */
.drop {
	background:#fff;
	font-size:19px;
	line-height:22px;
	font-family:'Lato Bold';
	margin:0 -10px;
	text-transform:uppercase;
	display:none;
	position:relative;
	z-index:251;
}
.drop .container {padding:17px 10px 14px;}
.drop .container:after {
	clear:both;
	content:"";
	display:block;
}
.drop ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.drop li {
	float:left;
	position:relative;
}
.drop li + li {margin-left:37px;}
.drop li + li:before {
	content:'';
	position:absolute;
	top:9px;
	left:-21px;
	width:4px;
	height:4px;
	background:#000;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
}
.drop li.opened {z-index:10;}
.bg-1 .drop a {color:#e30450;}
.bg-2 .drop a {color:#fb7c00;}
.bg-3 .drop a {color:#00b6b0;}
.bg-4 .drop a {color:#6c169d;}
.bg-5 .drop a {color:#fb1700;}
.bg-6 .drop a {color:#0033a7;}
.bg-7 .drop a {color:#009219;}
.bg-8 .drop a {color:#cb1f98;}
.drop .has-child ul {
	position:absolute;
	top:100%;
	left:-10px;
	width:250px;
	background:#fff;
	padding:14px 10px 4px;
	display:none;
}
.drop .has-child.last-child ul {
	left:auto;
	right:-10px;
}
.drop .has-child:hover > ul,
.drop .has-child:focus > ul {display:block;}
.drop .has-child li {
	float:none;
	padding:5px 0;
}
.drop .has-child li + li {
	margin-left:0;
	border-top:1px solid #ccc;
}
.drop .has-child li + li:before {display:none;}
/* header */
#header {
	margin:0 auto 54px;
	padding:10px 0 0;
	max-width:960px;
	position:relative;
	z-index:100;
}
#header:after {
	clear:both;
	content:"";
	display:block;
}
#header .logo {
	float:right;
	margin:0 0 0 10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	width:202px;
	height:35px;
}
#header .logo a {
	display:block;
	height:100%;
}
#header .btn-menu {
	float:left;
	color:#fff;
	text-transform:capitalize;
	cursor:pointer;
	position:relative;
	padding:0 0 0 45px;
	font:24px/35px 'Lato Bold';
}
#header .btn-menu .icon {
	position:absolute;
	top:50%;
	left:0;
	width:29px;
	margin:-13px 0 0;
}
#header .btn-menu .icon span {
	display:block;
	height:6px;
	background:#fff;
	-webkit-transition:all 0.8s ease;
	   -moz-transition:all 0.8s ease;
	     -o-transition:all 0.8s ease;
	        transition:all 0.8s ease;
}
#header .btn-menu .icon span + span {margin-top:4px;}
#header .btn-menu:hover,
#header .btn-menu:active {
	text-decoration:none;
	color:#000;
}
#header .btn-menu:hover .icon span,
#header .btn-menu:active .icon span {
	background-color:#000;
}
.container {
	margin:0 auto;
	max-width:960px;
}
.container-1 {
	position:relative;
	padding-bottom:154px;
}
.menu {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:10;
	min-height:452px;
	text-transform:uppercase;
	font:26px/41px 'Lato Bold';
}
.menu > li {
	position:absolute;
	text-align:center;
}
.menu .item-1 {
	top:160px;
	left:0;
	width:193px;
}
.menu .item-2 {
	top:70px;
	left:39.5%;
	width:300px;
	margin-left:-150px;
}
.menu .item-3 {
	top:257px;
	left:46%;
	width:280px;
	margin-left:-140px;
}
.menu .item-4 {
	top:160px;
	right:-5%;
	width:280px;
	margin-right:140px;
}
.menu .item-5 {
	top:343px;
	right:0;
	width:230px;
}

.menu .item-6 {
	top:0px;
	left:0px;
	width:203px;
	font-size:19px;
}

.menu .item-7 {
	top:110px;
	left:0;
	width:253px;
	font-size:19px;
}


.menu a {
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	position:relative;
	color:#fff;
	padding:0 0 0 51px;
}
.menu .icon {
	position:absolute;
	left:0;
	top:0;
	width:37px;
	height:37px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.menu .icon em {
	position:absolute;
	top:-40px;
	right:-40px;
	left:-40px;
	bottom:-40px;
	margin:auto;
	z-index:1;
	opacity:0;
	width:50px;
	height:50px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.menu .icon span {
	position:absolute;
	z-index:2;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:33px;
	height:33px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.menu .item-1 .icon,
.menu .item-1 .icon em {
	background:#e51d9b;
	border:2px solid #fff;
}
.menu .item-1 .icon span {
	background:#fee000;
}
.menu .item-2 .icon,
.menu .item-2 .icon em {
	background:#0308e2;
	border:2px solid #f8f9fb;
}
.menu .item-2 .icon span {
	background:#ff5113;
}
.menu .item-3 .icon,
.menu .item-3 .icon em {
	background:#e70033;
	border:2px solid #f8f9fb;
}
.menu .item-3 .icon span {
	background:#009ddb;
}
.menu .item-4 .icon,
.menu .item-4 .icon em {
	background:#2eb135;
	border:2px solid #f8f9fb;
}
.menu .item-4 .icon span {
	background:#9325b2;
}
.menu .item-1 .icon em,
.menu .item-2 .icon em,
.menu .item-3 .icon em,
.menu .item-4 .icon em {border-width:2px;}
.menu .item-5 .icon,
.menu .item-6 .icon,
.menu .item-7 .icon {
	background:#e30450;
	border:4px solid #f8f9fb;
	width:34px;
	height:34px;
}
.menu .item-5 .icon em {
	background:#e30450;
	border:2px solid #f8f9fb;
}
.menu .item-5 .icon span {
	background:#e30450;
	border:4px solid #fff;
	width:20px;
	height:20px;
}
.menu .item-5 .icon .small {
	width:6px;
	height:6px;
	background:#fff;
}

.menu .item-6 .icon,
.menu .item-6 .icon em {
	background:#2eb135;
	border:2px solid #f8f9fb;
}
.menu .item-6 .icon span {
	background:#9325b2;
}

.menu .item-7 .icon,
.menu .item-7 .icon em {
	background:#e51d9b;
	border:2px solid #fff;
}
.menu .item-7 .icon span {
	background:#fee000;
}


.menu a:hover .icon em {
	-webkit-animation: pulse 1.3s ease-out;
	   -moz-animation: pulse 1.3s ease-out;
	        animation: pulse 1.3s ease-out;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1);
		opacity: 0.0;
	}
	10% {
		-moz-transform: scale(1.2);
		opacity: 0.5;
	}
	100% {
		-moz-transform: scale(1.8);
		opacity: 0.0;
	}
}
@-webkit-keyframes "pulse" {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
	10% {
		-webkit-transform: scale(1.2);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1.8);
		opacity: 0.0;
	}
}
.scene {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
}
.container-1 .scene-holder {
	position:absolute;
	left:-1970px;
	right:-2000px;
	margin:0 auto;
	width:1337px;
	bottom:-59px;
}
.scene-2 {
	display:none;
	margin:0 -10px 24px;
}
.scene-2 .decor {
	display:block;
	height:53px;
	background:url(../images/bg-decor.gif) repeat-x;
}
.container-2 {
	position:relative;
	padding-bottom:202px;
}
.container-2 .scene-holder {
	position:absolute;
	left:-2000px;
	right:-2000px;
	bottom:-32px;
	width:1608px;
	margin:0 auto;
}
.container-3 {
	position:relative;
	/*padding-bottom:376px;*/
}
.container-3 .scene-holder {
	position:absolute;
	left:-2000px;
	right:-2000px;
	bottom:12px;
	width:1608px;
	margin:0 auto;
}
.container-4 {
	position:relative;
	padding-bottom:140px;
}
.container-4 .scene-holder {
	position:absolute;
	left:-2000px;
	right:-2000px;
	bottom:21px;
	width:2000px;
	margin:0 auto;
}
.container-4 .text-right {
	position:absolute;
	right:0;
	bottom:-33px;
}
.container-5 {
	position:relative;
	padding-bottom:3px;
}
.container-5 .text-right {
	position:absolute;
	right:0;
	bottom:-35px;
}
.container-6 .text-right {
	position:absolute;
	right:0;
	bottom:-33px;
}
.entry {padding-bottom:103px;}
.text-right {text-align:right;}
.link-contact {
	display:inline-block;
	vertical-align:top;
	color:#fff;
	font-size:21px;
	line-height:40px;
	position:relative;
	cursor:pointer;
	padding:0 54px 0 0;
}
.link-contact .icon {
	position:absolute;
	right:5px;
	top:50%;
	margin:-20px 0 0;
	width:32px;
	height:32px;
	background:#fb5e00;
	border:4px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.link-contact .icon em {
	position:absolute;
	opacity:0;
	z-index:1;
	top:-40px;
	left:-40px;
	right:-40px;
	bottom:-40px;
	margin:auto;
	width:40px;
	height:40px;
	border:2px solid #fff;
	background:#fb5e00;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.link-contact .icon:before,
.link-contact .icon:after {
	content:'';
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
	border:3px solid #fff;
	background:#fb5e00;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.link-contact .icon:after {
	width:12px;
	height:12px;
	border:0;
	background:#fff;
}
.bg-3 .link-contact .icon,
.bg-3 .link-contact .icon:before,
.bg-3 .link-contact .icon em {
	background-color:#00b6b0;
}
.bg-4 .link-contact .icon,
.bg-4 .link-contact .icon:before,
.bg-4 .link-contact .icon em {
	background-color:#6c169d;
}
.bg-5 .link-contact .icon,
.bg-5 .link-contact .icon:before,
.bg-5 .link-contact .icon em {
	background-color:#fb1700;
}
.bg-6 .link-contact .icon,
.bg-6 .link-contact .icon:before,
.bg-6 .link-contact .icon em {
	background-color:#0033a7;
}
.link-contact:hover .icon em {
	-webkit-animation: pulse 1.3s ease-out;
	   -moz-animation: pulse 1.3s ease-out;
	        animation: pulse 1.3s ease-out;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
.txt-block {
	position:relative;
	z-index:5;
}
.back-holder {
	text-align:center;
	font:14px/17px 'OpenSans-Bold';
}
.back-holder a {color:#fff;}
.person-info {padding:6px 0 25px;}
.person-info:after {
	clear:both;
	content:"";
	display:block;
}
.person-info .photo, .photo {
	float:left;
	border:10px solid #fff;
	margin:0 24px 0 0;
}

.person-info a:link img.photo,
.person-info a:visited  img.photo  {
	border:10px solid #fff;
}

.txt-block .person-info .float-left {
	float:left;
	width: 200px;
	margin:0 24px 0 0;
}

.person-info h2 {
  display: flex;
  flex-direction: row;
  justify-content: left;
  text-align: left;
  margin-bottom: 20px;
}
.person-info h2:after {
  background-color: #ddd;
  content: '\a0';
  flex-grow: 1;
  height: 1px;
  position: relative;
  top: 0.5em;

}

.person-info h2 a:link, .person-info h2 a:visited {
		color: white;
}
.person-info h2 a:hover {
		text-decoration: underline;
}

.linkedin {padding-top: 20px;}

.person-info .descr {
	overflow:hidden;
	padding:14px 0 0;
}


.sub-heading {padding:13px 0 0;}
.sub-heading h2 {
	line-height:24px;
	margin-bottom:2px;
}
.sub-ttl {
	display:block;
	font-weight:normal;
	margin:0 0 29px;
}
/* area */
.area {
	background:#fff;
	color:#666;
	padding:51px 3000px 32px;
	margin:0 -3000px 118px;
}
.area:after {
	clear:both;
	content:"";
	display:block;
}
.area .img {
	float:left;
	margin:0 37px 0 0;
	max-width:50%;
}
.area .descr {
	overflow:hidden;
	padding:52px 0 0;
}
.area .colored-1 {color:#e78800;}
.area .colored-2 {color:#c61412;}
.area .colored-3 {color:#0071bc;}
.area .ttl {
	font:18px/21px 'Lato Bold';
	margin:0 0 3px;
}
.area p strong {
	font-weight:normal;
	font-family:'Lato Bold';
}
/* service-list */
.service-list {
	list-style:none;
	margin:0 -25px 7px;
	padding:0;
	font-size:0;
	line-height:0;
	letter-spacing:-6px;
	font-family:'MyriadPro-Regular';
	position:relative;
	top:-5px;
	text-align:center;
}
.service-list > li {
	display:inline-block;
	vertical-align:top;
	width:202px;
	padding:0 0 8px;
}
.service-list a {
	cursor:pointer;
	color:#fff;
}
.service-list .img {
	height:176px;
	width:100%;
	display:table;
	margin:0 0 4px;
}
.service-list .img span {
	display:table-cell;
	vertical-align:middle;
}
.service-list .img img {
	vertical-align:top;
	max-width:192px;
}
.service-list .name {
	display:table-cell;
	height:38px;
	width:202px;
	vertical-align:middle;
	font-size:16px;
	line-height:19px;
	font-weight:normal;
	letter-spacing:0;
}

.service-list a:link  {text-decoration:none;}

.service-list a:hover .name,
.service-list a:active .name {text-decoration:none;}
.service-list > .add-item {width:404px;}
.service-list .holder {
	font-size:16px;
	line-height:19px;
	letter-spacing:0;
	padding:47px 20px 0;
}
.service-list .holder h3 {
	text-transform:uppercase;
	font-size:16px;
	line-height:19px;
	font-weight:normal;
	margin-bottom:11px;
}
.decor-item {
	display:block;
	height:124px;
	background:url(../images/bg-decor-2.png) repeat-x;
	width:2000px;
}
.decor-item.style-2 {background-image:url(../images/bg-decor-2-v2.png);}
.decor-item.style-3 {background-image:url(../images/bg-decor-2-v3.png);}
.decor-item.style-4 {background-image:url(../images/bg-decor-2-v4.png);}
.cols-holder {
	margin:0 -10px;
	padding:20px 0 0;
}
.cols-holder:after {
	clear:both;
	content:"";
	display:block;
}
.cols-holder > .col {
	float:left;
	width:33.3%;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
.list {
	list-style:none;
	margin:0;
	padding:0;
}
.list a {color:#fff;}
.list > li {
	padding:0 0 0 18px;
	position:relative;
}
.list > li:before {
	content:'';
	position:absolute;
	top:9px;
	left:2px;
	width:6px;
	height:6px;
	background:#ff7f72;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.decor-holder {
	position:relative;
	height:295px;
}
.decor-holder .scene {
	position:absolute;
	left:-2000px;
	right:-2000px;
	bottom:2px;
	margin:0 auto;
	width:2752px;
}
.cone-scene {
	list-style:none;
	margin:0 auto;
	padding:0;
	position:relative;
	height:669px;
	width:669px;
	background:#92278f;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.cone-scene .circle {
	position:absolute !important;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	-webkit-transition:none;
	   -moz-transition:none;
	     -o-transition:none;
	        transition:none;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.cone-scene .circle-1 {
	width:647px;
	height:647px;
	background:#fff;
	margin-top:11px;
}
.cone-scene .circle-2 {
	width:639px;
	height:639px;
	background:#f7941e;
	margin-top:15px;
}
.cone-scene .circle-3 {
	width:627px;
	height:627px;
	background:#d91b5c;
	margin-top:21px;
}
.cone-scene .circle-4 {
	width:583px;
	height:583px;
	background:#8dc63f;
	margin-top:43px;
}
.cone-scene .circle-5 {
	width:547px;
	height:547px;
	background:#00aeef;
	margin-top:61px;
}
.cone-scene .circle-6 {
	width:509px;
	height:509px;
	background:#0072bc;
	margin-top:80px;
}
.cone-scene .circle-7 {
	width:503px;
	height:503px;
	background:#703f98;
	margin-top:83px;
}
.cone-scene .circle-8 {
	width:473px;
	height:473px;
	background:#ed1c24;
	margin-top:98px;
}
.cone-scene .circle-9 {
	width:433px;
	height:433px;
	background:#e7e7e8;
	margin-top:118px;
}
.cone-scene .circle-10 {
	width:413px;
	height:413px;
	background:#fdb823;
	margin-top:128px;
}
.cone-scene .circle-11 {
	width:371px;
	height:371px;
	background:#39b54a;
	margin-top:149px;
}
.cone-scene .circle-12 {
	width:327px;
	height:327px;
	background:#bcdc96;
	margin-top:171px;
}
.cone-scene .circle-13 {
	width:309px;
	height:309px;
	background:#eba3c8;
	margin-top:180px;
}
.cone-scene .circle-14 {
	width:277px;
	height:277px;
	background:#fff200;
	margin-top:196px;
}
.cone-scene .circle-15 {
	width:253px;
	height:253px;
	background:#92278f;
	margin-top:208px;
}
.cone-scene .circle-16 {
	width:223px;
	height:223px;
	background:#f26522;
	margin-top:223px;
}
.cone-scene .circle-17 {
	width:203px;
	height:203px;
	background:#23b172;
	margin-top:233px;
}
.cone-scene .circle-18 {
	width:169px;
	height:169px;
	background:#ffde16;
	margin-top:250px;
}
.cone-scene .circle-19 {
	width:139px;
	height:139px;
	background:#9f1f63;
	margin-top:265px;
}
.cone-scene .circle-20 {
	width:93px;
	height:93px;
	background:#fff;
	margin-top:288px;
}
.cone-scene .circle-21 {
	width:83px;
	height:83px;
	background:#ec008c;
	margin-top:293px;
}
.cone-scene .circle-22 {
	width:33px;
	height:33px;
	background:#fff;
	margin-top:318px;
}
.cone-scene .circle-23 {
	width:25px;
	height:25px;
	background:#0033a7;
	margin-top:322px;
}
.cone-scene .circle-23 a {
	z-index:999;
	position:absolute;
	top:50%;
	left:50%;
	margin:-300px 0 0 -300px;
	width:600px;
	height:600px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}
.cone-scene .last-child {
	position:relative;
	z-index:200;
}
/* items */
.items-area {margin:0 -16px;}
.items {
	position:relative;
	padding:0 0 45px;
	margin:0 auto;
	top:17px;
}
.items:after {
	clear:both;
	content:"";
	display:block;
}
.items .item {
	width:215px;
	margin:0 16px 23px;
}
.items .item-2 {width:464px;}
.items .item a {cursor:pointer;}
.items .item img {
	border:2px solid #fff;
	display:block;
}
.items .item.circle {
	margin-top:15px;
	margin-bottom:45px;
}
.items .item.circle img {
	position:relative;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

p strong {
	font:bold;
}
.popup {
	padding:5px 9px 12px;
	color:#000;
	max-width: 100%;
	overflow: hidden;
	font-size:13px;
	line-height:18px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
.popup:after {
	clear:both;
	content:"";
	display:block;
}
.popup .img {
	text-align: center;
}
.popup .img img{vertical-align: top;}
.popup .no-wrap{
	float: none;
	padding: 0;
}
.popup .img img {vertical-align:top;}
.popup .descr {
	overflow:hidden;
	padding:15px 0 0;
		max-width: 600px;
}

.popup p:first-child {
	max-width: 600px;
	}


.popup h3 {
	font:24px/27px 'Lato Bold';
	margin:0 0 18px;
}
.popup .dlist {
	margin:0;
	font-size:14px;
	line-height:24px;
}
.popup .dlist dt {font-family:'Lato Bold';}
.popup .dlist dd {margin:0 0 10px;}
.popup-holder {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.fancy-popup .fancybox-skin {
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	        border-radius:0;
			/*min-width: 600px;*/
}
.fancy-popup .fancybox-close {
	width:23px;
	height:23px;
	top:-8px;
	right:-10px;
	background:url(../images/btn-close.png) no-repeat;
}
/* contact-area */
.contact-area {
	min-height:600px;
	padding:0 0 15px;
	position:relative;
	z-index:10;
	font-size:21px;
	line-height:26px;
}
.contact-area p {margin:0 0 26px;}
.contact-area h2 {
	font-size:21px;
	line-height:26px;
	margin-bottom:0;
}
.twocolumns {
	margin:0 -10px;
	padding:6px 0 0;
}
.twocolumns:after {
	clear:both;
	content:"";
	display:block;
}
.twocolumns > .col {
	float:left;
	padding:0 10px;
	width:49.9%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
.twocolumns > .col > p:first-child {margin-top:10px;}
.contact-list {
	margin:0;
	padding:4px 0 0;
	font-size:21px;
	line-height:38px;
}
.contact-list dd {margin:0 0 26px;}
.contact-list a {color:#fff;}
.feedback {
	font-size:21px;
	line-height:36px;
}
.feedback .row {padding:0 0 21px;}
.feedback .row:after,
.feedback .btn-holder:after {
	clear:both;
	content:"";
	display:block;
}
.feedback label {
	float:left;
	width:131px;
	text-align:right;
	padding:0 17px 0 0;
}
.feedback .text {
	overflow:hidden;
	padding:0 10px;
}
.feedback .text input,
.feedback .text textarea {
	float:left;
	width:100%;
	height:24px;
	margin:0 -10px;
	padding:5px 9px;
	border:1px solid #666;
	background:#fff;
	color:#000;
	font:21px/24px 'Lato Regular';
}
.feedback .text textarea {
	overflow:auto;
	height:112px;
}
.feedback .btn-holder {padding:0 0 0 149px;}
.feedback .btn-submit {
	float:left;
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
	background:#fd0a5d;
	width:148px;
	height:46px;
	color:#fff;
	text-transform:uppercase;
	font:21px/46px 'Lato Regular';
	-webkit-transition:all 0.8s ease;
	   -moz-transition:all 0.8s ease;
	     -o-transition:all 0.8s ease;
	        transition:all 0.8s ease;
}
.feedback .btn-submit:hover,
.feedback .btn-submit:active {
	background-color:#ec7a2d;
}
.bg-8 .feedback .btn-submit {background-color:#0033a7;}
.bg-8 .feedback .btn-submit:hover,
.bg-8 .feedback .btn-submit:active {background-color:#1a4dc1;}
.feedback-2 label {
	text-align:left;
	padding-left:17px;
	padding-right:5px;
	width:126px;
}
.side-scene {
	position:absolute;
	top:-20px;
	right:-20px;
}
.side-scene-2 {
	position:absolute;
	top:150px;
	right:-147px;
}
/* footer */
#footer {
	margin:0 auto;
	max-width:960px;
	font-size:14px;
	line-height:17px;
}
#footer p {margin:0;}
/* home-area */
.home-area {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:90;
	padding:45px 0 0;
	background:#e30450;
}
.bg-2 .home-area {background-color:#fb7c00;}
.bg-3 .home-area {background-color:#00b6b0;}
.bg-4 .home-area {background-color:#6c169d;}
.bg-5 .home-area {background-color:#fb1700;}
.bg-6 .home-area {background-color:#0033a7;}
.bg-7 .home-area {background-color:#009219;}
.bg-8 .home-area {background-color:#cb1f98;}
.home-area .container {
	position:relative;
	padding:625px 10px 0;
}
.home-area .copyright {
	text-align:right;
	font-size:14px;
	line-height:17px;
	padding:0 0 10px;
}
.home-area .copyright p {margin:0;}
.home-area .logo {
	position:absolute;
	top:319px;
	right:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo-2.png) no-repeat;
	width:430px;
	height:75px;
}
.home-area .logo a {
	display:block;
	height:100%;
}
.home-area .slogan {
	position:absolute;
	top:75px;
	left:-77px;
	text-align:center;
	width:500px;
	padding:0 0 48px;
	font:24px/28px Arial, Helvetica, sans-serif;

}
.home-area .slogan .icon {
	position:absolute;
	left:50%;
	bottom:14px;
	margin:0 0 0 65px;
	width:9px;
	height:8px;
	cursor:pointer;
}
.home-area .slogan .icon span {
	display:block;
	position:relative;
	z-index:2;
	height:100%;
	background:#fff;
	-webkit-box-shadow:0 0 0 3px #e30450, 0 0 0 6px #fff, 0 0 0 7px rgba(255,255,255,0.5), 0 0 0 10px #e30450, 0 0 0 13px #fff, 0 0 0 14px rgba(255,255,255,0.3);
	   -moz-box-shadow:0 0 0 3px #e30450, 0 0 0 6px #fff, 0 0 0 7px rgba(255,255,255,0.5), 0 0 0 10px #e30450, 0 0 0 13px #fff, 0 0 0 14px rgba(255,255,255,0.3);
	        box-shadow:0 0 0 3px #e30450, 0 0 0 6px #fff, 0 0 0 7px rgba(255,255,255,0.5), 0 0 0 10px #e30450, 0 0 0 13px #fff, 0 0 0 14px rgba(255,255,255,0.3);
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.home-area .slogan .icon em {
	position:absolute;
	top:-40px;
	right:-40px;
	left:-40px;
	bottom:-40px;
	margin:auto;
	z-index:1;
	opacity:0;
	width:50px;
	height:50px;
	background:#e30450;
	border:2px solid #f8f9fb;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.home-area .slogan .icon:hover em {
	-webkit-animation: pulse 1.3s ease-out;
	   -moz-animation: pulse 1.3s ease-out;
	        animation: pulse 1.3s ease-out;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
.home-area .decor {
	position:absolute;
	z-index:-1;
	right:-85px;
	top:-45px;
}
.home-area .decor span {
	display:block;
	width:1205px;
	height:834px;
	background:url(../images/img-curl-2-v1.png) no-repeat;
}
.home-area .decor span.style-2 {background-image:url(../images/img-curl-2-v2.png);}
.home-area .decor span.style-3 {background-image:url(../images/img-curl-2-v3.png);}
.home-area .decor span.style-4 {background-image:url(../images/img-curl-2-v4.png);}
.mobile-visible {display:none;}


@media only screen and (min-width:1600px) {
	.container-3 {/*padding-bottom:540px;*/}
	.container-2 {padding-bottom:400px;}
	.container-2 .scene-holder,
	.container-3 .scene-holder {width:2600px;}
	.container-2 .scene-holder .scene img,
	.container-3 .scene-holder .scene img {width:100%;}
}
@media only screen and (max-width:1190px) {
	.home-area .slogan {left:10px;}
}
@media only screen and (max-width:1024px) {
	.main-nav {
		margin-left:0;
		left:10px;
	}
	.service-list {
		margin-left:-10px;
		margin-right:-10px;
	}
	.side-scene-2 {
		right:-350px;
	}
}
@media only screen and (max-width:767px) {

	h1 {
		font-size:24px;
		line-height:27px;
		margin-bottom:27px;
	}
	/* drop */
	.drop {
		font-size:14px;
		line-height:17px;
		text-align:center;
		letter-spacing:1px;
	}
	.drop .container {
		padding-left:20px;
		padding-right:20px;
	}
	.drop ul {float:none;}
	.drop li {
		float:none;
		padding:3px 0;
	}
	.drop li + li {
		margin-left:0;
		border-top:1px solid #f0f0f0;
	}
	.drop li + li:before {display:none;}
	.drop .has-child ul,
	.drop .has-child.last-child ul {
		position:relative;
		top:3px;
		left:0;
		right:0;
		width:auto;
		padding:3px 20px;
		background:#eee;
	}
	/* header */
	#header {
		margin-left:-10px;
		margin-right:-10px;
		margin-bottom:30px;
		padding:2px 10px;
		background: #6c6c6c;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #6c6c6c 0%, #232323 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(100%,#232323));
		background: -webkit-linear-gradient(top,  #6c6c6c 0%,#232323 100%);
		background: -o-linear-gradient(top,  #6c6c6c 0%,#232323 100%);
		background: -ms-linear-gradient(top,  #6c6c6c 0%,#232323 100%);
		background: linear-gradient(to bottom,  #6c6c6c 0%,#232323 100%);
	}
	#header .logo {
		text-indent:0;
		width:auto;
		height:auto;
		font:25px/28px 'Trendex Black SSK';
		background:none;
		text-transform:lowercase;
	}
	#header .logo a {color:#fff;}
	#header .logo a:hover {text-decoration:none;}
	#header .btn-menu {
		font-size:14px;
		line-height:17px;
		padding-left:34px;
		text-transform:capitalize;
		margin:5px 7px 6px;
	}
	#header .btn-menu .icon {
		width:22px;
		margin-top:-8px;
	}
	#header .btn-menu .icon span {height:3px;}
	#header .btn-menu .icon span + span {margin-top:3px;}
	#header .btn-menu:hover,
	#header .btn-menu:active {color:#fff;}
	#header .btn-menu:hover .icon span,
	#header .btn-menu:active .icon span {background-color:#fff;}
	.home-area {
		top:32px;
		padding-top:197px;
	}
	.home-area .container {padding-top:0;}
	.home-area .copyright {text-align:center;}
	.home-area .logo {
		position:relative;
		top:0;
		right:0;
		display:block;
		margin:0 auto 32px;
		background-size:cover;
		width:244px;
		height:42px;
	}
	.home-area .slogan {
		position:relative;
		display:block;
		top:0;
		left:0;
		margin:0 auto 47px;
		padding-bottom:52px;
		width:100%;
		max-width:500px;
		font:22px/27px 'Lato Bold';
	}
	.home-area .slogan .icon {margin-left:-4px;}
	.home-area .decor {
		top:-198px;
		left:50%;
		right:auto;
		margin-left:-40px;
	}
	.home-area .decor span {
		width:146px;
		height:224px;
		background:url(../images/img-curl-2-1.png) no-repeat;
	}
	.mobile-visible {display:block;}
	br.mobile-visible {display:inline;}
	.mobile-hidden {display:none;}
	/* menu */
	.menu {
		min-height:10px;
		width:210px;
		margin:0 auto 49px;
		padding-top:22px;
		padding-left:10px;
	}
	.menu > li {
		position:static;
		text-align:left;
		width:auto;
		margin-left:0 !important;
		margin-bottom:14px;
	}
	.container-1 {padding-bottom:0;}
	.container-1 .scene-holder {display:none;}
	.scene-2 {display:block;}
	.txt-block {
		padding-left:10px;
		padding-right:10px;
		padding-bottom:25px;
	}
	.entry {padding-bottom:5px;}
	.back-holder {padding-top:18px;}
	.bg-6 .back-holder {color:#00a1fe;}
	.bg-6 .back-holder a {color:#00a1fe;}
	.person-info {
		padding-top:0;
		padding-bottom:5px;
	}
	.person-info .photo, .txt-block .person-info .float-left {
		float:none;
		display:block;
		margin-right:0;
		margin-bottom:8px;
	}


	.sub-heading {
		padding-top:0;
		position:relative;
		top:-15px;
	}
	.sub-heading .sub-ttl {margin-bottom:8px;}
	.area {
		padding-top:40px;
		margin-bottom:50px;
	}
	.area .img {
		float:none;
		display:block;
		margin:0 auto 38px;
		max-width:100%;
	}
	.area .descr {padding-top:0;}

	.service-list {
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		top: 0;
	}

	.service-list > li,
	.service-list > .add-item {
		width: 202px;
		display: inline-block;
		position: relative;
		padding: 0 0 8px;
	}

	.service-list > li:before {
		content: '';
		position: absolute;
		top: 9px;
		left: 0;
		width: 4px;
		height: 4px;
		background: #fff;
		display: none;
	}

	.service-list > .add-item {
		padding-left:0;
		text-align:center;
	}

	.service-list > .add-item:before {
    	display: none;
    }

	.service-list .img {
    	display: table;
    }

	.service-list .name {
		line-height: 21px;
		display: inline-block;
		vertical-align: top;
		height: auto;
		width: auto;
	}

	.service-list .holder {
    	padding-top: 29px;
    }

	.service-list .holder h3 {
    	margin-bottom: 18px;
    }

	.container-2,
	.container-3,
	.container-4,
	.container-5,
	.container-6 {padding-bottom:20px;}
	.container-4 {
		padding-left:10px;
		padding-right:10px;
	}
	.container-4 .back-holder {padding-bottom:25px;}
	.container-4 .scene-2 {
		margin-left:-20px;
		margin-right:-20px;
	}
	.container-4 .text-right,
	.container-5 .text-right,
	.container-6 .text-right {position:static;}
	.container-5 h1 {margin-bottom:17px;}
	.container-6 .txt-block {padding-bottom:26px;}
	.container-7 {
		padding-bottom:30px;
		position:relative;
	}
	.container-7 .scene-holder {
		position:absolute;
		left:-2000px;
		right:-2000px;
		width:1000px;
		bottom:21px;
		margin:0 auto;
	}
	.cols-holder {
		margin-left:0;
		margin-right:0;
		padding-top:0;
		position:relative;
		top:-9px;
	}
	.cols-holder > .col {
		float:none;
		width:auto;
		padding-left:0;
		padding-right:0;
	}
	.cone-scene {
		width:289px;
		height:289px;
		top:5px;
		margin-bottom:48px;
	}
	.cone-scene .circle-1 {
		width:281px;
		height:281px;
		margin-top:4px;
	}
	.cone-scene .circle-2 {
		width:277px;
		height:277px;
		margin-top:6px;
	}
	.cone-scene .circle-3 {
		width:271px;
		height:271px;
		margin-top:9px;
	}
	.cone-scene .circle-4 {
		width:253px;
		height:253px;
		margin-top:18px;
	}
	.cone-scene .circle-5 {
		width:245px;
		height:245px;
		margin-top:26px;
	}
	.cone-scene .circle-6 {
		width:229px;
		height:229px;
		margin-top:34px;
	}
	.cone-scene .circle-7 {
		width:225px;
		height:225px;
		margin-top:36px;
	}
	.cone-scene .circle-8 {
		width:213px;
		height:213px;
		margin-top:42px;
	}
	.cone-scene .circle-9 {
		width:195px;
		height:195px;
		margin-top:51px;
	}
	.cone-scene .circle-10 {
		width:187px;
		height:187px;
		margin-top:55px;
	}
	.cone-scene .circle-11 {
		width:169px;
		height:169px;
		margin-top:64px;
	}
	.cone-scene .circle-12 {
		width:149px;
		height:149px;
		margin-top:74px;
	}
	.cone-scene .circle-13 {
		width:141px;
		height:141px;
		margin-top:78px;
	}
	.cone-scene .circle-14 {
		width:127px;
		height:127px;
		margin-top:85px;
	}
	.cone-scene .circle-15 {
		width:117px;
		height:117px;
		margin-top:90px;
	}
	.cone-scene .circle-16 {
		width:105px;
		height:105px;
		margin-top:96px;
	}
	.cone-scene .circle-17 {
		width:97px;
		height:97px;
		margin-top:100px;
	}
	.cone-scene .circle-18 {
		width:81px;
		height:81px;
		margin-top:108px;
	}
	.cone-scene .circle-19 {
		width:69px;
		height:69px;
		margin-top:114px;
	}
	.cone-scene .circle-20 {
		width:45px;
		height:45px;
		margin-top:126px;
	}
	.cone-scene .circle-21 {
		width:41px;
		height:41px;
		margin-top:128px;
	}
	.cone-scene .circle-22 {
		width:15px;
		height:15px;
		margin-top:141px;
	}
	.cone-scene .circle-23 {
		width:13px;
		height:13px;
		margin-top:142px;
	}
	.cone-scene .circle-23 a {
		width:260px;
		height:260px;
		margin-top:-130px;
		margin-left:-130px;
	}
	.items .item-2 {width:215px;}
	.items .item img {
		margin-left:auto;
		margin-right:auto;
		max-width:211px;
	}
	.popup {
		padding-top:3px;
		padding-left:0;
		padding-right:0;
	}
	.popup .img {
		float:none;
		margin-right:0;
		margin-bottom:33px;
	}
	.popup .img img {
		max-width:100%;
		display:block;
		margin:0 auto;
	}
	.popup .descr {padding-top:0;}
	.contact-area {
		padding-left:10px;
		padding-right:10px;
		font-size:15px;
		line-height:24px;
	}
	.contact-area h2 {
		font-size:15px;
		line-height:24px;
	}
	.contact-area p {
		margin-bottom:24px;
		font-size: 15px;
		line-height: 24px;
	}
	.twocolumns {padding-top:0;}
	.twocolumns > .col {width:100%;}
	.twocolumns > .col > p:first-child {margin-top:0;}
	.contact-list {
		font-size:18px;
		line-height:26px;
		padding-top:0;
		position:relative;
		top:-3px;
	}
	.contact-list dd {margin-bottom:14px;}
	.feedback {
		padding-top:4px;
		padding-bottom:33px;
		font-size:18px;
		line-height:21px;
	}
	.feedback label {
		float:none;
		display:block;
		padding-left:0;
		padding-right:0;
		padding-bottom:6px;
		width:auto;
		text-align:left;
	}
	.feedback .row {padding-bottom:16px;}
	.feedback .btn-holder {
		padding-top:10px;
		padding-left:0;
	}
	/* footer */
	#footer {text-align:center;}
}

@media only screen and (max-width:481px) {

.txt-block .entry .process {
	position: relative;
	top:0px;
	left:-6px;
	width:203px;
	font:19px/41px 'Lato Bold';
	float: left;
	}

}

#preload {
       position:absolute;
       top:-9999px;
       left:-9999px;
	}

.justify {
	text-align:justify;
	}

.secondary {
	font-size:19px;
	line-height:24px;
	}

.process {
	position: relative;
	top:-40px;
	right:150px;
	width:203px;
	font:19px/41px 'Lato Bold';
	float: right;
}
	.process a:link,
	.process a:visited {
		color: #fff;
		}

.process img {
	position: relative;
	top: 20px;
	}

.loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff url(../images/preloader.gif) no-repeat 50% 50%;
	z-index:999;
}

.service-list a:link, 	.service-list a:visited {color: #fff}
.service-list a:hover {color: #ff68af}
.person-info {padding-right: 20px;}
hr {
  border: none;
  background-color: #fff;
  color: #fff;
  height: 1px;
  margin: 20px 0
}