@charset "utf-8";
/* Custom Styles for Living Brand Productions website created by Monsters Edge */

/* FONTS */
a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; outline: none; color: #231f20;}
a:hover { text-decoration:none; color: #f18904;}
a:focus { outline: none;}

@font-face {
    font-family: 'helvetica_neue_lt_std75_bold';
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd-webfont.svg#helvetica_neue_lt_std75_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_neue_lt_std55_roman';
    src: url('../fonts/helveticaneueltstd-55-roman-webfont.eot');
    src: url('../fonts/helveticaneueltstd-55-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-55-roman-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-55-roman-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-55-roman-webfont.svg#helvetica_neue_lt_std55_roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd35Thin';
    src: url('../fonts/helveticaneueltstd-th.eot');
    src: url('../fonts/helveticaneueltstd-th.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-th.woff') format('woff'),
         url('../fonts/helveticaneueltstd-th.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-th.svg#HelveticaNeueLTStd35Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* PADDING */
.padY30 { padding: 30px 0;}
.padY60 { padding: 60px 0;}
.padY90 { padding: 90px 0;}

/* GENERAL */
body { font-family: 'HelveticaNeueLTStd35Thin'; color: #141313;}
strong { font-family: 'helvetica_neue_lt_std55_roman';}
h1,h2,h3,h4,h5,h6 { margin: 0 0 30px 0;}
h2 { font-size: 2.4rem;}
p { font-size: 1.4rem; margin: 0 0 30px 0;}
.error { color: red;}

.dark-bg { background-color: #141212; color: #f18904;}
.offwhite-bg { background-color: #E9ECF2;}
.orange-bg { background-color: #f18904; color: #fff;}
.orange { color: #f18904;}
.white { color: #fff;}
.row-eq-height > [class^=col]:first-of-type { display: flex;}
.down { color: #f18904; font-size: 3rem;}
.down:hover { color: #fff;}

header { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; background-color: #141212;}
header .titles { opacity: 1; height: 78px;}
header .navbar-brand img { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; opacity: 1; height: 105px;}

header.sticky { position: sticky; top: 0; left: 0; padding: 0; box-shadow: 0px -12px 16px #ccc; z-index: 1000; background-color: #141212; height: 101px !important;}
header.sticky .titles { opacity: 0; height: 0;}
header.sticky .menu { margin-bottom: 0 !important;}
header.sticky .navbar-brand img { height: 75px; width: 200px;}

#main-video, .video { padding: 0;}
#main-video video, .video video, video { width: 100%; display: block;}

.skill { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%;}
.skill .overlay { width: 100%; height: 100%; background-color: rgba(16,15,15,0.75); color: #fff; padding: 80px 40px;}
.skill .overlay h3 { font-size: 2.4rem;}
.skill .overlay p { margin: 0; font-family: 'helvetica_neue_lt_std55_roman';}

.owl-nav { position: absolute; top: 10%; left: 0; width: 100%;}
.owl-nav .owl-prev { position: absolute; left: 0px; display: block !important; margin: 0; color: #141313 !important; font-size: 3rem !important;}
.owl-nav .owl-next { position: absolute; right: 0px; display: block !important; margin: 0; color: #141313 !important; font-size: 3rem !important;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { background: none !important; color: #f18904 !important;}

.portfolio .project-thumb { display: block; position: relative; margin-bottom: 25px;}
.portfolio .overlay { width: 100%; height: 100%; background-color: rgba(16,15,15,0.70); color: #fff; padding: 30px; position: absolute; top: 0; left: 0;}
.portfolio .overlay p { color: #f18904; font-style: italic;}

#contact { color: #141313;}
#contact a:hover { color: #000 !important;}

footer .links a.jump-link { color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'helvetica_neue_lt_std55_roman'; margin: 0 10px;}
footer .links a.jump-link:hover { color: #f18904;}
footer ul.social { list-style: none; padding: 0; margin: 0;}
footer ul.social li { display: inline-block;}
footer ul.social li a { color: #fff; font-size: 1.3rem;}
footer ul.social li a:hover { color: #f18904;}

/* MENU STYLES */
.navbar-dark .navbar-nav .nav-item { margin-left: 30px;}
.navbar-dark .navbar-nav .nav-link { color: #fff; font-family: 'helvetica_neue_lt_std55_roman'; font-size: 1.4rem; padding: 5px 0;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #f18904;}
.navbar-dark .navbar-nav .nav-item.last .nav-link { background-color: #fff; color: #f18904; border-radius: 6px; padding: 5px 10px;}
.navbar-dark .navbar-nav .social { margin-left: 20px;}
.navbar-dark .navbar-nav .social a { font-size: 1.3rem;}
.navbar-toggler { border: none; font-size: 2rem; color: #fff !important; outline: none !important; box-shadow: none !important;}

.btn { text-transform: uppercase; padding: 12px 30px 10px 30px; font-family: 'helvetica_neue_lt_std55_roman'; letter-spacing: 1px;}
.btn-primary { background-color: #141212; border-color: #141212; color: #fff;}
.btn-primary:hover { background-color: #f18904; border-color: #f18904; color: #fff;}
.btn-primary.white { background-color: #fff; border-color: #fff; color: #f18904;}
.btn-primary.white:hover { background-color: #141212; border-color: #141212; color: #fff;}
.btn-secondary { background-color: #f18904; border-color: #f18904; color: #fff;}
.btn-secondary:hover { background-color: #fff; border-color: #fff; color: #f18904;}

.form-label { font-size: 1.3rem;}
.form-control { border-radius: 0; background-color: #E9ECF2; border-color: #E9ECF2; font-size: 1.3rem; padding: 10px 15px;}

/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
    .skill .overlay h3 { font-size: 2.2rem;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 810px) and (max-width: 959px) {
    .navbar-dark .navbar-nav .nav-item { margin-left: 0px;}
    .navbar-dark .navbar-nav .social { display: none;}
    .navbar { background-color: #141212;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 809px) {
    h2, .skill .overlay h3 { font-size: 2rem;}
    p { font-size: 1.2rem;}
    .padY30, .padY60, .padY90 { padding: 30px 0;}
    header { padding: 0 !important;}
    header .navbar-brand img { height: 75px; width: 200px;}
    header .menu { margin-bottom: 15px !important;}
    header .titles { height: 120px;}
    .navbar { background-color: #141212;}
    .navbar-dark .navbar-nav .nav-item { margin-left: 0px;}
    .navbar-dark .navbar-nav .social { display: none;}
    .portfolio .project-thumb { margin-bottom: 30px;}
    footer .navbar-brand img { height: 75px; width: 200px;}
    footer .links a.jump-link { margin: 0 5px;}
    footer .mb-5 { margin-bottom: 20px !important;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
 
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}