@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
* {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}
* {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;	
}
.transition {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;	
}
@media (min-width:992px) {
	.animated.standby {
		-webkit-animation: none !important;
		-o-animation: none !important;
		animation: none !important;
		visibility: hidden;
	}
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.o-hidden {
 overflow:hidden;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
body, html {
	width: 100%;
	height:100%;
}
body {
	color:#808080;
	background:white;
	color:black;
	font-size:16px;
}
.body {
	color:white;
	background: url(images/bg.jpg) repeat-y black;
	background-size: 100% auto;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight:700;
	color:#DBDBD0;
	text-transform: uppercase;
}
.big {
	font-size: 3.5rem;
}
@media only screen and (max-width:991px) {
	.big {
		font-size: 3rem;
	}
}
.letterspacing {
	letter-spacing:5px;
}
@media only screen and (max-width:991px) {
	.letterspacing {
		letter-spacing:2px;
	}
}
p {
	line-height:27px;
}
.row {
 	margin:0;
}
ul {
	padding-left:17px;
}
img {
	max-width: 100%;
}
.objectfit {
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
}
hr {
 	background:url(images/line.png) no-repeat bottom center;
	border: 0px;
	height: 12px;
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
}
.inlineblock {
	text-align:center;
	letter-spacing:0;
	word-spacing:0;
	font-size:0;
}
a {
 	color:#B4AF98;
 	text-decoration:none;
}
a:hover {
 	color:white;	
	text-decoration:none;
}
b, strong {
	font-weight:700;
}
.normal {
	font-weight:400;
}
.light {
	font-weight:300;
}
.thumbnail {
	display:block;
	width:100%;
	height:100%;
	background:url(images/thumbnail.png) no-repeat center center;
	border: 1px solid #e2e2e2;
}
.pointer {
  cursor:pointer;
}
a.pagesvideo, a.pagesvideo:hover {
	width:100%;
	max-width:100%;
	display:block;
	position:relative;
}
a.pagesvideo:after {
  position: absolute;
  top:0;
  left:0;
  content: '';
  display:block;
  width:100%;
  height:100%;
  background: url(images/playvideo.png) no-repeat center center;
}
iframe {
	width:100%;
	height:600px;
}
/* 480 */
@media only screen and (max-width:480px) {
	iframe {
		height:300px;
	}
}
.contoverallup {	
	position: absolute;
	z-index:100;
	top:0;
	left:0;
	display: block;
	width:100%;
}
.contoverallupfixed {
	background:black;
	position:fixed;
	box-shadow: 1px 20px 20px -15px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 20px 20px -15px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 20px 20px -15px rgba(0,0,0,0.4);
}
.clogo {
	display:inline-block;
	width:155px;
	height:155px;
	text-align: center;
	margin:15px auto;
}
@media only screen and (max-width:991px) {
	.clogo {
		width:100px;
		height:100px;
		overflow: hidden;
		position: absolute;
		top:-20px;
		left:0;
		padding:10px;
		-webkit-border-radius:50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);
		-webkit-box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);
		-moz-box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);		
	}	
}
@media only screen and (min-width:992px) {
	.clogo {
		width:155px;
		height:155px;
		overflow: hidden;
		position: absolute;
		top:-30px;
		left:15px;
		padding:20px;
		-webkit-border-radius:50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);
		-webkit-box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);
		-moz-box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);		
	}	
}
.contoverallupfixed .clogo {
	width:125px;
	height:125px;
	overflow: hidden;
	background:black;
	position: absolute;
	top:-30px;
	left:30px;
	padding:20px;
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 18px 15px -15px rgba(0,0,0,0.4);
}
.clogo img {
	width:auto;
	max-width: 80%;
	height:auto;
	max-height: 80%;
}
.contoverallup h1 {
	font-weight:300;
	font-size: 20px;
	margin-bottom: 0;
}
.contoverallup p {
	font-weight:300;
	font-size:14px;
	color:rgba(255,255,255,.5);
	margin-bottom: 0;
}
.contup {
	padding-top:30px;
}
.contoverallupfixed .contup {
	padding-top:10px;
}
@media only screen and (max-width:991px) {
	.contup {
		padding-top:0;
	}	
}
#menuright {
	width:100%;
	display:block;
	border-top:1px solid rgba(140,197,66,.5);
	padding-top:17px;
	text-align:right;
}
/* left menu */
a.menurespons, a.menurespons:hover {
	background:url(images/menu3.svg) no-repeat left center;
	background-size:30px auto;
	width:40px;
	height:30px;
	line-height:30px;
	font-size:30px;
	display:block;
	float:right;
	text-align:left;
	margin-top:30px;
}
.sidenav {
    width:100%;  
	height:100%;
	visibility: hidden;
	opacity: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left:0;
    background:black;
    overflow-x: hidden;
	 transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;	
    padding-top:70px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
}
.sidenavshow {
	visibility: visible;
	opacity:1;
}
a.linknav, a.linknav:hover, a.linknavselected, a.linknavselected:hover {
	display:inline-block;
	width:auto;
	line-height:20px;
	color:white;
	font-size:18px;		
	text-transform:uppercase;
	margin:10px 10px;
	/*text-overflow: ellipsis;*/
	position: relative;
}
a.linknav:hover, a.linknavselected, a.linknavselected:hover {
	color:#B4AF98;	
}
.sidenav hr {
	width:60%;
	margin-top:20px;
	margin-bottom:20px;
 	background:url(images/line.png) no-repeat center center;
	border: 0px;
	height:8px;
}
a.closebtn, a.closebtn:hover {
   	background:url(images/x-lg.svg) no-repeat left center;
	background-size:100% auto;
    position: absolute;
    top:30px;
    right:30px;
    width:28px;
    height:30px;
	text-align:right;
}
.header {
	width:100%;
	height:100%;
	display:block;
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	.header {
		height:900px;
	}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
	.header {
		height:800px;
	}
}
@media only screen and (min-width:321px) and (max-width:767px) {
	.header {
		height:700px;
	}
}
@media only screen and (max-width:320px) {
	.header {
		height:700px;
	}
}
.headertext {
	width:100%;
	height:100%;
	display:block;
	position: absolute;
	top:0;
	left:0;
}
.headertitle {
	color:white;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	font-size:50px;
	font-weight:300;
	text-transform: uppercase;
}
.headertitle p {
	color:white;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	font-size:30px;
	line-height:2.5rem;
	font-weight:300;
	text-transform:none;
}
@media only screen and (max-width:991px) {
	.headertitle {
		font-size:24px;
	}
	.headertitle p {
		font-size:16px;
	}
}
.contservices {
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:300px;
}
#contactForm .form-control, #contactForm .form-control:focus, #contactForm .custom-select:focus {
	border:0;
	border-radius:0;
	background:none;
	border-bottom:1px solid #FBFBFC;
	box-shadow: 0 0 0px #000000 !important;
	outline:none;
	padding:0;
	color:white;
}
#contactForm input::-webkit-input-placeholder, #contactForm textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#B4AF98;
}
#contactForm input:-moz-placeholder, #contactForm textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#B4AF98;
   opacity:  1;
}
#contactForm input::-moz-placeholder, #contactForm textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#B4AF98;
   opacity:  1;
}
#contactFormt input:-ms-input-placeholder, #contactFormt textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#B4AF98;
}
.contoveralljobs {
	background:url(img/jobs.png) no-repeat top left, url(img/jobs2.png) no-repeat bottom right;
}
#contactForm .form-control.error {
	border-bottom:1px solid red;
}

@media only screen and (max-width:991px) {
	.contoveralljobs {
		background-size:300px auto;
	}
}
.contoveralldown {
	border-top:1px solid rgba(180,175,152,.4);
}
a.upicon, a.upicon:hover {
	color:white;
	font-size:16px;
	width:auto;
	display:inline-block;
	line-height:16px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 16px;
	padding-left: 30px;
}
a.upicon:hover {
	color:#B4AF98;	
}
.tel {
	background-image: url(images/tel.svg);
}
a.scrollTop, a.scrollTop:hover {
	width:30px;
	height:36px;
	color:rgba(255,255,255,.5);
	font-size:26px;
	display:block;
	position: fixed;
	bottom:10px;
	right:30px;
	opacity:0;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #66676e;
  background-color: #c7cccf;
  border: 1px solid #b6b6b6;
}
.page-item.disabled .page-link {
  color: #66676e;
  pointer-events: none;
  cursor: auto;
  background-color: white;
  border-color: #b6b6b6;
}
.page-item.active .page-link {
  z-index: 1;
  color: white;
  background-color: #c7cccf;
  border-color: #b6b6b6;
}
.page-link:focus, .page-link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #c7cccf;
  border-color: #b6b6b6;
}
.custom-select {
	background:url(images/down.png) no-repeat right .75rem center white;
}
.loading {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
  	left:0;
  	text-align:center;
  	color:#888;
}
.loading div {
  width:100px;
  height:100px;
  display: block;
  overflow:hidden;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);	
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
}
.form-control:focus, .custom-select:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 5px #000000 !important;
}
.custom-control-label:before {
  box-shadow: 0 0 5px #000000 !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color:#000000;
  box-shadow: 0 0 5px #000000 !important;
}
.custom-control-input:active~.custom-control-label::before {
  background-color:#000000;
  box-shadow: 0 0 5px #000000 !important;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color:#000000;
  box-shadow: 0 0 5px #000000 !important;
}
.form-group label.error {
	color:red;
  font-size: 14px;
  display: block;
  width:100%;
}
.btn-primary, .btn-primary:active, .btn-primary:visited {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
	color:black !important;
}
.btn-primary:hover {
  background-color: #DBDBD0 !important;
  border-color: #DBDBD0 !important;
	color:black !important;
}
.btn-secondary, .btn-secondary:active, .btn-secondary:visited {
  background-color: #DBDBD0 !important;
  border-color: #DBDBD0 !important;
  color:black !important;
}
.btn-secondary:hover {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
	color:black !important;
}
.table-striped {
    border-bottom: 1px solid #dcccad;
}
.table-striped th {
	background-color: #dcccad !important;
;
  }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color:#f8efdf;
}
.sidehamburger {
   width:10px;  
	height:100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left:-10px;
    background:red;
    /*overflow-x: hidden;*/
	 transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;	
}
.hamburger {
	width:70px;
	height:70px;
	line-height:70px;
	padding-right:10px;
	background:black;
	text-align:right;
	position: absolute;
	opacity:0;
	top:50%;
    left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);	
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}
.scrollauto {
	max-height:320px;
	overflow-y: auto;
}
/* width */
::-webkit-scrollbar {
  width:3px;
}
/* Track */
::-webkit-scrollbar-track {
  background:#ffffff; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:#707070; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#707070; 
}
.portfolio {
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
}
.portfolio:hover {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.portfolio {
		height:120px;
	}
	.col-lg-6 .portfolio {
		height:200px;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.portfolio, .col-lg-6 .portfolio {
		height:300px;
	}
}
@media only screen and (min-width:321px) and (max-width:767px) {
	.portfolio, .col-lg-6 .portfolio {
		height:150px;
	}
}
@media only screen and (max-width:320px) {
	.portfolio, .col-lg-6 .portfolio {
		height:120px;
	}
}
.portfolio:hover::after {
	position: absolute;
	top:0;
	left:0;
	content: '';
	display:block;
	width:100%;
	height:100%;
	background: url(images/camera.svg) no-repeat center center rgba(255,255,255,.1);
	background-size:50px auto;
}