@font-face  {
	font-family: 'London-Tube';
	src: url("../fonts/London-Tube.ttf");
}

@font-face {
	font-family: 'gill';
	src: url('../fonts/GillSans.ttf');
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	min-height: 100%;
/*	::webkit-scrollbar-face-color: #000000;  
    ::webkit-scrollbar-shadow-color: #2D2C4D;  
    ::webkit-scrollbar-highlight-color:#7D7E94;  
    ::webkit-scrollbar-3dlight-color: #7D7E94;  
    ::webkit-scrollbar-darkshadow-color: #2D2C4D;  
    ::webkit-scrollbar-track-color: #7D7E94;  
    ::webkit-scrollbar-arrow-color: #C1C1D1;*/
}

html {
	height: 100%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

::-webkit-scrollbar {  
    width: 6px;  
}  
::-webkit-scrollbar-track {  
    background-color: #333;  
/*    border-left: 1px solid #ccc;  */
}  
::-webkit-scrollbar-thumb {  
    background-color: #fff;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #eee;  
}

#cover {
  background: url("../images/interface/ajax-loader.gif") no-repeat scroll center center #FFF;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999999;
  background-color: #FFF;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

.content {
/*	padding-bottom: 80px;*/
}

.main {
	padding-bottom: 80px;
}

.webzee-navbar {
  background: #2c3742;
  border-radius: 0;
/*  background: linear-gradient(to bottom,#2c3742 0%,#28303a 100%);
*/}

.webzee-navbar .nav>li>a {
	border-left: 1px solid #101417;
	color: #d6d6d6;
	font-size: 14px;
	font-family: "Helvetica", sans-serif;
}

.webzee-navbar .nav>li>a>span, .webzee-navbar .nav>li>a>i {
	margin-right: 5px;
	line-height: 23px;
	vertical-align: middle;
}

.webzee-navbar .nav>li>a:hover {
	background: #101417;
	-webkit-transition: background .5s linear;
}

.webzee-editable {
	padding: 6px !important;
	border: 1px solid transparent;
	border-radius: 2px;
	-webkit-transition: border-color .3s;
}

.webzee-editable:hover {
	border-color: #50ABC2;
	box-shadow: 0px 0px 1px #50ABC2;
}


footer {
	width: 100%;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#tabletdummy, #phonedummy {
	display: none;
	width: 0;
	height: 0;
}

.current {
	text-decoration: underline;
}

.modal-backdrop {
	background: none !important;
}

#full-image {
	background-color: rgba(0,0,0,1);
}

#full-image .modal-dialog {
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
}

#full-image .modal-content {
	background: transparent;
	margin: 0 auto;
	box-shadow: none;
	border-radius: 0;
	border: none;
	text-align: center;
}

#full-image .modal-content img {
	width: auto;
	max-height: 80%;
	overflow: hidden;
}

#full-image .vertical {
	max-height: 90%;
}

.modal-body {
	overflow: hidden;
}



.dismiss {
	position: absolute;
	top:24px;
	right: 30px;
	font-size: 32px;
	color: #fff;
	opacity: .6;
	text-shadow: 0 1px 1px #000;
	cursor: pointer;
}

#img-container {
	position: relative;
	padding-bottom: 50px;
}

#carousel {
/*	position: relative;*/
/*	margin: 0 auto;*/
}

.img {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	height: auto;
}

.img:hover {
	z-index: 1000;
}

#carousel .horizontal {
	width: 100%;
}


.description {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 16px 0px 0px 32px;
	display: none;
}

.description h2 {
	margin-bottom: 5px;
}

.description h2, h3 {
	font-family: "p22-underground";
	font-weight: 200;
	color: #444343;
}

.description h2{
	font-size: 20px;
	text-transform: uppercase;
}

.description h3 {
	margin: 5px 0px;
}

.description h3 a {
	margin-left: 50px;
	font-size: 16px;
	font-weight: 200;
	color: #444343;
	text-decoration: none;
	text-transform: none;
}


div.img img {
	position: relative;
	width: 100%;
	height: auto;
	opacity: .85;
}

#top {
	margin-bottom: 150px;
}

.annie-header .navbar-header {
	width: 100%;
	padding-top: 50px;
}

.wf-loading .annie-header .navbar-brand {
	font-family: "gill";
	font-weight: 100;
}

.wf-active .annie-header .navbar-brand {
	font-family: "p22-underground";
}

.annie-header .navbar-brand {
	float: none;
/*	font-family: "p22-underground";*/
	font-size: 45px;
	font-weight: 100;
	color: #c3c3c3;
	text-transform: uppercase;
	line-height: 50px;
}

.logo {
	max-width: 320px;
}

.annie-header ul {
	margin-top: 70px;
	float: none;
}

.annie-header ul>li {
	float: none;
	display: inline-block;
}

.annie-header ul>li a {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "p22-underground";
	font-size: 19px;
	font-weight: 100;
	text-transform: uppercase;
	color: #7c7c7c;
	border-right: 1px solid #7c7c7c;
}

.annie-header ul>li a:hover {
	background: transparent;
}

.annie-header ul>li:last-child a {
	border-right: none;
}

.img-container {
	background-color: white; 
	width: 100%; 
	height: auto; 
	position: relative;
}

.img .background {
	background-size: contain;
}

.img:hover {
	/*background: rgba(252,252,249,.5);*/
}

/*footer {
	padding-top: 50px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
}*/

.link {
	margin-right: 6px;
}

.link img {
	vertical-align: top;
	width: auto;
	height: 42px;
}

.link span {
	margin-top: -3px;
	font-size: 38px;
	color: #7c7c7c;
}

/*SINGLE PAGE*/

.gallery-wrapper {
	width: 100%;
	position: relative;
/*	margin: 0 50px;*/
}

#carousel > img {
	/*max-height: 675px;*/
	width: 100%;
/*	max-height: 795px;*/
}

ul.thumbs {
	width: 5000px;
}

ul.thumbs > li {
	padding: 0;
	margin-left: -15px;
}

ul.thumbs > li:first-child {
	margin-left: 0;
}

ul.thumbs li:first-child{
	margin-left: 0;
}

ul.thumbs li:nth-child(even) img {
/*	margin-top:50px;*/
	opacity: .6;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

ul.thumbs li:nth-child(even) img:hover{
	opacity: 1;
	z-index: 1000;
}

ul.thumbs li:nth-child(odd) img {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	opacity: 1;
}

ul.thumbs li:nth-child(odd) img:hover{
	opacity: .6;
	z-index: 1000;
}

ul.thumbs li img {
	position: relative;
	width: 142px;
	height: 100px;
	overflow: hidden;
}

span.list-projects {
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 20px;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	display: none;
	text-shadow: 0px 1px 1px #7c7c7c;
}

span.info {
	position: absolute;
	z-index: 10;
	top: 17px;
	right: 20px;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	display: none;
	text-shadow: 0px 1px 1px #7c7c7c;
}

div.full {
	display: none;
	position: absolute;
	right: 20px;
	bottom: 10px;
	color: #fff;
	opacity: 1;
	cursor: pointer;
	z-index: 1;
	font-size: 24px;
	text-shadow: 0 1px 1px #000;
	cursor: pointer;
}

span.close-info {
	color: #fff;
}

.media_icon, .share-item > img {
	width: 26px;
	height: 26px;
}

.share-item {
	width: 26px;
	height: 26px;
}

/*iframe.share-item {
	display: none;
}*/

/*#share-twitter {
	width: 26px;
	height: 25px;
	background: url('../images/TWITTER_LOGO.png') 0 0 no-repeat;
}*/

.gray_bg {
	background: #7c7c7c;
}

.img-caption {
	display: none;
	position: absolute;
	/*max-width: 205px;*/
	width: 250px;
	padding: 90px 20px 5px 20px;
	text-align: left;
	background: rgba(255,255,255,.75);
	right: 0px;
	top: 0px;
	height: 100%;
	overflow: overlay;
}

.img-caption-inner {
	position: relative;
	min-height: 100%;
}

.img-caption-details {
	padding-bottom: 32px;
}

.img-caption h2, h3 {
	font-family: 'p22-underground';
	font-size: 20px;
	color: #444343;
}
.img-caption p {
	font-family: 'p22-underground';
	font-size: 12px;
	font-weight: 200;
	line-height: 1.2em;
	text-align: justify;
}

.img-caption p > a, .img-caption p > a:hover, .img-caption p > a:focus, .img-caption p > a:active {
	color: #444343;
	text-decoration: underline;
}

.img-caption h2 {
	text-transform: uppercase;
	margin: 0px;
	font-size: 20px;
	font-weight: 200;
}

.img-caption h3 {
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	text-transform: none;
}

.img-caption h3:last-child {
	margin-bottom: 0px;
}

.nav-portfolio {
	width: 250px;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	padding: 90px 20px 0px 20px;
	background-color: rgba(255,255,255,.75);
	overflow: overlay;
}

.nav-portfolio h3 {
	padding: 0px;
	margin-bottom: 0px;
	margin: 0;
	color: #444343;
	font-size: 20px;
	font-weight: 200;
	text-transform: uppercase;
}

.nav-portfolio h3.collapse-category a, .nav-portfolio h3.collapse-category a:hover, .nav-portfolio h3.collapse-category a:focus, .nav-portfolio h3.collapse-category a:active {
		color: #444343;
		text-decoration: none;
	}

.category {
	margin-bottom: 15px;
}

.category li, .category li a, .items li {
	padding: 0px;
	color: #444343;
	font-size: 16px;
	font-weight: 200;
	text-transform: none;
	cursor: pointer;
}

.category li a:hover{
	color: #444343;
	text-decoration: none;
}

.category li {
	margin: 0 0 0 40px;
}


.items {
	list-style: none;
	padding-left: 0;
}

.items li {
	/*font-size: 18px;*/
}

.vimage {
	margin:  0 auto;
}

.controls {
	position: relative;
	top: 65px;
	z-index: 11;
	cursor: pointer;
}

.controls span {
	color: #7c7c7c;
	font-size: 18px;
	font-weight: 100;
}

.controls span:hover {
	color: #000;
}

#prev {
	left: -32px;
}

#next {
	right: -32px;
}

.social-icons {
	display: none;
	/*bottom: 14px;*/
	width: 100%;
	/*height: 26px;*/
	position: absolute;
	left: 0;
	/*bottom: 0;*/
	top: 632px;
	margin-top: 20px;
	margin-bottom: 5px;
}

.social-icons a {
	float: left;
	margin-right: 15px;
}

/*Carousel*/
.thumbnails {
	margin-top: 50px;
	text-align: center;
}

.thumbnails li:nth-child(even) {
	padding-top: 50px;
}

.work, .work a, .work li {
	font-family: 'p22-underground';
	font-weight: 100;
}

.full-nav {
	position: absolute;
	top:48%;
	font-size: 32px;
	color: #fff;
	text-shadow: 0 1px 1px #000;
	opacity: .75;
	cursor: pointer;
}

.pull-left.full-nav {
	left: 15px;
}

.pull-right.full-nav  {
	right:20px;
}

@media only screen and (max-width: 768px){
	#phonedummy {
		display: block;
	}

	#top {
		margin-bottom: 75px;
	}

	.img {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}

	.info {
		display: block;
	}

	.description {
		display: block;
		background: rgba(255,255,255,.4);
	}

	.nav-portfolio h3, .category li, .category li a {
		font-size: 14px;
	}

	.nav-portfolio h3 {
		margin-top: 0px;
	}


	#prev {
		left: -10px !important;
	}

	#next {
		right: -10px !important;
	}

	.pull-left.full-nav {
		left: 2%;
	}
	.pull-right.full-nav {
		left: 86%;
	}

	.vimage {
		width: 100%;
	}

	.social-footer {
		margin-top: 50px;
	}
}


#lg-image {
	width: 100%;
}

#img01 {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	width: 431px;
	height: 289px;
	transition: background .4s;
}

#img01:hover {
	background-color: rgba(255,255,255,.5)
}

#img02 {
	position: absolute;
	left: 0;
	bottom: 50px;
	background: transparent;
	width: 432px;
	height: 289px;
	transition: background .4s;
}

#img02:hover {
	background-color: rgba(255,255,255,.5)
}

#img03 {
	position: absolute;
	left: 405px;
	top: 0;
	background: transparent;
	width: 234px;
	height: 289px;
	transition: background .4s;
}

#img03:hover {
	background-color: rgba(255,255,255,.5)
}

#img04 {
	position: absolute;
	left: 613px;
	top: 0;
	background: transparent;
	width: 355px;
	height: 231px;
	transition: background .4s;
}

#img04:hover {
	background-color: rgba(255,255,255,.62)
}

#img05 {
	position: absolute;
	right: 0;
	top: 231px;
	background: transparent;
	width: 174px;
	height: 266px;
	transition: background .4s;
}

#img05:hover {
	background-color: rgba(255,255,255,.62)
}

#xs-thumbs-slider {
	margin-top: 10px;
}

#xs-thumbs-slider .single-slide {
	width: 33.333%;
	float: left;
	margin: 0;
	padding: 0;
}

#xs-thumbs-slider .single-slide > img {
	width: 100%;
}


@media screen and (max-width: 1199px), screen and (max-height: 800px){
	#img01 {
		width: 355px;
		height: 238px;
	}
	#img02 {
		width: 355px;
		height: 238px;
	}
	#img03 {
		left: 334px;
		width: 193px;
		height: 238px;
	}
	#img04 {
		left: 506px;
		width: 291px;
		height: 190px;
	}
	#img05 {
		top: 190px;
		width: 143px;
		height: 220px;
	}
	.description {
		padding: 0 0 0 8px;
		overflow: overlay;
	}
	.description h3 a {
		font-size: 14px;
	}
}

@media screen and (max-width: 991px), screen and (max-height: 600px) {
	#img01 {
		width: 272px;
		height: 183px;
	}
	#img02 {
		width: 272px;
		height: 183px;
	}
	#img03 {
		left: 256px;
		width: 148px;
		height: 183px;
	}
	#img04 {
		left: 386px;
		width: 225px;
		height: 146px;
	}
	#img05 {
		top: 145px;
		width: 109px;
		height: 169px;
	}
}

@media only screen and (max-width: 480px) {
	.annie-header .navbar-brand {
		font-size: 42px;
		line-height: 50px;
	}
	.container>.navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
	#top {
		margin-bottom: 35px;
	}
}

@media only screen and(max-width: 640px){
	.gallery-wrapper img {
		max-width: 495px;
	}
	.active.item {
		margin: 0 auto;
	}

}

/*TEST*/
div.list-projects {
	position: absolute;
}

.active img {
	width: 100%;
}

.carousel-control {
	z-index: 101;
	top: 105%;
	width: 0;
	background-image: none !important;
	font-size: 80px;
	color: #7c7c7c;
	opacity: 1;
}
.carousel-control:hover {
	color: #7c7c7c;
	background-image: none !important;
}


.carousel-control.left {
	margin-left: -25px;
}

.carousel-control.right {
	margin-right: -3px;
}

.vertical-img {
	height: 740px;
	max-width: 500px;
	margin: 0 auto;
}

.visible-box {
/*	margin: 0 50px;*/
	overflow: hidden;
}

.item {
	display: none;
}

.active.item {
	display: block;
}

.box {
	position: relative;
	padding: 0;
	margin: 0 auto;
}

/*FULL SCREEN MODE*/ 

.full-slide {
	display: none;
}

.full-slide.active{
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 1199px){
	.gallery-wrapper {
		margin: 0;
	}
	.item {
		max-width: 940px;
	}
}

/*@media screen and (max-height: 1080px) {
	.social-icons {
		position: relative;
	}
}*/

@media screen and (max-height: 1024px) {
/*	.gallery-wrapper {
		margin: 0 auto;
		width: 940px;
	}*/
	#carousel > img {
		max-width: 100%;
	}
/*	.visible-box {
		width: 940px;
		margin: 0 auto;
	}*/
	.social-icons {
		position: 320px;
	}
}

@media screen and (max-height: 900px) {
	.gallery-wrapper {
		margin: 0 auto;
		width: 640px;
	}
	.visible-box {
		margin: 0 auto;
		width: 640px;
	}
	.active.item {
		max-height: 415px;
	}
}

@media screen and (max-width: 1024px), screen and (max-height: 768px){
	.annie-header .navbar-header {
		padding-top: 25px;
	}
	.active.item {
		max-width: 940px;
		max-height: 415px;
	}
	#img-container {
		max-width: 940px;
		margin: 0 auto;
	}
	footer .container {
		width: 970px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 991px), screen and (max-height: 600px){
	.item {
		max-width: 720px;
	}
	#img-container {
		max-width: 720px;
	}
	footer .container {
		width: 740px;
	}
}

@media screen and (max-width: 768px) {
	html, body {
		overflow-x: hidden;
	}
	.annie-header .navbar-brand {
		padding: 0;
		font-size: 32px;
	}
	#img-container {
		padding-bottom: 0;
	}
	.xs-controls {
		position: absolute;
		top: 40%;
	}
	.xs-controls span {
		color: #fff;
		font-size: 48px;
		text-shadow: 0px 1px 2px #000;
		cursor: pointer;
	}
	#xs-next {
		right: 0%;
	}
	#xs-prev {
		left: -4px;
	}
	.active.item {
		max-width: 100%;
		margin: 0 auto;
	}
	.social-footer {
		padding-top: 25px;
	}
}

@media screen and (max-height: 1024px){
	#top {
		margin-bottom: 50px;
	}
	.content {
		padding-bottom: 25px;
	}
}

@media screen and (max-width: 640px){
	.gallery-wrapper {
		width: 100%;
	}
	.visible-box {
		margin: 0 auto;
		margin-top: 10px;
		width: 100%;
	}
	/*.item.active:hover .list-projects {
		display: block;
	}*/
}

/*MENU VISIBLE ONLY ON XS DEVICES*/
#xs-menu h3, .submenu-xs li a, .submenu-xs ul li {
	font-size: 20px;
	font-family: 'p22-underground';
	font-weight: 200;
	color: #484848;
}
.submenu-xs li a, .submenu-xs ul li {
	cursor: pointer;
}
p.xs-description {
	font-size: 16px;
	font-family: 'p22-underground';
	font-weight: 200;
	color: #484848;
}
#xs-menu h3 {
	text-transform: uppercase;
}

.submenu-xs ul li.current {
	text-decoration: underline;
}

.xs-caption {
	padding-top: 15px;
}

#carousel-phone .active .item {
	margin: 0 auto;
}

a.video-link, a.video-link:hover{
	color: #444343 !important;
}

.collapse-category {
	cursor: pointer;
}

.collapse-category span {
	margin-left: 10px;
	font-size: .5em;
	line-height: 20px;
	float: right;
	text-shadow: 0px 0px 0px #000;
	cursor: pointer;
}

span.arrowDown {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}

span.arrowUp {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}

#slide_description {
	margin-top: 10px;
	font-family: 'p22-underground' !important;
	font-size: 12px;
	font-weight: 200;
}

#slide_description span {
	font-family: 'p22-underground' !important;
}

#slide_link > a, #slide_link > a:hover, #slide_link > a:focus, #slide_description > a, #slide_description > a:hover, #slide_description > a:focus, #picture-link > a, #picture-link > a:hover, #picture-link > a:focus {
	font-family: 'p22-underground';
	font-size: 12px;
	font-weight: 200;
	line-height: 1.2em;
	text-align: justify;
	color: rgb(51, 51, 51);
	text-decoration: underline;
}
#site-nav.collapse {
	visibility: hidden;
	height: 1px;
}
#site-nav ul {
	margin-top: 20px;
}

#site-nav ul li {
	text-align: left;
}

#site-nav ul li>a {
	font-family: "p22-underground";
	font-weight: 100;
	color: #999;
	border-right: none;
}

#site-nav ul li ul {
	margin-top: 0;
}

#slide_link {
	display: block;
}