@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,600');
#menu-d-m{display:none}
body{font-family: Oswald; background-color: #0c0306; margin:0; color:#fcc4b7; font-size:18px; text-transform: uppercase}
body, html{height:100%}
.container{min-height:100%}
a{color:#fff8dc; text-decoration:none;}
a:hover{color:#fff8dc}
#menu-d{width:100%; height:55px; background-color:#0c0306; padding-top:20px; border-bottom: 0px; position: fixed; background-size:cover; background-image: url(bg-back-no.jpg); z-index:9999}	
	#menu-d a{color: #fcc4b7; text-decoration: none;}
	#menu-d a{color: #fcc4b7; text-decoration: none; margin-left: 30px; text-transform: uppercase; font-weight:400; font-size:21px}
#menu-d a:hover{color:#fff8dc}
	#logo { width:300px; float: left; margin-left:-10px}
	#logo img{width:280px}
	#menulinks{float:right; text-align: right; margin-top:2px; margin-right:30px}
#menulinks li{display:inline; background-image: none; margin:0px; padding:0px}
#menulinks ul{padding:0px; margin:0px; height:20px}
	#content{background-image: url(about-bg.jpg); height:auto; padding:50px; text-align: center; font-weight:200; background-repeat:no-repeat; padding-top:40px;}
	#vrxmenu{ text-align: center; width: 660px; margin: auto; margin-top: 0px; padding-bottom:69px; padding-top:30px; font-weight:300; text-transform: uppercase}
	#vrxlinks{width:600px; margin:auto}
	#vrxmenu div{margin-right:40px; float:left; padding:10px 20px; cursor: pointer;}
	#vrxmenu a{color: #fff; text-decoration: none;}
	#vrxmenu a{color: #fff; text-decoration: none; margin-left: 40px; text-transform: uppercase;}
	.vrxmenu-active{background-color:rgba(0,0,0,0.3); font-weight: 400; padding:10px 20px; border-radius:5px}
	.content-inc{margin:auto; margin-top: 0px; text-align: left; overflow:hidden; height:auto; position: relative}
	.content-inc li {line-height:150%; font-weight:400; font-size: 15px;}
	.half-col-left{width: 45%; float: left}
	.half-col-right{width: 45%; float: right}
	h1{font-size:30px; font-weight: 400; line-height: 10px}
h2{font-size:34px; font-weight: 400; line-height: 10px; padding-bottom: 10px; text-align: center; color: #fff8dc}
	.green-button{background-color:#49E4B9; padding:10px 20px; border-radius: 5px; width: 200px; font-weight:400; text-align: center}
h3{font-weight:300}
div.half-col-right > a > div{color:#fff}
.clearfooter{display:block; height:100px;}
	#footer{ font-size:15px; font-weight: 200; margin: auto; margin-top: -80px; height:40px; padding-top: 20px; margin-bottom: 0px; color: #fcc4b7; clear:both; max-width:580px}
	#copyright{float:left; margin-left:30px}
	#footerlinks{float:left; margin-left:20px}
	#footerlinks a{color:#ccc; padding: 10px; text-decoration: none;}
	#footerlinks a:hover{color:#3ecaa3}
	li{list-style: none; padding-left: 25px; background-image: url(plus.png); background-size: 10px 10px; background-repeat: no-repeat; background-position: 0px 6px}
	.clearfixer{clear:both; width: 100%; clear: left right}
#content-mobile{display:none}
#mobile-menu{display:none}
#logo-mobile{display:none}
.slicknav_menu{display:none}

.work-project {
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: center;
}

.work-link {
    font-size: 15px;
    width: 100%;
    float: left;
    text-align: center;
}

.phone-wrap {
    background: url(work-img/iphone-jet-black.png);
    background-size: 223px 440px;
	background-repeat:no-repeat;
    width: 223px;
    height: 360px;
    float: left;
    padding: 39px 12px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

	.work-item{width:223px; float: left; height: 520px; margin-right: 40px}
.phone-wrap{height: 360px}
.work-images{width:100%; overflow:scroll; padding-bottom: 15px; position: relative}
.no-breaking{width:10200px}
.no-breaking img{height:550px; margin-left:20px}
.work-item img{}

.subtext{text-align: center; padding-bottom: 20px; font-size: 20px}
.copy{text-align: center; padding-bottom: 20px; font-size: 20px; width:1200px; margin:auto}
.copyservices{text-align: center; padding-bottom: 20px; font-size: 20px; width:900px; margin:auto}
.copyabout{max-width:960px; text-align: center; padding-bottom: 20px; font-size: 22px; margin:auto}
.copyclients{max-width:1100px; text-align: center; padding-bottom: 20px; font-size: 20px; margin:auto}
.copycontact{max-width:1150px; text-align: center; padding-bottom: 20px; font-size: 20px; margin:auto}
.bulletholder{max-width:1200px; margin:auto; text-align: left; background-color: rgba(0,0,0,0.20); padding: 30px; min-height: 300px}
.bulletholder li{font-size:20px; background-position: 0px 11px}
.copy li{font-size:17px}
.green{color:#3ecaa3 !important}
a.green{color:#3ecaa3 !important}
.green a{color:#3ecaa3 !important}
.partner-images img{width: 200px; margin:10px 0px 0px 15px; float: left; border: none solid #313131;
    border-radius: 10px;}
.contactinfo {width:300px; float: left}
.mapholder{float: right;}
.team-wrap{float: left; width:225px; text-align: center; margin-bottom: 50px; font-size:18px; font-weight:400}
.team-wrap img{width:140px; border-radius:50%}
.team-info-title{font-size:14px; font-weight:200}
.headline{font-size: 70px; font-weight:200; color: #fff; text-align: center;   position: absolute;
  top: 50%;
  height: 200px;
  margin-top: -120px;
	width:100%;
text-shadow: 0px 0px 20px #000}


.all {
  position: relative;
}

.green-button-home{font-size: 20px; background-color:#49E4B9; padding:10px 20px; border-radius: 5px; width: 200px; font-weight:400; text-align: center; text-shadow: none; margin: 100px auto; }

.green-button-home a{color: white}
#socials{width:300px; float:right; padding:0px; margin-top:-22px; margin-right:20px}
#socials ul li{list-style: none; display:inline; padding:0px; margin:0px; background-image:none; margin-left:10px}
#socials img{width:30px}
#social ul{padding:0; margin:0}
#footerlinks li{background-image: none; display: inline; padding: 0px}
.bulletsright{float:left; width:400px}
.bulletsleft{width:400px; float:left}
.work-details img{float:left; border: 1px solid rgba(236,236,236,.10); margin-right: 20px; margin-top: 0px; margin-bottom: 10px}
.ngvr img{width:100% !important; margin-bottom: 20px}

.vcontroller{display:block}
.openblue{display: block}

video::-webkit-media-controls-panel {
    background-color: #000;
}

video::-webkit-media-controls-volume-slider-container {
    background-color: gray;
}

video::-webkit-media-controls-volume-slider {
    background-color: gray;
}

video::-webkit-media-controls-timeline {
    background-color: gray;
}

.credititem{font-size:25px; float: left; width: 100%; letter-spacing:0px; font-weight: 400}
.by{font-size:14px; letter-spacing:0px;}

.fade{background-image:url(fade.png); width: 250px; height: 550px; background-size: 250px 600px; position: absolute; top: 0px; right: 0px; z-index: 100}

video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}



@media screen and (max-width: 960px) {
	
	#st-1{text-align: left !important; margin-bottom: 30px}
	
	.credititem{font-size:18px; float: left; width: 100%}
.by{font-size:10px}
	
	#menu-d-m{display:block}
	#menu-d{display:none}
	#logo{display:none}
	
	
	.fade{display:none}
	.no-breaking img{height:200px; margin-left:20px}
	#content{display:none} 
	#menu-d-m{width:100%; min-width:200px; display: block}
	#menu-d-m a{font-size:25px}
	#menu-d-m li{display:block}
	#menulinks{display:block}
	#vrxmenu{display:none}
	#vrxmenu div{ float:left; padding:10px 10px;}
	#content-mobile{display:block; width:100%;background-image: url(about-bg.jpg); background-size:100%; background-repeat:no-repeat; font-weight:200;}
	.content-inc{width:90%; height:auto; min-height:550px; margin-top: 0px; overflow:visible}
	.content-inc-m{width:100%; height:auto; margin-top: 0px; overflow:visible; clear: both}
	.half-col-left{width: 100%; float: none; padding: 20px 0px}
	.half-col-right{width: 100%; float: none; padding: 0px 0px 40px 0px}
	.scaling{width:100%}
	#footer{display:block; clear:both}
	#vrx-logo{text-align:center; margin-top: 0px; padding-top:30px}
	h1{line-height: 80%; font-size: 23px; margin-top:0px}
	#mobile-menu{display:none;}
	#logo-mobile{ position: relative;
    display: none;
    padding-top: 25px;
    margin-bottom: -33px;}
	#logo-mobile img{width:300px}
	.slicknav_menu{display:none}
	#logo-mobile{display:block; text-align: center }
	h2{font-size: 30px; margin-top:0px; padding-top: 40px; padding-bottom:0px}
	.bulletholder{width:100%; margin:0px; padding: 0px; background: none;}
	.copyservices li{font-size: 17px; line-height:170%}
	.copyservices{width:90%; padding-bottom: 100px; font-size:17px}
	.copyclients{width:90%; padding-bottom: 100px; font-size:17px}
	.copyabout{width:93%; font-size:20px}
	.copycontact{width:90%; font-size:17px; min-width: 300px;}
	.copy{width:90%; font-size:20px}
	#vrx-logo img{width:190px}
	.partner-images {width: 100%; margin: auto; text-align: center;}
	.partner-images img{width: 43%; border: 0px solid #313131;
    border-radius: 10px;}
	.team-wrap{width:50%; font-size:16px;}
	.team-wrap img{width:120px; border-radius:50%}
	.mapholder{float:left; width:100%}
	
	.vcontroller{display:none}
.openblue{display:none}
	
	.phone-wrap {
    background: url(work-img/iphone-jet-black.png);
    background-size: 120px 239px;
	background-repeat:no-repeat;
    float: left;
    padding: 27px 9px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
	
	.subtext{font-size:17px}

	.work-item{width:120px; float: left; height: 400px; margin-right: 20px}
.phone-wrap{height: 190px}
.work-images{width:100%; overflow:scroll; padding-bottom: 25px; margin-top:-15px; -webkit-overflow-scrolling: touch;}
.work-item img{width:104px}	
	.work-project{font-size:13px; margin-top: -10px}
	.work-link{font-size:13px; font-weight:200}
	.no-breaking{width:3880px}
	.green-button{margin:auto; width:90%}
	.green-button-home{margin-top:100px}
	
	.headline{font-size: 40px; height:100px; margin-top: -125px}
	.arvrmr{font-size:30px}
	
	#footer{min-width:100px}
	#copyright{float:none; font-size:17px; margin-top: 20px; margin-left:0px; margin-bottom: 20px}
	#footerlinks{float:none; margin-left:0; padding-left:0px; margin-bottom:40px; font-size:17px; line-height:150%; clear:both; width:100%}
	#socials{margin: auto; padding-left:0px; clear:both; width:240px; float: none; margin-top: 0px}
	#socials ul{margin-left:-40px; margin-right:0px; text-indent: 0px}
	#footer{ padding-top:20px; padding-left:0px; margin:auto; padding-bottom:30px; text-align: center}
	#socials img{width:40px}
	#socials ul li{margin-left:0px; margin-right:20px; padding-left:0px}
	#footerlinks li{display:block; line-height: 150%; list-style: none; padding-left: 20px; background-image: url(plus.png); background-size: 10px 10px; background-repeat: no-repeat; background-position: 0px 6px}
	.ngvr img{width:100% !important; margin-bottom: 20px}
	.clearfooter{display:block; height:0px;}
	
	.video-container {margin-top: 0px}
	
	body, html{height:auto}
.container{height:0px}
	.work-details img{float:left; border: 1px solid #fff; margin-right: 20px; margin-top: 0px; margin-bottom: 10px; width:120px; border: 1px solid rgba(236,236,236,.10)}
}
	
/* sml added styling */
.wrapper {
    height: 100%;
    position: relative;
}
.main-content {
    width: 100%;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: -10px;
}
.headline {
    pointer-events: none;
}
.headline .green-button-home {
    pointer-events: initial;
}
/* sml done adding styles */