/* HOMEPAGE */ 

/* STEVE DEEKS font */

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

.deeks {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 22px;
	text-transform: lowercase;
	letter-spacing: 0.1em;
}
h1 a {
	color: white;
}

/* enlarge the home icon/logo */ 
.ms-logo {
	height: 100px;
}
@media only screen and (max-width: 805px) {
.ms-logo {
    height: 60px;
}
}

/* enlarge landscape menu width */ 
@media only screen and (min-width: 805px) {
.nav-item {
    width: 480px;
}
}
@media only screen and (max-height: 805px) {
.nav-item {
	padding: 0.45em;
}
.ms-navbar .ms-btn {
	font-size: 1.2em;
}
}

/* extend the homepage heading */ 
.ms-btn--slider {
	width: 20em;
}

/* video homepage slide */ 
.slide-inner--video .fullscreen-bg__video {
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: .2;
    min-width: 100%; 
    min-height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: opacity .6s ease-in-out;
    -webkit-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
}
.swiper-slide-duplicate-active .slide-inner--video .fullscreen-bg__video,
.swiper-slide-active .slide-inner--video .fullscreen-bg__video {
    opacity: 1;
}

/* social icons */
.nav-social a {
	color: white;
	text-align: center;
	float: left;
	font-size: 2.2em;
	width: 1.6em;
	transition: border 1s;
}
.nav-social a:hover {
	color: #DF1129;
}
@media only screen and (min-width: 805px) {
.nav-social a {
	font-size: 2.2em;
	width: 1.75em;
}
}
.social-btn {
	display: inline-block;
	position: relative;
	line-height: 1;
}
.social-btn:hover::before {
	width: 2rem;
}
.social-btn::before {
	content: '';
	position: absolute;
	top: 110%;
	width: 0;
	left: 0;
	height: 100%;
	background: #DF1129;
	height: .1rem;
	transition: width .3s ease;
}
.cont-soc a {
	font-size: 1.6em;
}
.socials a {
	font-size: 1.4em;
}
.socials a:hover,
.cont-soc a:hover {
	color: #151515;
}

/* blogpage */
.blog-youtube {
	position:relative;
	width:100%;
	height:0px;
	padding-bottom:56.25%;
}
.blog-instagram {
	position:relative;
	width:100%;
	height:540px;
	padding-bottom:120%;
}
.blog-tumblr {
	position:relative;
	width:100%;
	height:100%;
	padding-bottom:56.25%;
}
.blogifrm {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* media & film page */
.film-frame {
	background-color: black;
	width:100%;
	height:100%;	
}
/* contact */
.contact-foot {
	font-size: 1em;
}
.contact-button {
	min-width: 150px;
	margin-bottom: 20px;
}
.contact-img {
	padding-right: 12px;
}

/* basic story pages */

@keyframes storyback {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.story-back {
	position: absolute;
	top: 0;
	right: 0;
	width: 480px;
	height: 514px;
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-position: top right;
	animation: storyback;
	animation-duration: 8s;
}
.story {
	margin: 0 auto 2em;
}

.about__img {
	margin-top: 2em;
	padding-left: 4em;
}

.page-desc {
	width: 100%;
}

video {
	border: 1px solid black;
	width: 100% !important;
	height: auto !important;
}

#story-film {
}
.film-control {
    width: 100%;
}
.filmbtn {
    width: 100px;
    cursor: pointer;	
}

/* testimonial block */

.testimonial {
	margin: 3em;
}
.testimonial h4 {
	color: red;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.testimonial blockquote {
	font-size: 1em;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	margin-bottom: 1em;
	background-color: #f0f0f0;
	line-height: 1.4em;
}
.testimonial p {
	text-transform: uppercase;
	line-height: 1em;
	margin: 0 1em 1em 1em;
}
.testimonial span {
	font-size: 0.7em;
	line-height: 0.6em;
}
.testimonial img {
	width: 50%;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	margin-left: 1em;
}
.gap {
	margin-top: 2em;
}

/* wide nav */

.wide-nav {
	visibility: hidden;
	padding-left: 96px;
}

.snip1135 {
  font-family: 'Yantramanav', Arial, sans-serif
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
}
.snip1135 * {
  box-sizing: border-box;
}
.snip1135 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  padding: 0;
}
.snip1135 a {
  padding: 0.5em 0;
  color: #151515;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
}
.snip1135 a:before,
.snip1135 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1135 a:before {
  bottom: 0;
  display: block;
  height: 1px;
  width: 0%;
  content: "";
  background-color: #FF0000;
}
.snip1135 a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: red;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.snip1135 a:hover:before,
.snip1135 .current a:before {
  opacity: 1;
  width: 100%;
}
.snip1135 a:hover:after,
.snip1135 .current a:after {
  max-width: 100%;
}

/* sash */
.sash {
	width: 100%;
/*	height: 200px; */
/*	background: url('/assets/images/agentorange.jpg'); */
	background-color: #E16F37;
}
.sash-img {
	text-align: left;
	vertical-align: bottom;
}
.sash-img-right {
	text-align: right;
	vertical-align: bottom;
}
.sash-img1 {
	height: 100%;
	max-width: 714px;
}
.sash-img2 {
	max-width: 428px;
    vertical-align:bottom;
}

/* media overrides */

@media only screen and (max-width: 905px) {
	.story-back {
		visibility: hidden;
	}
}

@media only screen and (max-width: 1105px) {
	.wide-nav {
		visibility: hidden;
	}
	.story-back {
		visibility: hidden;
	}
}

@media only screen and (max-width: 805px) {
	.ms-section__block {
		margin: 0 15px 2em;
	}
	.about__img {
		padding-left: 1em;
	}
	.testimonial {
		margin: 1em 0em 0em 0em;
	}
	.sash-img2 {
		width: 70%;
	}
}