@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'AvenirLTStd-Light';
  src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Light.otf')  format('opentype'),
	     url('../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/AvenirLTStd-Light.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: "Proxima Nova S W01SC Thin";
	src: url("../fonts/b5e2b75af1aa994cb39243a656efedb9.eot"); /* IE9*/
	src: url("../fonts/b5e2b75af1aa994cb39243a656efedb9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/b5e2b75af1aa994cb39243a656efedb9.woff2") format("woff2"), /* chrome、firefox */
	url("../fonts/b5e2b75af1aa994cb39243a656efedb9.woff") format("woff"), /* chrome、firefox */
	url("../fonts/b5e2b75af1aa994cb39243a656efedb9.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url("../fonts/b5e2b75af1aa994cb39243a656efedb9.svg#Proxima Nova S W01SC Thin") format("svg"); /* iOS 4.1- */
}


body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.loading .logo {
	width: 450px;
}
.full .logo {
	width: 420px;
}
@media (max-width: 767px) {
	.loading .logo {
		width: 210px;
	}
	.full .logo {
		width: 100%;
	}
}
#slides {
	z-index: 10;
}
.fullbg {
	position: absolute;
	z-index: 50;
	/*background: url(../img/bg_pattern.png);*/
	/*background: rgba(255,255,255,0.85);*/
	text-align: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.full {
	position: absolute;
	z-index: 50;
	width: 100%;
	left: 0;
	top: 35%;
	background: rgba(255,255,255,0);
	border-top: 0px solid #DDD;
}
.slides-pagination {
	bottom: 10;
	z-index: 50;
}
@-webkit-keyframes welcomemenu {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes welcomemenu {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.main_pack_logo_nav {
	margin: 2% auto;
	text-align: center;
}
.navigation_div {
	position: relative;
	margin: 2% auto 1% auto;
}
.navigation_home {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.navigation_home>li {
	position: relative;
	float: left;
	border-left: 0px solid #999;
	-webkit-animation: welcomemenu ease-in-out;
		  animation: welcomemenu ease-in-out;
}
.navigation_home>li:first-child {
	border-left: 0px solid #999;
}
.navigation_home>li>a {
	position: relative;
	padding: 5px 18px;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	transition: all 0.4s ease;
}
.navigation_home>li:first-child>a {
	margin-left: 0px;
}
@media (max-width: 767px) {
	.navigation_home>li:first-child>a {
		margin-left: 0px;
	}
	.navigation_div {
		position: relative;
		margin: 5% auto 2% auto;
		width: 290px;
	}
	.full {
		position: absolute;
		z-index: 50;
		width: 100%;
		left: 0;
		bottom: inherit;
		top: 20%;
		background: rgba(0,0,0,0.0);
		border-top: 0px solid #DDD;
	}
	.navigation_home>li {
		position: relative;
		float: none;
		border-left: 0px solid #999;
		-webkit-animation: welcomemenu ease-in-out;
			  animation: welcomemenu ease-in-out;
	}
	.navigation_home>li>a {
		display: block;
	}
}
.smallboxover {
	position: absolute;
	width: 7px;
	height: 7px;
	background: #cb0f0e;
	opacity: 0;
	z-index: 1;
	transition: all 0.4s ease;
}
.sbo1 {
	top: 0;
	right: -9px;
}
.sbo2 {
	left: 0;
	top: -9px;
}
.sbo3 {
	left: -0px;
	bottom: -9px;
}
.sbo4 {
	right: -0px;
	top: -9px;
}
@media (max-width: 767px) {
	.navigation_home>li>a {
		padding: 2px 10px;
		font-size: 16px;
		letter-spacing: 0.25em;
	}
}
.navigation_home>li>a:hover {
	color: #FFF;
	text-shadow: 0px 0px 0px #000;
	text-decoration: none;
	transition: all 0.4s ease;
}
.navigation_home>li:hover .smallboxover {
	opacity: 1;
	transition: all 0.4s ease;
}

.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
	display: flex;
	align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
	justify-content: center;
    -webkit-justify-content: center;
}
.cell {
  position: relative;
  width: 160px;
  height: 160px;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
}
.loader.square .block {
  border-radius: 4px;
  width: 74px;
  height: 74px;
}
.loader.square .block:before, .loader.square .block:after {
  bottom: 2px;
}
.loader.square .block:before {
  left: 2px;
}
.loader.square .block:after {
  right: 2px;
}
.loader.square .block .box {
  left: 2px;
  top: 2px;
  -webkit-animation-name: slide;
          animation-name: slide;
}
.loader.circle .block {
  width: 106px;
  height: 106px;
  border-radius: 100%;
}
.loader.circle .block:before, .loader.circle .block:after {
  bottom: 18px;
}
.loader.circle .block:before {
  left: 18px;
}
.loader.circle .block:after {
  right: 18px;
}
.loader.circle .block .box {
  top: 18px;
  left: 18px;
  -webkit-transform-origin: 33px 33px;
          transform-origin: 33px 33px;
  -webkit-animation-name: roll;
          animation-name: roll;
}
.loader.reg .block {
  -webkit-animation-name: reg;
          animation-name: reg;
}
.loader.swing .block {
  -webkit-animation-name: swing;
          animation-name: swing;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.loader.swing .block .box {
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.loader.switch .block {
  -webkit-animation-name: switch;
          animation-name: switch;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: steps(4);
          animation-timing-function: steps(4);
}
.loader.switch .block .box {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

.block {
  position: absolute;
  color: #000;
  border: 2px solid;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.block:before, .block:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 4px;
}
.block:before {
  left: 2px;
}
.block:after {
  right: 2px;
}

.box {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 4px;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes slide {
  33% {
    left: 2px;
  }
  67%,100% {
    left: 36px;
  }
}

@keyframes slide {
  33% {
    left: 2px;
  }
  67%,100% {
    left: 36px;
  }
}
@-webkit-keyframes roll {
  33% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  67%,100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@keyframes roll {
  33% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  67%,100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@-webkit-keyframes reg {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes reg {
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
}
@-webkit-keyframes swing {
  25%, 50% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes swing {
  25%, 50% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@-webkit-keyframes switch {
  to {
    -webkit-transform: translate(-50%, -50%) rotate(-405deg);
            transform: translate(-50%, -50%) rotate(-405deg);
  }
}
@keyframes switch {
  to {
    -webkit-transform: translate(-50%, -50%) rotate(-405deg);
            transform: translate(-50%, -50%) rotate(-405deg);
  }
}


@media (min-width: 768px) {
	.visiteda {
		opacity: 0.6;
		transition: all 0.4s ease;
	}
	.flex-box {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		height: 100%;
	}
	.visitedmenu>a {
		width: 100% !important;
		-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
		-o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
		-ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
		background: rgba(0,0,0,0.8) !important;
		color: #FFF !important;	
		transition: all 0.4s ease;
	}
	.navbar-fixed-side {
		position: absolute;
		width: 100%;
		height: auto;
		/*top: 50%;
		transform: translateY(-55%);*/
	}
	.nav_home {
		position: fixed;
		top: 0px;
		width: 25%;
		height: 100%;
		z-index: 90;
	}
	.welcome_quote {
		position: fixed;
		width: 66.666%;
		top: 50%;
		right: 20px;
		transform: translateY(-53%);
		font-size: 20px;
		letter-spacing: 0.25em;
		line-height: 1.8em;
		text-align: right;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(1)>a {
		/*font-size: 14px;
		width: 50%;
		background: #e8af8c;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(2)>a {
		/*font-size: 12px;
		width: 80%;
		background: #b4e5f1;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(3)>a {
		/*font-size: 14px;
		width: 70%;
		background: #e8af8c;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(4)>a {
		/*font-size: 17px;
		width: 90%;
		background: #d6e88c;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(5)>a {
		/*font-size: 12px;
		width: 80%;
		background: #f7cbd8;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(6)>a {
		/*font-size: 13px;
		width: 100%;
		background: #bfc9e5;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(7)>a {
		/*font-size: 11px;
		width: 60%;
		background: #bfe5d7;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(8)>a {
		/*font-size: 14px;
		width: 80%;
		background: #d1e5bf;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(9)>a {
		/*font-size: 12px;
		width: 60%;
		background: #e5cabf;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(10)>a {
		/*font-size: 11px;
		width: 70%;
		background: #e5bfbf;*/
		transition: all 0.4s ease;
	}
	.navbar-fixed-side .navbar-nav>li:nth-child(1):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(2):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(3):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(4):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(5):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(6):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(7):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(8):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(9):hover>a, .navbar-fixed-side .navbar-nav>li:nth-child(10):hover>a {
		width: 100%;
		background: rgba(0,0,0,0.8);
		color: #FFF !important;
		opacity: 1;
		transition: all 0.4s ease;
	}
}
.container-fluid .navbar-default {
	background: transparent;
	border: 0px;
}
.navbar-fixed-side .dropdown>.dropdown-toggle, .navbar-fixed-side .dropdown-menu>.dropdown-header {
	color: #000 !important;
	font-size: 11px;
	font-weight: 600;
	font-family: "AvenirLTStd-Light", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: all 0.4s ease;
}
.navbar-fixed-side .navbar-nav .dropdown-menu {
	border: 0;
}
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a {
	line-height: 1.1em;
	text-align: right;
	transition: all 0.4s ease;
}
.navbar-fixed-side .navbar-nav>li>a {
    border-bottom: 0px solid #e7e7e7;
	color: #999;
	font-size: 12px;
	font-weight: 600;
	font-family: "AvenirLTStd-Light", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	transition: all 0.4s ease;
	margin-top: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #e7e7e7;
	text-align: right;
}
.navbar-fixed-side .navbar-nav>li>a:hover .boxred {
	opacity: 0;
	background: #E05C21;
	transition: all 0.4s ease;
}
.dropdown-menu > li > a {
	text-transform: uppercase;
	font-size: 11px;
	color: #000;
	font-weight: 600;
	font-family: "AvenirLTStd-Light", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.2em;
	transition: all 0.4s ease;
}
.navbar-nav>li>a:hover {
	color: #FFF;
	background: #000;
	transition: all 0.4s ease;
}
.boxred {
	position: absolute;
	right: 0;
	top: 0;
	background: #cb0f0e;
	opacity: 0;
	transition: all 0.4s ease;
}
.navbar-fixed-side .navbar-collapse{
	border-top: 0;
}
.container-fluid .navbar-brand {
	display: none;
}
.whitebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 1;
}
.logorightbottom , .logoleftbottom {
	position: fixed;
	z-index: 99;
	padding: 10px;
	background: rgba(255,255,255,0.8);
}
.logorightbottom {
	bottom: 15px;
	right: 15px;
	width: 13%;
}
.logoleftbottom {
	bottom: 15px;
	left: 15px;
	width: 13%;
}
@media (max-width: 992px) {
	.logoleftbottom {
		padding: 2px;
		width: 20%;
	}
}
.logorightbottom a, .logoleftbottom a {
	position: relative;
	display: block;
}
.logorightbottom a img, .logoleftbottom a img {
	position: relative;
	width: 100%;
	z-index: 50;
}
#socialmedia {
	position: relative;
	margin-top: 15px;
	text-align: right;
}
.itemimg {
	position: relative;
	width: 100%;
	padding-top: 66.66666%;
	overflow: hidden;
	z-index: 10;
}
.itemimg .itemimg_img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 100%;
	z-index: 10;
}
.pressimg {
	position: relative;
	width: 100%;
	padding-top: 33.9375%;
	overflow: hidden;
	z-index: 10;
}
.pressimg img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 100%;
	z-index: 10;
}
.activityimg {
	position: relative;
	width: 100%;
	padding-top: 128.138528%;
	overflow: hidden;
	z-index: 10;
}
.activityimg img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 100%;
	z-index: 10;
}
.input-group .input-group-addon:first-child {
	width: 19%;
	text-align: right;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 50%;
}
.btn-social-media {
	background: #e7e7e7;
	color: #999;
	transition: all 0.4s ease;
}
.btn-social-media:hover {
	background: #000;
	color: #FFF;
	transition: all 0.4s ease;
}
.page_content {
	font-family: "Proxima Nova S W01SC Thin", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 10%;
}
.page_content p {
	letter-spacing: 0.1em;
	line-height: 1.7em;
	text-align: justify;
	font-size: 14px;
}
.picture-slides {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
}
.picture-slides1 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}
@media (max-width: 767px) {
	.picture-slides {
		position: relative;
		left: 0;
		top: 0;
		background: #000;
		width: 100%;
		height: 100%;
	}
}
.floatleft {
	position: relative;
	float: left;
}
@media (max-width: 767px) {
	.logorightbottom {
		display: none;
	}
	.container-fluid .navbar-brand {
		display: block;
		padding: 5px 5px;
		margin-left: 15px;
	}
	.container-fluid .navbar-brand img {
		width: auto;
		height: 100%;
	}
	.container-fluid .navbar-default {
		background: #FFF;
		border: 0px;
	}
	.navbar-fixed-side .navbar-nav>li>a {
		margin-top: 3px;
		background: #e7e7e7;
	}
	.container-fluid .navbar {
		margin-bottom: 0;
	}
	.container-fluid nav.navbar {
		position: fixed;
		width: 100%;
		background: #FFF;
		z-index: 999;
	}
	.mobiletop50 {
		padding-top: 50px;
	}
}
@media (min-width: 768px) {
	.container-fluid .navbar-collapse {
	}
}
#works_view {
	margin-left: -10px;
	margin-right: -10px;
}
.header1 {
	position: relative;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 22px;
	line-height: 1em;
	margin-top: 10px;
}
.header2 {
	position: relative;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 16px;
	line-height: 1em;
	margin-top: 10px;
	color: #666;
}
.header4 {
	position: relative;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: 14px;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #666;
}
.pressdetails {
	position: relative;
	height: 90px;
}
.activitydetails {
	position: relative;
	height: 110px;
}
.paddingtop90 {
	padding-top: 90px;
}
.paddingtop100 {
	padding-top: 100px;
}
.works_inside {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	transition: all 0.4s ease;
}
.item a:hover .works_inside {
	opacity: 1;
	transition: all 0.4s ease;
}
.item a:hover .title_inside_works {
	opacity: 0;
	transition: all 0.2s ease;
}
.works_inside_div {
	padding: 10px;
	overflow: hidden;
}
.title_inside_works {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
	justify-content: center;
    -webkit-justify-content: center;
	color: #FFF;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	opacity: 1;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 3px 3px 3px #000;
	transition: all 0.2s ease;
}
.works_title {
	position: relative;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: #FFF;
	text-transform: uppercase;
}
.works_subtitle {
	position: relative;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: #FFF;
	text-transform: uppercase;
}
.works_typeofclient {
	margin-top: 0px;
}
.works_typeofclient, .works_location, .works_size, .works_year {
	position: relative;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 10px;
	color: #FFF;
}
.works_typeofclient strong, .works_location strong, .works_size strong, .works_year strong {
	letter-spacing: 0.1em;
}

.works_title_inside {
	position: relative;
	font-family: 'Proxima Nova S W01SC Thin', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: #000;
	text-transform: uppercase;
}
.works_subtitle_inside {
	position: relative;
	font-family: 'Proxima Nova S W01SC Thin', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1em;
	color: #000;
	text-transform: uppercase;
}
.works_typeofclient_inside {
	margin-top: 10px;
}
.works_typeofclient_inside, .works_location_inside, .works_size_inside, .works_year_inside {
	position: relative;
	font-family: 'Proxima Nova S W01SC Thin', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	padding-right: 30px;
}
.works_content_inside {
	position: relative;
	font-family: 'Proxima Nova S W01SC Thin', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: justify;
	max-height: 400px;
	overflow: auto;
	padding-right: 15px;
	padding-bottom: 15px;
}
@media (min-width: 992px) {
	.works_details {
		position: fixed;
		width: 100%;
		bottom: 10%;
	}
}
@media (max-width: 991px) {
	.works_details {
		margin-top: 20px;
	}
}
.welcombg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}
.welcombg img {
	margin-left: 3%;
}
@media (max-width: 767px) {
	.welcombg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		overflow: hidden;
	}
	.welcombg img {
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		height: 100%;
		margin: auto;
	}
}
.logo_home {
	position: relative;
	text-align: right;
}
.logo_home img {
	height: 70px;
}
.entersite {
	position: relative;
	text-align: right;
	margin-top: 20px;
	transition: all 1s ease;
}
.logo_entersite {
	margin-top: 30%;
	opacity: 0;
	transition: all 5s ease;
}
.logo_entersite.view {
	opacity: 1;
	transition: all 5s ease;
}
.entersite_a {
	position: relative;
	width: 15px;
	height: 15px;
	display: block;
	background: #cb0f0e;
	float: right;
}
.entersite_text {
	position: relative;
	color: #cb0f0e;
	float: right;
	font-family: 'AvenirLTStd-Light', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
	letter-spacing: 0.5em;
	line-height: 1em;
	font-size: 16px;
	text-transform: uppercase;
	opacity: 1;
	transition: all 0.4s ease;
}
.principal_quote {
	position: absolute;
	width: 70%;
	right: 0;
	top: 20%;
	font-size: 18px;
	text-align: justify;
	text-shadow: 0px 2px 2px #FFF;
}
.principal_home {
	position: absolute;
	left: 7%;
	bottom: 0;
	height: 100%;
	opacity: 0;
	transition: all 10s ease;
}
.principal_home.view {
	opacity: 1;
	transition: all 10s ease;
}
.principal_home img {
	height: 100%;
}
.opac1 {
	opacity: 1;
	transition: all 0.4s ease;
}
.navbar-fixed-side .navbar-toggle {
	border-color: transparent;
}
.navbar-fixed-side .navbar-toggle .icon-bar:nth-child(2) {
	background-color: #3b7d1b;
}
.navbar-fixed-side .navbar-toggle .icon-bar:nth-child(3) {
	background-color: #072cc5;
}
.navbar-fixed-side .navbar-toggle .icon-bar:nth-child(4) {
	background-color: #3b7d1b;
}
@media (max-width: 767px) {
	.animsition .fullscreen_div_admin {
		overflow: hidden;
	}
	.principal_home.view {
		opacity: 0.5;
		transition: all 10s ease;
	}
	.principal_quote {
		position: relative;
		width: 100%;
		right: 0;
		top: 0%;
		font-size: 18px;
		text-align: justify;
		text-shadow: 0px 2px 2px #FFF;
		margin-top: 60%;
	}
	.navbar-header {
		position: relative;
		bottom: inherit;
		right: inherit;
	}
	.logo_home img {
		width: 100%;
		height: auto;
	}
	.logo_entersite {
		margin-top: 10%;
	}
}









#fullscreen_div_admin {
	display: table;
}
#fullscreen_center_admin {
	display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#fullscreen_width_admin {
	width: 100%;
}
#fullscreen_content_admin {
	background: rgba(255,255,255,0.6);
	padding: 30px;
}

.invalid {
	color: #C00;
	font-weight: 700;
	font-family: 'GothamBook', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: italic;
}
#wrapper .side-nav {
	background: -moz-linear-gradient(#FFF, #FFF);
	background: -webkit-linear-gradient(#FFF, #FFF);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#FFF));
	background: -o-linear-gradient(#FFF, #FFF);
	background: linear-gradient(#FFF, #FFF);
	z-index: 2;
	-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
}
#wrapper .navbar-default {
	background: -moz-linear-gradient(#FFF, #FFF);
	background: -webkit-linear-gradient(#FFF, #FFF);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#FFF));
	background: -o-linear-gradient(#FFF, #FFF);
	background: linear-gradient(#FFF, #FFF);
	border: 0px solid #FFF;
	border-radius: 0;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	transition: all 0.4s ease;
	margin-top: 0;
	height: 20px;
}

#wrapper .navbar-default .side-nav > li > a {
	font-family: 'Gotham-Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 0px 0px 0px #333;
	line-height: inherit;
	margin-top: 0px;
	padding: 3px 15px;
}
#wrapper .navbar-default .side-nav > li > a:hover {
	color: #FFF;
	background-color: rbga(206,140,42,0.8);
}
.side-nav > li > ul > li > a {
}
.top-nav>li>a {
}
.fullscreen_content_admin #loginform {
	width: 30%;
	margin: 0 auto;
}
.admin-menu-title {
	position: relative;
	font-family: 'GothamBook', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #AAA;
	font-size: 20px;
	font-weight: 300;
	display: block;
	padding: 0px 0 0 45px;
	width: 100%;
	text-transform: capitalize;
}
#page-wrapper {
	padding-top: 30px;
	background-color: transparent;
}
#page-wrapper .page-header {
  padding-bottom: 0px;
  margin: 40px 0 10px 0;
  border-bottom: 0px solid #eee;
}
.breadcrumb {
  background-color: #fff1d9;
}
.lefttopabsolute {
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 99;
}
.righttopabsolute {
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 99;
}
.rightbottomabsolute {
	position: absolute;
	right: 10px;
	bottom: 0px;
	z-index: 99;
}
.iascol {
	position: relative;
}
.modal-dialog {
      width: 100%;
      height: 100%;
      padding: 0;
      margin:0;
}
.modal-content {    
      height: 100%;
      border-radius: 0;
      overflow:auto;
}
#accordion .panel-title {
	position: relative;
	font-size: 20px;
	font-family: "Proxima Nova S W01SC Thin", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#accordion .panel-default {
	border: 0;
}
#accordion .panel-default > .panel-heading {
  color: #333;
  background-color: #FFF;
	border: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	transition: all 0.4s ease;
}
#accordion .panel-default > .panel-heading:hover {
  color: #999;
  background-color: #e7e7e7;
	border: 0;
	transition: all 0.4s ease;
}
#accordion .panel-default > .panel-heading a {
	padding-top: 12px;
	padding-bottom: 12px;
}
#accordion .panel-default > .panel-heading a:hover {
	text-decoration: none;
}
#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
#accordion .panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
#accordion .panel-default > .panel-footer + .panel-collapse > .panel-body {
	border: 0;
}
#accordion .panel-body > div {
	line-height: 2em;
	letter-spacing: 0.1em;
	font-size: 14px;
	font-family: "Proxima Nova S W01SC Thin", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}