/* CSS Document */

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
}

html > body .full-screen {
  height:auto;
}

@font-face {
font-family: 'Silka Regular';
font-style: normal;
font-weight: normal;
src: local('Silka Regular'), url("../fonts/Silka-Regular.woff") format('woff');
}


@font-face {
font-family: 'Silka Regular Italic';
font-style: normal;
font-weight: normal;
src: local('Silka Regular Italic'), url("../fonts/Silka-RegularItalic.woff") format('woff');
}

@font-face {
font-family: 'Silka Semibold';
font-style: normal;
font-weight: normal;
src: local('Silka Semibold'), url("../fonts/silka-semibold-webfont.woff") format('woff');
}

html, body {
  height:100%;
  margin:0;
  font-family: 'Silka Regular', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.full-screen {
  position: relative;
  overflow: hidden;
  height:100%;
  min-height:100%;/*for mozilla*/
}

.vertical-center {
  min-height: 100vh;
  height: auto !important;
  height: 100vh;
  
  
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

	-webkit-align-items: center;
	-webkit-align-content: center;
	-webkit-justify-content: center;

	-ms-flex-align: center;
	-ms-flex-pack: center;

	align-items: center;
    align-content: center;
	justify-content: center;
}
.btn {
	transition: .05s;
}

.btn-main{color:#27323a;background-color:#ffffff;border-color:#27323a; border-radius: 0; transition: 0.5s;}

.btn-main:hover{color:#ffffff;background-color:#435055;border-color:#27323a; transition: 0.5s;}

.btn-main.focus,.btn-main:focus{box-shadow:0 0 0 .1rem rgba(0,0,0,.5)}

.btn-main.disabled,.btn-main:disabled{color:#fff;background-color:#dddddd;border-color:#333333}

.btn-main:not(:disabled):not(.disabled).active,.btn-main:not(:disabled):not(.disabled):active,.show>.btn-main.dropdown-toggle{color:#ffffff;background-color:#000000;border-color:#ffffff}

.btn-main:not(:disabled):not(.disabled).active:focus,.btn-main:not(:disabled):not(.disabled):active:focus,.show>.btn-main.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,1)}

.bg-me {
	background-color: transparent;
	background: url("../images/HeroImg.png") center no-repeat;
	background-size: 55vh;
}

.bg-contact {
	background-color: transparent;
	background: url("../images/mail.png") center no-repeat;
	background-size: 55vh;
}

.bg-line {
	width: 100vw;
	background: url("../images/lineBG.svg") 50vw center no-repeat;
	background-size: contain;
}

.bg-line-2 {
	background: url("../images/lineBG2.svg") left no-repeat;
	background-size: contain;
}

@media screen and (max-width: 993px) {
	nav {
		background-color: #ffffff;
	}
	
	.bg-line-2 {
		background-size: cover;
		background-position: center;
	}
	
	.small-device-padding {
		padding: 30px !important;
	}
	
	.mobile-work-pt {
		padding-top: 140px !important;
	}
}

@media screen and (max-width: 1440px) {
	.helpPadding {
		padding: 20px !important;
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	  .bg-me {
		  background-size: contain;
	  }
	  .bg-line {
		  background-size: cover;
	  }
	  nav {
		  background-color: #ffffff;
	  }
	  .mobile-footer {
		  font-size: 10px;
	  }
	  .mobile-thumb-opac {
		  opacity: 0.15;
	  }
	  
	  .mobile-lh {
		  line-height: 35px !important;
	  }
	  
	  .home-mobile {
		  margin-top: -60px;
	  }
	  .mobile-margin-top {
		  margin-top: -62px;
	  }
	  .mobile-nav-padding {
		  padding: 20px !important;
	  }
	  .mobile-footer-padding {
		  padding-right: 0 !important;
		  padding-left: 0 !important;
	  }
	  .mobile-menu-padding {
		  padding-right: 0 !important;
		  margin-top: -24px !important;
		  margin-right: -8px !important;
	  }
	  .overlay-content {
		  top: 20% !important;
	  }
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #191A1E;
}

.thumb-hover {
  position: relative;
  top: 0;
  transition: top ease 0.5s;
}

.thumb-hover:hover {
  top: -10px;
}

#arrow {
  position: relative;
  top: 0;
  transition: top ease 0.5s;
}

#arrow:hover {
  top: 10px;
}

#button-push {
  position: relative;
  top: 0;
  transition: top ease 0.25s;
}
#button-push:hover {
  top: 3px;
}

#more-push {
  position: relative;
  top: 0;
  transition: top ease 0.25s;
}
#more-push:hover {
  top: 3px;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  background-color: rgba(39, 50, 58, 0.97);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 8%;
  left: 8%;
  width: 100%;
  align-content: center;
  text-align: left;
  white-space: nowrap;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #D6D6D6;
}

.overlay .closebtn {
  position: absolute;
  top: 30px;
  right: 30px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2329a19c' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2329a19c' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}