@charset "UTF-8";

/*
Theme Name: DuckDive 2020
*/

/* Fonts
font-family:'DIN Next LT W01 Regular';
font-family:'DIN Next LT W01 Bold';
*/

/* Styles */
* {
  padding: 0;
  margin: 0;
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  background: #FFF;
}
.header-strip {
position: relative;
width: 100%;
height: 120px;
line-height: 120px;
/*background: #FFF;*/
}
.logo {
float: left;
margin-left: 16px;
margin-right: 16px;
z-index: 2;
}
.work-link{
line-height: 120px;
position:absolute;
right:72px;
}
.work-link a {
padding: 8px;
text-decoration: none;
font-family: DIN Next LT W01 Bold;
font-weight: normal;
font-size: 24px;
color: #000;
display: block;
transition: 0.3s;
list-style: none;
}
.work-link a:hover{
	color:#7F7F7F;
}
.hamburger, .hamburger.is-active{
position:absolute;
top:14px;
right:16px;
padding:0px;
}
.hamburger-box{
width:30px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
background-color: #000;
height:2px;
width:30px;
}
.is-active {
display: block;
position:relative;
z-index:100;
}
a:focus, button:focus, .btn:focus, .btn.focus, .btn.in-touch:focus, button.btn.in-touch{
outline: none;
outline-color: none;
}
a{text-decoration:none;}
h2{
font-family: DIN Next LT W01 Bold;
font-weight: normal;
font-size: 50px;
color:#000;
}
h3{
font-family: DIN Next LT W01 Bold;
font-weight: normal;
font-size: 16px;
color:#000;
}
h4{
font-family: DIN Next LT W01 Bold;
font-weight: normal;
font-size: 36px;
color:#000;
margin-bottom:20px;
}
h4 a{
color:#000;
transition: 0.5s;
}
h4 a:hover{
color:#988C7A;
text-decoration: none;
}
.work-home h4 a{
color:#FFF;
transition: 0.5s;
}
.work-home h4 a:hover{
color:#424143;
text-decoration: none;
}
.quote h3{
	color:#FFF;
}
.quote h4{
	color:#FFF;
}
.quote{
	padding-top:60px;
	padding-bottom:60px;
}
p{
font-family:'DIN Next LT W01 Regular';
font-weight: normal;
font-size: 22px;
color:#424143;
}
.work{
	margin-bottom:25px;
}
.work-image-wrapper{
position: relative;
}
.work-image {
  display: block;
  width: 100%;
  height: auto;
}
.work h3{
color:#FFF;
}
.work h4{
font-size: 26px;
color:#FFF;
}
.work:hover .work-image-overlay {
  opacity: 1;
}
.work-image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.5);
}

.work-text {
  position: absolute;
  top: 15px;
  left: 15px;
}
.list-service{
border-bottom: 1px solid #C4C4C4;
padding-bottom: 40px;
margin-bottom:40px;
}
.list-service:last-child{
border-bottom: none;
}


.offcanvas-body ul {
  padding-right: 16px;
margin-top: 50px;
}
.offcanvas-body li {
  list-style: none;
}
.offcanvas-body li.current-menu-item a {
  font-family: DIN Next LT W01 Bold;
}
.offcanvas-body li a {
  padding: 8px;
  text-decoration: none;
  font-family:'DIN Next LT W01 Regular';
  font-weight: normal;
  font-size: 24px;
  color: #000;
  display: block;
  transition: 0.3s;
  list-style: none;
}
.offcanvas-body li a:hover,
.offcanvas-body li a:focus {
  color: #ccc;
}

footer {
	background: #000;
}
footer a{
	color:#FFF;
}
footer a:hover{
	color:#988C7A;
}
figure {
  margin: 0px;
}
.hover figure img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hover figure:hover img {
  opacity: 0.5;
}
.inline {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 992px) {

}
@media only screen and (max-width: 768px) {
}
@media handheld, only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  /*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/
}