/*GENERAL MOBILE STYLES*/
@media only screen and (max-width: 1024px) {

#loader {
	margin-top:65px;
	overflow:hidden;
}
	
html, body {
	width:100%;
	overflow-x: hidden;
}
	
.spinner {
display:inline-block;
margin-top:30vh;
margin-left:-0px;
height:80px;
width:80px;
left: 50%;
padding:30px;
animation-name: spin;
animation: spin 500ms ease-in-out infinite;
}
	
.hidepage{
	display:none;
}
	
.showpage{
	display:block;
}
	
.inheritheight {
	height: auto !important;
}
	
#header {
	height:40px;
	padding-top:5px;
	padding-bottom:10px;
}
	
#headerlogo {
	margin-left: 47vw;
	width:45px;
	height:45px;
}
	
#colornav {
	margin-top: 50px;
}
	
#hamburger {
	padding-top:10px;
}
		
span, .navmin {
	height:10px;
}
	
.navexpand {
	height:50px;
}

body {
	height:inherit;
	overflow-x: hidden;
}
	
.arrow {
	display:none;
	margin-top: -7vh;
}
	
polyline {
  stroke-width: 3;
}
	
#year {
	display:block;
	float:inherit;
	text-align:center;
	width: auto;
	height:auto;
}
	
p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}
	
/*MOBILE SLIDESHOW STYLES*/
	
.swiper-container {
	width: 100%;
	height: 70vh !important;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px !important;
	margin-bottom: -25px !important;
}
	
.swiper-slide {
 	text-align: center;
 	width: 100%;
	height: 100%;
	margin-top:-25px !important;
}

.swiper-pagination {
	margin-bottom:25px !important;
	margin-left:44% !important;
}
	
.swiper-button-next, .swiper-button-next:hover, .swiper-button-prev, .swiper-button-prev:hover {
	opacity:0 !important;
}

.slidertitle, .slidersubtitle {
	display:none;
}
	
#slidepage1 {
	background: url("images/pageimages/slideshowimages/slideshow1-mobile.jpg");
	background-position: center !important;
}
#slidepage2 {
	background: url("images/pageimages/slideshowimages/slideshow2-mobile.jpg");
	background-position: center !important;
}
#slidepage3 {
	background: url("images/pageimages/slideshowimages/slideshow3-mobile.jpg");
	background-position: center !important;
}

#clientsblock {
	padding: 0!important;
}
	
#clients1 {
	background-image: url("images/pageimages/clientslides/client-slide-1-mobile.jpg");
}
	
#clients2 {
	background-image: url("images/pageimages/clientslides/client-slide-2-mobile.jpg");
}
	
.swiper-container, .swiper-slide {
	padding:0 !important;
	height:inherit !important;
}
	
#clientsserved {
	background-size: 130% !important;
	padding-top: 30px !important;
	padding-bottom: 0px !important;
	height:25vh !important;
}

.clientsblock {
	padding-top:40px !important;
}
	
input, textarea, button, select, a {
  -webkit-tap-highlight-color: transparent !important;
}

p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}
	
section {
	display:inline-block;
	overflow-x:hidden;
	position:static;
	clear:left;
	z-index:1;
}

.navimage, .blackoverlay {
	float:left;
	margin-left:0;
	font-size: 1.2em;
	width: 90vw;
	margin-bottom: 20px;
	border-radius:0px;
}
	
.blackoverlay {
	height: 40px;
	padding-top: 20px;
	opacity:1;
	margin-top:240px;
	margin-left:0vw;
	visibility: visible;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	text-shadow:none !important;
}
	
.navimage {
	height: 300px;
	margin-left:5vw;
	background-size: cover !important;
	border-radius:5px;
	}
	
.navimage:hover {
}

.navblock {
	margin-top: 270px;
	margin-left: 0vw;
	margin-bottom: 10vw;
	width: 100vw;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow-y:hidden;
	overflow-x:hidden;
}
	
#nb1 {
	background-color: rgba(0,114,177,0.25);
	overflow-x:hidden;
}
	
#nb2 {
	background-color:rgba(208,38,48,0.75);
	overflow-x:hidden;
}
	
#nb3 {
	background-color:rgba(208,38,48,0.15);
	overflow-x:hidden;
}
	
#nb4 {
	background-color: rgba(0,0,0,0.15);
	overflow-x:hidden;
}
	
.navicon2 {
	display:block;
	width: 15vw;
	margin-bottom: 2vw;
	margin-left: 42vw;
}

#navpage {
	display:inline-block;
	position:relative;
	float:left;
	overflow-y:hidden;
	overflow-x:auto;
	text-align:center;
	height:inherit;
	width:400vw;
	background-attachment: fixed;
}
	
#navpage1, #navpage2, #navpage3, #navpage4  {
	overflow-y:hidden;
	padding-bottom: 15vh;
	height:auto;
}	
	
.s5{
	background-color: rgba(0,0,0,0.5);
	color:white;
}
	
.n1 {
	background-color: rgb(0,175,236);
	color:white;
}
	
.n2 {
	background-color: rgb(234,28,98);
	color:white;
}
	
.n3 {
	background-color: #F7A608;
	color:white;
}
	
.n4 {
	color:white;
	background-color:rgb(64,64,64);
}
	
.navclosed {
	margin-top:-600vh;
}
	
.navopen {
	margin-top:0vh;
}
	
.sectionheader {
	width: 90vw;
	margin-left:5% !important;
	font-weight: normal;
	font-size:2em !important;
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
	
.mediumimage {
	width:100vw;
	padding: 0;
	margin-bottom: -6px;
}
	
#dropdown {
	margin-left: 25vw !important;
}
	
#dropdownblock {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	margin-bottom:0px;
}
	
#gototop {
	width: 20px;
	height: 30px;
	padding: 5px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
	
.topicon {
	height: 30px;
}
	
#topblock {
	padding-bottom: 0px;		
}
	
.bl10 {
	margin-left: 37% !important;
}
	
#audiotechnicaproject {
}
	
#audiotechnicaproject:hover {
}
	
#cheznousproject {
	background-position: top;
}
	
#wickedrootproject {
	background-position: 50% 60%;
}
	
#whitewolfproject {
	background-position: 50% 40%;
}
	
#aanaproject {
	background-position: 0% 50%;
}	
	
#about {
	background-position: bottom !important;
}
	
#about:hover {
}
	
#resume {
}
	
#resume:hover {
}

#contact {
	background-position: bottom right !important;
}
	
#contact:hover {
}

#projectsblock {
	margin-left:0vw;
	width:100vw;
	overflow-x:hidden;
}
	
.navheader {
	position:relative;
	width: 100vw;
	margin-left:0%;
	text-align: center;
	font-size:3em;
}
	
.relatedheader {
	position:relative;
	width: 100vw;
	margin-left:0%;
	margin-top: 40px;
    margin-bottom: 30px;
	text-align: center;
	font-size:2em;
}
	
#relatedprojects {
	height:auto;
	padding-top:0px;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
	
.relatedblock {
	margin-left: -10vw;
	text-align: center;
	font-size:1em;
}
	
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
	
	h1 {
	font-size: 3em;
	margin-top: 0px;
}
	
h3 {
	font-size: 1.7em;
}
	
h4{
	font-size: 1.7em;
	margin-top: 15px;
	margin-left: 5%;
	width:90%;
}
	
h5 {
	font-size: 1em;
	margin-bottom: 30px;
}
	
.navtextbox {
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 20px;
}
	
.descriptionbox {
padding-bottom:0px !important;
}

.descriptiontext {
	font-size: 1.2em;
	line-height: 1.5em;
	width:90vw;
	margin-top: 20px;
	margin-left: 5vw;
	font-weight: 300;
}
	
.resumetext {
	display:block;
	font-size: 1.2em;
	line-height: 1.5em;
	width:90vw;
	margin-left: 5vw;
	padding-bottom: 2vh;
	font-weight: 300;
}
	
.resumeheader {
	font-size: 2em;
	width:100vw;
	margin-left:5vw;
	margin-bottom:0;
	text-align:left;
	padding-bottom: 2.5vh;
	margin-top: 60px;
}
	
.cmsframe::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.cmsframe {
	diplay:block;
	float:left;
	position:relative;
	margin-top:0px !important;
	padding-top:0px !important;
	padding-bottom:60px !important;
	width:100% !important;
	height:100% !important;
	padding:0;
	margin:0;
	left:0;
	border:none !important;
}

.largeimage{
	width: 100vw;
	border-radius: 0px;
	margin-top: -3px !important;
}
	
.headshot {
	width: 80vw !important;
}
	
form {
	width: 100vw;
	text-align:center;
}

.rightcolumn{
	width: 100vw;	
}
	
.leftcolumn{
	width: 100vw;	
}
	
input {
	width: 82.5vw;
	height: 20px;
	border-radius: 20px;
	font-weight: 300;
}
	
.companyname {
	width: 82vw;
}
	
select {
	width: 87.5vw;
	height: 40px;
	border-radius: 20px;
}
	
textarea {
	width: 83.5vw;
	height: 20px;
	border-radius: 20px;
	font-weight: 300;
}
	
#submit {
	font-size: 1.5em;
	width: 50vw;
	margin-left:20vw;
	height:65px;
	padding-top: 20px;
	border-radius: 80px;
}
	
.centeredtext {
	font-size: 1.5em;
}
	
.contacttext {
	font-size:5vw;
	letter-spacing: 0.1em;
	line-height: 4vw;
	margin-left: 5vw;
	text-decoration: none;
	font-weight: 300;
}
	
#contactform {
	margin-left: 0% !important;
	width:95vw;
}
	
#topblock {
	margin-top: -30px;
	padding-bottom: 30px;
}
	
#topblock2 {
	padding-bottom: 30px;
}	
	
.bl1 {
	margin-top:60px;
	margin-left:16.5%;
}
	
.bl4 {
	margin-top:20px;
	margin-left:16.5%;
}

.bl2 {
	margin-left:14vw;
}

.bl10 {
	margin-top:20px;
	margin-left:16.5%;
}
	
.bl2, .bl3 {
	margin-top:-20px;
}	

#mobilefooter {
	display:block;
	width:100vw;
	background-color:white;
	margin-bottom:0px;
	padding-top:30px;
	padding-bottom:60px;
	text-align: center;
}	

.bottom {
	clear:left;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:200px;
}
	
	#credit {
	padding-bottom:25px;
	text-align:center;
	margin-top:0px;
}
	
footer {
	display:none;
	width:100vw;
	text-align: center;
}
	
.copyright {
	display:block;
	clear:both;
	font-size: 0.7em;
	width:100vw;
	margin:auto;
	margin-top:5px;
	text-align: center;
}
	
#notice {
	display:block;
	clear:both;
	font-size: 0.7em;
	width:100vw;
	margin:auto;
	margin-top:5px;
	text-align: center;
}

.sm {
	display:inline-block;
	float:left;
	padding-top:0px;
	padding-bottom:10px;
	font-size: 2.5em;
	text-align: center;
}
	
#sm1{
	float:left;
	width:49%;
	margin-left:0px;
	text-align:right;
}
	
#sm2{
	float:right;
	width:49%;
	margin-right:0px;
	text-align:left;
}
}


/*GENERAL MOBILE PORTRAIT STYLES*/
@media only screen and (max-width: 1024px) and (orientation: landscape) {

.largeimage{
	margin-top: -3px !important;
}
	
p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}

.swiper-container {
	width: 100%;
	height: 70vh !important;
	margin-bottom: -25px !important;
}
	
#clientsserved {
	height: 90vh !important;
}
	
#contactform {
	margin-left: 2% !important;
	width:95vw;
}
	
#dropdown {
	margin-left: 35vw !important;
}
	
#gototop {
	width: 20px;
	height: 30px;
	padding: 5px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
	
.topicon {
	height: 30px;
}
	
#topblock {
	padding-bottom: 0px;		
}
	
.nogap {
	margin-bottom: 50px !important;
}

.descriptionbox {
	padding-bottom:0px !important;
}
	
.headshot {
	width: 40vw !important;
}
	
.largevideo {
	width: 790px;
    height: 455px;
}
	
.video-block {
	width: 100vw;
    padding: 40px 0px !important;
    text-align: center;
	height:auto;
}	
	
.small-video-block {
	padding-top: 20px;		
}

.watch-series {
	width:100%;
	text-align:center !important;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
}

/*GENERAL PORTRAIT STYLES*/
@media only screen and (max-width: 1024px) and (orientation: portrait) {

.largeimage{
	margin-top: -3px !important;
}

.navheader {
    margin-top: 170px;
}
	
#clientsserved {
    height: 35vh !important;
}
	
#gototop {
	width: 20px;
	height: 30px;
	padding: 5px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
	
.headshot {
	width: 40vw !important;
}
	
.topicon {
	height: 30px;
}
	
#topblock {
	padding-bottom: 0px;		
}
	
.nogap {
	margin-bottom: 50px !important;
}
}

/*GENERAL MOBILE PORTRAIT STYLES*/
@media only screen and (max-width: 375px) and (orientation: portrait) {

.largeimage{
	margin-top: -3px !important;
}

.sliderlink, .swiper-wrapper {
	height: 100% !important;
}	
	
#headerlogo{
	margin-left:44%;
}
	
.headshot {
	width: 80vw !important;
}
	
p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}	
	
.swiper-container {
	width: 100%;
	height: 70vh !important;
	margin-bottom: -25px !important;
}	

#dropdown {
	margin-left: 22vw !important;
}
	
#gototop {
	width: 20px;
	height: 30px;
	padding: 5px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
	
.topicon {
	height: 30px;
}
	
#topblock {
	padding-bottom: 0px;		
}
	
.bl1 {
	margin-top:60px;
	margin-left:15%;
}
	
.bl10 {
	margin-left: 21.5% !important;
}
	
#contactform {
	margin-left: -2.5% !important;
	width:95vw;
}
	
.descriptionbox {
padding-bottom:0px !important;
}
	
.largevideo {
width: 350px;
height: 192px;
}
	
.smallvideo {
width: 350px;
height: 192px;
}
	
.video-block {
	width: 100vw;
    padding: 40px 0px !important;
    text-align: center;
	height:auto;
}	
	
.small-video-block {
	padding-top: 20px;		
}

.watch-series {
	width:100%;
	text-align:center !important;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
}

/*TABLET PORTRAIT STYLES*/
@media only screen and (max-width: 1280px) and (orientation: portrait) {

.largeimage{
	margin-top: -3px !important;
}
	
h1 {
	font-size: 3em !important;
}
	
.navheader {
    font-size: 3em;
}
	
#projectsblock {
	padding-bottom: 0px !important;
}
	
/*MOBILE SLIDESHOW STYLES*/
	
p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}
	
.swiper-container {
	width: 100%;
	height: 70vh !important;
	margin-bottom: -25px !important;
}
	
.swiper-slide {
	background-size: cover !important;
}
	
.relatedblock {
	margin-left: 0vw;
	width:100%;
}
	
.navimage, .blackoverlay {
	float:left;
	margin-left: 0;
	font-size: 1.2em;
	width: 29vw;
	margin-bottom: 20px;
}
	
.blackoverlay {
	font-size:1em;
	height: 40px;
	padding-top: 20px;
	opacity:1;
	margin-top:240px;
	margin-left:0vw;
	visibility: visible;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
	
.navimage {
	height: 300px;
	margin-left:3vw;
	background-size: cover !important;
	border-radius:5px;
	}
	
.navimage:hover {
	background-size: cover !important;
}
	
.bl1 {
	margin-top:60px;
	margin-left:16.5%;
}
	
.descriptionbox {
	padding-bottom:0px !important;
}	
	
#clientsserved {
    height: 25vh !important;
}
	
#dropdown {
	margin-left: calc(50vw - 110px) !important;
}
	
footer {
	display:none;
	height: 50px;
	margin-top:calc(100vh - 50px);
	width:100vw;
	text-align: center;
}
	
#mobilefooter {
	display:block;
	clear:left;
	width:100vw;
	background-color:white;
	margin-bottom:0px;
	padding-top:30px;
	padding-bottom:60px;
	text-align: center;
}
	
.copyright {
	display:block;
	clear:both;
	font-size: 0.7em;
	width:100vw;
	margin:auto;
	margin-top:5px;
	text-align: center;
}
	
#notice {
	display:block;
	clear:both;
	font-size: 0.7em;
	width:100vw;
	margin:auto;
	margin-top:5px;
	text-align: center;
}

.sm {
	display:inline-block;
	float:left;
	padding-top:0px;
	padding-bottom:10px;
	font-size: 2.5em;
	text-align: center;
}
	
#sm1{
	float:left;
	width:49%;
	margin:0px;
	text-align:right;
}
	
#sm2{
	float:right;
	width:49%;
	margin:0px;
	text-align:left;
}
	
.largevideo {
	width: 925px;
	height: 515px;
}
	
.smallvideo {
	width: 440px;
	height: 242px;
}
	
.video-block {
	width: 100vw;
    padding: 40px 0px !important;
    text-align: center;
	height:auto;
}	
	
.small-video-block {
	padding-top: 20px;		
}

.watch-series {
	width:100%;
	text-align:center !important;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
	
form {
    padding: 0;
}
	
#contactform {
	margin-left: 7% !important;
}
	
select {
	width: 85vw;
}

textarea {
	width: 83vw;
}
}

/*TABLET LANDSCAPE STYLES*/
@media only screen and (max-width: 1280px) and (orientation: landscape) {

.largeimage{
	margin-top: -3px !important;
}
	
h1 {
	font-size: 4em !important;
}
	
.navheader {
    font-size: 4em;
	margin-top: 160px;
}
	
h3 {
	font-size: 1.8em;
}
	
#projectsblock {
	padding-bottom: 30px !important;
}
	
p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}

.swiper-container {
	width: 100%;
	height: 70vh !important;
	margin-bottom: -25px !important;
}
		
.swiper-pagination {
	margin-left:48% !important;
}
	
.swiper-button-next, .swiper-button-next:hover, .swiper-button-prev, .swiper-button-prev:hover {
	opacity:1 !important;
}
	
#slidepage1 {
	background: url("images/pageimages/slideshowimages/slideshow1.jpg");
}
#slidepage2 {
	background: url("images/pageimages/slideshowimages/slideshow2.jpg");
}
#slidepage3 {
	background: url("images/pageimages/slideshowimages/slideshow3.jpg");
}

.navimage  {
	display:inline-block;
	float:left;
	width:29.1%;
	height:200px;
	margin-left:2.5vw;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
	
.bl1 {
	margin-top:60px;
	margin-left:37%;
}
	
.hamburger {
	padding: 12px 12px 12px 1.5vw;
}
	
.blackoverlay {
	font-size: 1em;
	padding-top:17px;
	width:100%;
	height: 39px;
	margin-top: 144px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
	opacity:1;
	transition: ease-out 400ms;
}

.navblock {
	width:98.5vw;
	padding-left:1.5vw;
}

.descriptionbox {
	padding-bottom:0px !important;
}
	
.relatedblock {
	width:98.5vw;
	margin-left:1.5vw;
}

#projectsblock {
	width:98.5vw;
	margin-left:1.5vw;
}

#headerlogo {
	margin-left: 47.75vw;
}
	
.navicon2 {
	display:block;
	width: 10vw;
	margin-bottom: -1vw;
	margin-left: 44.5vw;
}
	
h1 {
	font-size: 6em;
	margin-top: 0px;
}
	
#dropdown {
	margin-left: 39% !important;
}
	
#contactform {
	margin-left: 0%;
	width:100vw;
}
	
input, .companyname {
	width: 86%;
}
select {
	width:89.5%;
}
textarea {
	width: 86%;
}
	
#submit {
	width: 42%;
	margin-left:25%;
}
	
.largevideo {
	width: 780px;
	height: 434px;
}
	
.smallvideo {
    width: 365px;
    height: 200px;
}
	
.video-block {
	width: 100vw;
    padding: 40px 0px !important;
    text-align: center;
	height:auto;
}	
	
.small-video-block {
	padding-top: 20px;		
}

.watch-series {
	width:100%;
	text-align:center !important;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
}

/*IPHONE6 - IPHONE7 PORTRAIT STYLES*/
@media only screen and (max-width: 768px) and (orientation: portrait) {

.largeimage{
	margin-top: -3px !important;
}
	
p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}
	
.swiper-container {
	width: 100%;
	height: 70vh !important;
	margin-bottom: -25px !important;
}
	
.navimage, .blackoverlay {
	width: 90vw;
}
	
.navimage {
	margin-left:0vw;
	background-size: cover !important;
}
	
.navblock .navimage {
	margin-left: 5vw !important;
}
	
.navimage:nth-of-type(1) {
	margin-left: 4.9vw;
}
	
.navheader {
	font-size:3em;
}
	
.descriptionbox {
	padding-bottom:0px !important;
}
	
#dropdown {
	margin-left: 23.5vw !important;
}
	
#gototop {
	width: 20px;
	height: 30px;
	padding: 5px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
	
.topicon {
	height: 30px;
}
	
#topblock {
	padding-bottom: 0px;		
}
	
.bl1 {
	margin-top:60px;
	margin-left:16.5%;
}
	
.bl10 {
	margin-left: 21.5% !important;
}
	
#headerlogo {
	margin-left: 43.5%;
}
	
.largevideo {
	width: 338px;
    height: 201px;
}
	
.smallvideo {
	width: 338px;
    height: 201px;
}
	
.video-block {
	width: 100vw;
    padding: 40px 0px !important;
    text-align: center;
	height:auto;
}	
	
.small-video-block {
	padding-top: 20px;		
}

.watch-series {
	width:100%;
	text-align:center !important;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
	
#contactform {
	margin-left: 5% !important;
}
	
select {
	width: 89vw;
}
}

/*IPHONE6 - IPHONEX LANDSCAPE STYLES*/
@media only screen and (max-width: 812px) and (orientation: landscape) {

.largeimage{
	margin-top: -3px !important;
}

#headerlogo {
	margin-left: 46.5%;
}
	
.hamburger {
	padding: 12px 12px 12px 1.5vw;
}
	
.navimage  {
	display:inline-block;
	float:left;
	width:28.5%;
	height:200px;
	margin-left:2.5vw;
	background-position: center;
	background-size: cover !important;
	cursor: pointer;
}
	
p.clientsblock {
	margin-top:0 !important;
	margin-bottom: 0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
}
	
.swiper-container {
	width: 100%;
	height: 70vh !important;
	margin-bottom: -25px !important;
}
	
.descriptionbox {
	padding-bottom:0px !important;
}

#dropdown {
	margin-left: 34.5vw !important;
}	
	
#gototop {
	width: 20px;
	height: 30px;
	padding: 5px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
	
.topicon {
	height: 30px;
}
	
#topblock {
	padding-bottom: 0px;		
}
	
.bl10 {
	margin-left: 33.5% !important;
}
		
.blackoverlay {
	font-size: 1em;
	padding-top:17px;
	width:100%;
	height: 39px;
	margin-top: 144px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
	opacity:1;
	transition: ease-out 400ms;
}
	
.navblock {
	width:98.5vw;
	padding-left:1.5vw;
}

.relatedblock {
	width:98.5vw;
	margin-left:2.5vw;
}
	
.bl1 {
	margin-top:60px;
	margin-left:33%;
}
	
#contactform {
	margin-left: 2.5% !important;
	width:95vw;
}
		
footer {
	display:none;
	height: 50px;
	margin-top:calc(100vh - 50px);
	width:100vw;
	text-align: center;
}
	
#mobilefooter {
	display:block;
	width:100vw;
	background-color:white;
	margin-bottom:0px;
	padding-top:30px;
	padding-bottom:60px;
	text-align: center;
}
	
.copyright {
	display:block;
	clear:both;
	font-size: 0.7em;
	width:100vw;
	margin:auto;
	margin-top:5px;
	text-align: center;
}
	
#notice {
	display:block;
	clear:both;
	font-size: 0.7em;
	width:100vw;
	margin:auto;
	margin-top:5px;
	text-align: center;
}

.sm {
	display:inline-block;
	float:left;
	padding-top:0px;
	padding-bottom:10px;
	font-size: 2.5em;
	text-align: center;
}
	
#sm1{
	float:left;
	width:49%;
	margin:0px;
	text-align:right;
}
	
#sm2{
	float:right;
	width:49%;
	margin:0px;
	text-align:left;
}
	
.largevideo {
	width: 610px;
	height: 338px;
}

.smallvideo {
	width: 280px;
	height: 152px;
}
	
.video-block {
	width: 100vw;
    padding: 40px 0px !important;
    text-align: center;
	height:auto;
}	
	
.small-video-block {
	padding-top: 20px;		
}

.watch-series {
	width:100%;
	text-align:center !important;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
	
#contactform {
	margin-left: 0.5% !important;
}
}