@charset "UTF-8";
/* ··············································································· GLOBAL */

video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.asm-on-page-load {
}
/* Scrollable content container */
.scrollable-content {
	/*
	box-shadow: 0 0 0.25em hsl(0 0% 0% / 0.25);
	background: hsl(0 0% 100% / 1);
	padding: 2em;
	margin: 0 auto;
	max-height: 375px;

	*/
		
	scrollbar-gutter: stable both-edges;
	/*
	
	*/
	overflow-y: scroll;
}
/* Scrollable content toggle for hiding overflow */
.scrollable-content--toggle {
	overflow-y: hidden;
}
/* Scrollable content behavior on interaction */
.scrollable-content--toggle:hover, .scrollable-content--toggle:active, .scrollable-content--toggle:focus {
	overflow-y: scroll;
}

/* Scrollbar styles for WebKit browsers */
.scrollable-content::-webkit-scrollbar {
 width: 0.5em;
}
 .scrollable-content::-webkit-scrollbar-thumb {
 background-color: hsl(250 15% 70%);
}
 .scrollable-content::-webkit-scrollbar-thumb:hover {
 background-color: hsl(250 15% 60%);
}
 .scrollable-content::-webkit-scrollbar-track {
 background-color: hsl(250 15% 85%);
}
 .scrollable-content--hint::-webkit-scrollbar-track {
 background-color: hsl(250 15% 90%);
}
 .scrollable-content--hint::-webkit-scrollbar-thumb {
 background-color: hsl(250 15% 85%);
}
 .scrollable-content--hint:hover::-webkit-scrollbar-track {
 background-color: hsl(250 15% 85%);
}
 .scrollable-content--hint:hover::-webkit-scrollbar-thumb {
 background-color: hsl(250 15% 70%);
}
/* pre-splash */
header, section, footer, .asm-wrapper, .asm-section, section div, #servicesCarousel {
	opacity: 0;
}
.asm-page > header, .asm-page section, .asm-page footer, .asm-page .asm-wrapper, .asm-page .asm-section, .asm-page section div, .asm-page #servicesCarousel {
	opacity: 1;
}
html {

 padding:0;
    margin:0;
	}
body {
	background-attachment: fixed;
	overflow-x: hidden;
 padding:0;
    margin:100px 0 0 0;

}
.asm-vertical-scrollbar {
/*
	overflow-y:auto !important;
	*/
	
}
body * {
	color: white;
	font-family: 'Ropa Sans', sans-serif !important;
}
p {
	font-size: 24px;
}
.asm-clear:after {
	clear: both;
	content: " ";
	display: block;
}
 body::-webkit-scrollbar-track, .modal-content::-webkit-scrollbar-track {
/*
	 background-color: #791d6d;

	 */
background-color: #742fc9;
}
 body::-webkit-scrollbar-thumb, .modal-content::-webkit-scrollbar-thumb {
/*
	 background-color: #791d6d;

	 */
background-color: #742fc9;
}
h1 {
	font-size: 54px !important;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: 1px !important;
}
.asm-page-wrapper {
	display: none;
}
.asm-hover {
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white !important;
}
.asm-hover-selected {
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white !important;
}
section.asm-section {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	height: calc(100vh - 100px);
	margin: 0;
	padding: 0;
}
.asm-wrapper {
	width: 76%;
	margin: 10px 12%;
}
/* ··············································································· SPLASH */

.asm-splash-bg {
	background-image: url("mp4/vecteezy_abstract-purple-swirls-in-motion-looping_22919374_POSTER-v1.jpg");
	/*
	purple color
	background-color: #4f3f94;
	
	black color of looping video 
	*/
	background-color: #070508;
	background-size: cover;
}
#asm-splash {
	opacity:0;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	/*

background-image: url(../images/splash-bg-v1.jpg);
	background-size: cover;
	background-repeat: no-repeat;


*/



	z-index: 8000;
	padding: 0;
}
#asm-splash img#asm-splash-bg {
	object-fit: cover !important;
	min-height: unset !important;
	min-width: unset !important;
	max-width: unset !important;
	margin: 0;
	padding: 0;
	/*
	width:100%; height:100%;"
	
	*/
	
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	z-index: 8000;
}
#asm-splash h1 {
	font-size: 72px;
	width: 100%;
	text-align: center;
	position: relative;
	top: calc(45% - 36px);
	margin: 0 !important;
	padding: 0 !important;
	margin-block-start: 0;
	margin-block-end: 0;
	z-index: 8001;/*
background:blue;

*/
}
#asm-splash img.asm-line {
	width: 520px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: calc(45% - 36px);
	z-index: 8001;/*
top:calc(50%);

*/
}
#asm-splash h4#asm-splash-enter {
	font-size: 38px;
	width: 100%;
	text-align: center !important;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: calc(45% - 36px);
	z-index: 8001;
}
#asm-splash-enter:hover {
	cursor: pointer;
	/*
box-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;

*/
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}
/* ··············································································· HEADER */

.home header .logo {
	position: relative;
	z-index: 15;
	margin: 0 10px;
}
.home header .logo a img {
	height:90px;
}



a.asm-contact-us-button {
	margin-top: 0px !important;
	/*
	border-color: #fd3cf9;
    
	*/
	border-color: #742fc9;
	color: #fff;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 400;
	border-radius: 0px !important;
}
a.asm-contact-us-button:hover {
	/*
	background-color: #fd3cf9 !important;
	
	*/
	background-color: #742fc9 !important;
	color: #fff;
}
#asm-header {
	/*
	background-image: url(../images/splash-bg-v1.jpg);
	background-image: url(../images/splash-bg-v2-300h-header.jpg);
	
	padding: 5px 0;
	*/
	
	background-image: url(../images/gradient-bg-v1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1999;
}
#asm-header video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000 !important;
}
#asm-header *:not(video) {
	position: relative;
	z-index: 2001 !important;
}
#asm-header .container {
	max-width: 100%;
	height: 100px;
}
#asm-header .right-header {
	margin: 0 15px 0 0;
}
#asm-header.header nav>ul li {
	outline: none !important;
}
#asm-header.header nav>ul li a {
	font-size: 18px;
	text-align: center;
	outline: none !important;
}
#asm-header.header nav>ul {
	margin: 0;
}
#asm-header.header nav>ul li a:hover {
	cursor: pointer;
	text-shadow: unset;
	color: unset !important;/*
text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;

	
*/
}
/* ··············································································· HOME */



#asm-home {
	position: relative;
	
}
#asm-home > div.asm-wrapper {
height: calc(100% - 105px) !important;
/*

min-height: 200px;
	line-height: calc(100% - 105px) !important;
	display : flex;
	align-items : center;
line-height: normal;
	display: inline-block;
	height: auto !important;
	margin: 0;
	padding: 0;


*/
	

}
.owl-carousel#servicesCarousel {
	margin: 0;
	padding: 0;
	min-height: 0 !important;
	height: 75px !important;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 1984;
	width: 100vw !important;
}
#servicesCarousel .item {
	line-height: 75px;
	text-align: center !important;
}
#servicesCarousel .item img {
	vertical-align: middle;
	line-height: normal;
}
.owl-carousel#servicesCarousel .owl-stage-outer {
	margin: 0;
	padding: 0;
	min-height: 0 !important;
	display: block;
}
.owl-carousel#servicesCarousel .owl-stage-outer .owl-stage {
	margin: 0;
	padding: 0;
	min-height: 0 !important;
	display: block;
}
.owl-carousel#servicesCarousel .owl-stage .owl-item {
	width: auto !important;
	margin: 0 10px !important;
	min-height: 0 !important;
}
.owl-dots {
	display: none;
}

.owl-nav, .owl-dots {
	display: none !important;
}
.owl-carousel.clientCarousel img {
	/*
	opacity: 0.5;
	
	*/
	opacity: 1;
}
.owl-carousel.clientCarousel img:hover {
	/*
	opacity: 0.5;
	
	*/
	opacity: 0.65;
	cursor:pointer;
}


/* ··············································································· WHO WE ARE */

#asm-who-we-are {
	display : flex;
	align-items : center;
}
#asm-who-we-are div.asm-wrapper {
	border-left: 3px solid white;
}
#asm-who-we-are div.asm-wrapper h1 {
	font-size: 54px;
	margin-bottom: 10px;
}
#asm-who-we-are div.asm-wrapper div {
	float: left;
}
#asm-who-we-are div.asm-wrapper div:nth-of-type(1) {
	width: 60%;
	padding: 0 15px;
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-mobile {display:none;}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-desktop {
	width: 40%;
	background-image: url(../images/who-we-are-graphic-v1.png);
	background-repeat: no-repeat;
	background-size: auto 450px;
	background-position: center center;
	height: 450px;
	top: 90px;
	position: relative;
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-desktop span {
	font-size: 24px;
	text-align: center;
	display: inline-block;
	clear: both;
	width: 100%;
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-desktop span:nth-of-type(1) {
	padding: 110px 0 0 0;
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-desktop span:nth-of-type(2) {
	padding: 121px 0 0 0;
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-desktop span:nth-of-type(3) {
	padding: 122px 0 0 0;
}

/* ··············································································· OUR VISION */
#asm-our-vision {
}
#asm-our-vision > .asm-wrapper {
	max-width: 1088px;
}
#asm-our-vision > div.asm-wrapper > .asm-clear {
	padding: 0 0 10px 0;
}
#asm-our-vision > div.asm-wrapper > h1 {
	font-size: 54px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div {
	float: left;
	width: 33%;
	height: inherit !important;/*
	text-align: center;
	*/
	
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(1) > span {
	float: right;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(3) > span {
	float: left;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div > span {
	border: 1px solid white;
	width: 210px;
	margin: 0 auto 50px auto;
	height: auto;
	padding: 6px 12px 6px 12px;
	font-size: 28px;
	clear: both !important;
	display: block;
	text-align: center;
	/*
	
	float: none !important;
	
	line-height: 30px;
	*/
	line-height: normal;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) {
	/*
	
	line-height: 187px;
	*/
	
	text-align: center;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) > div {
	width: 196px;
	height: 240px;
	padding: 92px 0 0 0;
	/*
	height: 187px;
	padding: 62px 0 0 0;
	*/
	margin: 0 auto 20px auto;
	background-image: url(../images/magic-circle-v1.png);
	background-repeat: no-repeat;
	background-size: auto 187px;
	background-position: center center;
	font-size: 28px;
	float: none !important;
	clear: both !important;
	vertical-align: middle !important;
	line-height: normal !important;
	display: block !important;
	position: relative;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) > div > p {
	/*
	display: inline-block;
	position: relative;
	top: -12px;

	*/
	position: absolute;
	top: 82px;
	left: 134px;
	display: block;
	padding: 0;
	margin: 0;
	font-size: 10px;
	border: none;
	clear: none !important;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) > span {
	display: block;
	float: none !important;
	clear: both !important;
}
/* ··············································································· WHAT WE DO */

#asm-what-we-do {
	display : flex;
	align-items : center;
}
#asm-what-we-do div {
	float: left;
}
#asm-what-we-do div:nth-of-type(1) h1 {
	margin: 0;
	padding: 0;
	transform: rotate(-90deg);
	font-size: 54px;
	width: 500px;
	position: relative;
	left: -145px;
	top: -110px;
	letter-spacing: 1px;
}
#asm-what-we-do div:nth-of-type(1) {
	width: 15%;
	overflow: visible;/*
height:600px;

*/
}
#asm-what-we-do div:nth-of-type(2) {
	/*
	background-image: url(../images/gradient-bg-v1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	*/
	
	border-left: 3px solid white;
	width: calc(85% - 40px);
	margin: 0px 40px 0 0;
	padding: 20px;
}
#asm-what-we-do div:nth-of-type(2) div {
	width: 25%;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}
#asm-what-we-do div:nth-of-type(2) div h4 {
	font-size: 28px;
	margin: 0;
	padding: 0;
}
/* ··············································································· OUR APPROACH */

#asm-our-approach {
	display : flex;
	align-items : center;
}
#asm-our-approach div {
	border-left: 3px solid white;
	width: 80%;
	margin: 0 10%;
	padding: 0 0 0 20px;
	height: auto;
}
#asm-our-approach div p {
	font-size: 18px;
}
#asm-our-approach div p:last-of-type {
	padding-bottom: 0;
}
/* ··············································································· CASE STUDIES */
/*
  #asm-case-studies {
	 display : flex;
  align-items : center;
}

#asm-case-studies .asm-wrapper {
width:100%;height:auto;
}

*/

.asm-small-credit {
	font-size: 10px !important;
	margin: 2px 0 0 0;
}
.asm-span-link {
	color: #5a9ff3 !important;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	clear: both;
	margin: 2px 0 2px 0;
}
.asm-span-link:hover {
	/*
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
*/
	text-decoration: underline;
	
}
.asm-case-studies-tech-lab {
	height: calc(100vh - 100px);
	padding: calc(50vh - 326px) 0 0 0; /* 100px HEADER 226px half the height of h1 + .home-posts */
}
.asm-case-studies-tech-lab-h1-wrapper {
	width: 76% !important;
	margin: 0px 12%;
}
.asm-case-studies-tech-lab .home-posts {
	margin: 0 !important;
	height: 378px !important;
	min-height: 378px !important;
}
.loop-container .loop-inner {
	overflow: hidden !important;
	height: 378px !important;
	min-height: 378px !important;
}
.loop-container .loop-inner img {
	-webkit-transition: all .23s ease-in-out;
	transition: all .23s ease-in-out;
	-o-object-fit: cover;
	object-fit: cover;
	/*
	min-width: 150px !important;	 
	
	*/
	height: 378px !important;
	min-height: 378px !important;
	min-width: 272px !important;
	margin: 0 auto;
}
.loop-container, .swiper-wrapper {
	padding: 0 !important;
	height: 378px !important;
	min-height: 378px !important;
}
.swiper-wrapper {
	/*
margin-top: 40px; 

*/

	transform: translate3d(-1972.44px, 0px, 0px);
	transition-duration: 0ms;
}
.loop-container .loop-inner .loop-overlay {
	background-color: rgba(35, 35, 35, .8) !important;
	height: 378px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	justify-content: flex-start;
}
.loop-container .loop-inner .loop-overlay {
	/* box-shadow: 2px 2px 15px #000; */
	top: 0;
	/* -webkit-transform: translateY(-40%); */
    /* transform: translateY(-40%); */
	-webkit-transform: unset !important;
	transform: unset !important;
}
.swiper-slide, .vertical-loop-img, .loop-inner {
	height: 378px !important;
	min-height: 378px !important;
	padding: 0 !important;
	width: 272px;
}
.vertical-loop-img .loop-overlay {
	min-height: 378px !important;
}
.loop-container .loop-inner .loop-overlay h3 {
	/*
position:absolute;
top:80px !important;

*/

	display: block;
	clear: both;
	position: relative;
	font-size: 32px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 1.5px;
	margin: 10px 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #fff;
}
.loop-container .loop-inner .loop-overlay .excerpt {
	display: block;
	clear: both;
	position: relative;
	padding: 0 7px;
}
.loop-container .loop-inner .loop-overlay .featureStat {
}
.btn.pink {
	background-color: #fd3cf9;
	color: #fff;
	border-color: #fd3cf9;
}
.featureStat h4 {
	color: #fd3cf9;
	font-size: 18px;
	margin: 0 0 10px 0;
}
body .swiper-button-prev {
	top: 22px;
	right: 0;
	bottom: 0;
	height: 378px;
	z-index: 1985;
	cursor: pointer;
}
body .swiper-button-next {
	top: 22px;
	right: 0;
	bottom: 0;
	height: 378px;
	z-index: 1985;
	cursor: pointer;
}
/* ··············································································· TECH LAB */

#asm-tech-lab .swiper-slide#asm-tech-lab-video {
	background-image: url("mp4/1-social-media-aspect-ratio-360-d-POSTER-v1.jpg");
	background-size: cover;
}

#asm-tech-lab .vertical-loop-img video {opacity:1;}











/* ··············································································· ABOUT US */
 
#asm-about-us {
	display : flex;
	align-items : center;
	width: 100% !important;
	margin: 10px 0;
}
#asm-about-us div {
	float: left;
}
#asm-about-us div:nth-of-type(1) h1 {
	margin: 0;
	padding: 0;
	transform: rotate(-90deg);
	font-size: 54px;
	width: 500px;
	position: relative;
	/*
	left: -145px;
	
*/	
	left: -205px;
	top: -125px;
	letter-spacing: 1px;
}
#asm-about-us div:nth-of-type(1) {
	width: 5%;
	overflow: visible;/*
height:600px;

*/
}
#asm-about-us div:nth-of-type(2) {
	border-left: 3px solid white;
	width: calc(95% - 20px);
	margin: 0 20px 0 0;
	/*
	background-image: url(../images/gradient-bg-v1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
*/	

	padding: 15px 10px 0;
}
#asm-about-us div:nth-of-type(2) div {
	/*
	with Danielle
	
	width: 20%;
	
	*/
	/*
	without Danielle
	*/
width: 25%;
float: left;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}
#asm-about-us div:nth-of-type(2) img {
	width: 125px;
	height: auto;
	margin: 0 auto 5px auto !important;
	padding: 0 !important;
	display: block !important;
}
#asm-about-us div:nth-of-type(2) div h3 {
	font-size: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	text-align: center;
}
#asm-about-us div:nth-of-type(2) div h4 {
	/*
	font-size: 22px !important;
	
	*/
	font-size: 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	text-align: center;
}
#asm-about-us div:nth-of-type(2) div p {
	font-size: 14px;
	margin: 5%;
}
/* ··············································································· CONTACT US */ 

section#asm-contact-us {
/*
	display : flex;
	align-items : center;
	margin: 0 12%;

	*/
	
}
section#asm-contact-us .asm-wrapper video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000 !important;
}
section#asm-contact-us .asm-wrapper *:not(video) {
	position: relative;
	z-index: 1100 !important;
}
section#asm-contact-us .asm-wrapper {
	position: relative;
	max-width: 1088px;
	/*
	width: 100%;
	
	*/
	
	min-height: 300px;
	text-align: center;
	padding: 25px 10%;
}
section#asm-contact-us .asm-wrapper img:nth-of-type(1) {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
}
section#asm-contact-us .asm-wrapper h1 {
	width: 100%;
	height: 54px;
	overflow: hidden;
	line-height: 54px;
	padding: 0 5% !important;
	letter-spacing: 2px !important;
}
.fulljustify {
	text-align: justify !important;
}
.fulljustify:after {
	content: "";
	display: inline-block;
	width: 100%;
}
section#asm-contact-us .asm-wrapper img:nth-of-type(2) {
	display: block;
	clear: both;
	width: 95%;
	margin: 0 auto;
}
section#asm-contact-us .asm-wrapper div p {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
	float: left;
	display: inline-block;
}
section#asm-contact-us a:hover {
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}
.loop-container .loop-inner .loop-overlay {
	border-radius: 0 !important;
}
.asm-form-error {
	box-shadow: inset 0 0 10px #fd3cf9;
}
form#asm-form-contact {
	width: 84%;
	padding: 0;
	margin: 0 auto;
	height:158px;
	}
form#asm-form-contact .asm-form-entry {
	border: none;
	background: white;
	color: #301934;
	line-height: 24px;
	padding: 2px 4px;
	margin: 0 0 10px 0;
	font-size: 24px;
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	outline: none !important;
}
 form#asm-form-contact ::placeholder {
 color: #DCDCDC;
 opacity: 1; /* Firefox */
}
form#asm-form-contact textarea.asm-form-entry {
	height: 48px;
	resize: vertical;
	padding: 10px 4px;
}
form#asm-form-contact input[type="submit"] {
	clear: both;
	float: none;
	outline: none !important;
}
form#asm-form-contact label {
	display: none;
}
form#asm-form-contact input[type="submit"] {
	margin-top: 0px !important;
	/* border-color: #fd3cf9; */
	border-color: #742fc9;
	color: #fff;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 400;
	border-radius: 0px !important;
	width: 100%;
	font-size: 26px;
} /* based on top nav CONTACT US button*/
form#asm-form-contact input[type="submit"]:hover {
	/*
	background-color: #fd3cf9 !important;
	
	*/
	background-color: #742fc9 !important;
	color: #fff;
}
section#asm-contact-us .asm-wrapper #asm-form-contact-ajax-response-wrapper {
	opacity:1;
	display: none;
	align-items:center;
	justify-content:center;
	position: absolute !important;
	height:100%;
	width:100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3000 !important;
	color: white;
	font-size: 18px;
	text-align: center;
	background-color:rgba(0, 0, 0, 0.9);
	background-size: cover;

	/*
	background-image: url(../images/gradient-bg-v1.jpg);
	
	background:black;
	
	*/
	
}
#asm-form-contact-ajax-spinner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2001;
	opacity: 1 !important;
	background: none !important;
}
#asm-form-contact-ajax-response {
	z-index: 2002;
	color: white;
	font-size: 28px;
	text-align: center;
	background: none !important;
	line-height:normal;
	
	opacity: 1;
	display: none;
	/*
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;

	*/
	}
/* PAGES */


.asm-page p {}



/* TECH LAB */
#asm-360-capture-1 img {width:100%;display:block;clear:both;float:none;margin:0;padding:0;}
.asm-responsive-image-row img {float:left !important;display:block;}

/* CASE STUDIES */

    #myRowID {margin-top:-5px;}

.asm-page > header > div > .logo > a > img {height:90px;}

.asm-page img {display:block !important;}

/*
white-space: normal;
*/


.asm-page .asm-wrapper {
	width: 76%;
    margin: 10px 12% 20px 12%;
	max-width:1200px;
	}

.asm-page h1 {
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
section.asm-section.asm-page-h1 {
	min-height: unset !important;
	height: auto;
	position: relative;
}

.asm-page section.asm-page-h1 a {
top: 4px;
    position: absolute;
   
    text-decoration: none;
    display: block;
    height: auto !important;
    margin: 0;
    padding: 0;
}	


.asm-page section.asm-page-h1 a.asm-arrow-previous {
	 left: 14px;
   
}
.asm-page section.asm-page-h1 a.asm-arrow-next {
	right: 14px;
   
}
.asm-page section.asm-page-h1 a img {
margin: 0 0 1px 0;
    padding: 0;
    width: 30px;
    display: block;
    clear: both;
}
.asm-page section.asm-page-h1 a.asm-arrow-previous img {
	/*
		 -webkit-transform: scaleX(-1);
  transform: scaleX(-1);

	*/

    float: left;
}

.asm-page section.asm-page-h1 a.asm-arrow-next img {
	
    float: right;
}



/*
.asm-page section.asm-page-h1 a span:nth-of-type(1) {
	height: auto;
	line-height: 50%;
	font-size: 52px;
	display: block;
	clear: both;
	font-weight: 100;
}


*/
.asm-page section.asm-page-h1 a span {
	font-size: 18px;
    font-style: italic;
    font-weight: normal;
    display: block;
    clear: both;
}
.asm-page section.asm-page-h1 a span:hover {
	text-decoration: underline;
}
.asm-page section.asm-section {
	height: unset !important;
	
}
.asm-page section.asm-section.asm-page-section-right {
}
.asm-page section.asm-section.asm-page-section-left {
}
.asm-page .asm-page-panel-wrapper {
	display: block;
	width: 100%;

	margin: 0;
	padding: 0;
}

.asm-page .asm-page-panel-wrapper a {
	text-decoration:none;
	color:#5a9ff3;
	}
.asm-page .asm-page-panel-wrapper a:hover {
	text-decoration:underline;
	}





.asm-page .asm-page-panel-wrapper img {
	width: 50%;
	height: auto;
	display: block;
}

.asm-page .asm-page-panel-wrapper p {
	text-align:justify;
	line-height:110%;
	letter-spacing:1px;
}

.asm-page .asm-page-section-right .asm-page-panel-wrapper img {
	float:right !important;
	margin:0 0px 10px 20px !important;
}

.asm-page .asm-page-section-left .asm-page-panel-wrapper img {
	float:left !important;
	margin:0 20px 10px 0 !important;
}

.asm-page .asm-page-section-full .asm-page-panel-wrapper img {
width:100%;	
float:none !important;
clear:both !important;
	margin:0 0px 10px 0 !important;
}


.asm-page  .asm-page-panel-wrapper  p  span.asm-small-credit {
font-size:16px !important;line-height:16px !important;text-align:left !important;	
}
/*

#asm-exhibition-2 > .asm-wrapper > .asm-page-panel-wrapper div {
width:50%;float:left;margin:0;
}

#asm-exhibition-2 > .asm-wrapper > .asm-page-panel-wrapper > div img{
width:100%;margin:0;display:block;
}

#asm-exhibition-2 > .asm-wrapper > .asm-page-panel-wrapper > div:nth-of-type(1) {
padding:0 5px 0 0;
}

#asm-exhibition-2 > .asm-wrapper > .asm-page-panel-wrapper > div:nth-of-type(1) img {
clear:both;
}


#asm-exhibition-2 > .asm-wrapper > .asm-page-panel-wrapper > div:nth-of-type(2) {
padding:0 0 0 5px;
}


#asm-exhibition-3 > .asm-wrapper > .asm-page-panel-wrapper div:nth-of-type(1) {
width:74.5%;float:left;margin:0;padding:0 5px 0 0;
}
#asm-exhibition-3 > .asm-wrapper > .asm-page-panel-wrapper div:nth-of-type(2) {
width:25.5%;float:left;margin:0;padding:0 0 0 5px;
}

#asm-exhibition-3 > .asm-wrapper > .asm-page-panel-wrapper > div img{
width:100%;margin:0;display:block;
}



#asm-exhibition-4 > .asm-wrapper > .asm-page-panel-wrapper div:nth-of-type(1) {
}
#asm-exhibition-4 > .asm-wrapper > .asm-page-panel-wrapper div:nth-of-type(2) {
}
#asm-exhibition-4 > .asm-wrapper > .asm-page-panel-wrapper > div img{
}

*/

#asm-hamburger, 
#asm-nav-mobile-contact-us, 
.asm-flex-break, 
#asm-servicesCarousel-mobile-wrapper,
#asm-tag-small-mobile {
display:none;
}


@media only screen and (max-width: 767px) {
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ START MOBILE */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ START MOBILE */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ START MOBILE */

/* GLOBAL */
body {
    margin: 50px 0 0 0 !important;
}

p {font-size:17px;}




/* SPLASH */



#asm-splash h1 {
	font-size: 34px !important;
	top: calc(50% - 49px) !important;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	margin-block-start: 0;
	margin-block-end: 0;
	z-index: 8001;
}
#asm-splash img.asm-line {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: calc(45% - 19px);
	z-index: 8001;
	/*
top:calc(50%);

*/
}
#asm-splash h4#asm-splash-enter {
	font-size: 32px !important;
	width: 100%;
	text-align: center !important;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: calc(45% - 19px);
	z-index: 8001;
}

/* HEADER */

#asm-header .container {
    max-width: 100%;
    height: 50px;
}
.home header#asm-header .logo {
	position: relative;
	z-index: 801;
	margin: 0 0 0 5px;
}
.home header .logo a img {
	height:45px;
}

#asm-header .right-header, 
.header nav
{display: none !important;}

#asm-header.header nav>ul li a {font-size:20px;}


#asm-header.header nav > ul > li > a {
    padding: 10px 0;
}

#asm-header.header nav > ul > li:first-of-type > a {
    padding: 50px 0 10px 0;


}


#asm-header.header nav > ul > li:last-of-type > a {
    padding: 10px 0 0 0;
}


#asm-hamburger {
    width: 30px;
    height: 30px;
    display: block;
    position: fixed !important;
    top: 10px;
    right: 5px;
    z-index: 801;
}

#asm-hamburger #asm-menu-toggle {
    width: inherit !important;
    height: inherit !important;
    font-size: 22px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    float: none !important;
    display: block !important;
    left: unset !important;
    bottom: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    border: none !important;
    outline: none !important;
    background: none;
}





#asm-hamburger #asm-menu-toggle i {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff !important;
    background: none !important;
    cursor: pointer !important;
}

#asm-hamburger #asm-menu-toggle i.icono-cross {
    display: none;
}

.header nav.mobile-flex {
z-index: 3000;
	background: #000000;

display:flex !important;	
align-items: flex-start;
    justify-content: center;
   /*
    height: calc(100vh - 50px);
   
   
   
   */
    height: 100vh;
    top: 50px;
    width: 100vw;
    position: fixed !important;
    left: 0;
	margin:0  !important;
	padding:0  !important;
}	
	
	
.header nav.mobile-flex>ul {
display:block;	
height:unset !important;


/*
background:green;
*/

}

#asm-nav-mobile-contact-us {display:block;}
.header nav.mobile-flex>ul li {
display:block;
clear:both;	
}
		



/* SECTIONS */

/*
section.asm-section {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	height: calc(100vh - 100px);
	margin: 0;
	padding: 0;
}
.asm-wrapper {
	width: 76%;
	margin: 10px 12%;
}
*/

section.asm-section {
width:100vw !important;
align-items: flex-start;
/*
background:pink;

*/

}

.asm-wrapper {
    width: calc(100% - 16px);
    margin: 5px 8px;
/*
background:green;

*/	
	}

#asm-home, #asm-who-we-are, #asm-our-vision, #asm-what-we-do, #asm-our-approach, #asm-tech-lab, #asm-case-studies, #asm-about-us, #asm-contact-us {
    min-height: calc(100vh - 50px) !important;
	height: auto !important;

	
}

#asm-about-us {
    height: auto !important;
/*
background:blue !important;

*/	

}


#asm-home, #asm-who-we-are, #asm-our-vision, #asm-what-we-do, #asm-our-approach, #asm-tech-lab, #asm-case-studies, #asm-about-us {

/*
display:none !important;

*/

}


/* HOME */
#asm-home.asm-section {
	flex-direction: column;
	/*
	background:red !important;
	height: calc(100vh - 100px) !important;
	
	*/
	
	}
#asm-home.asm-section > div.asm-wrapper {
    min-height: 200px;
    line-height: unset !important;
    display: flex;
    align-items: center;
	flex-direction: column;
}

/*
#asm-home.asm-section > div.asm-wrapper p:nth-of-type(2),
#asm-home.asm-section > div.asm-wrapper p:last-of-type
{margin-bottom: 0;}

*/

/*
#asm-servicesCarousel-mobile-wrapper {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 50px;
}
	*/

.owl-carousel#servicesCarousel {
	padding: 0;
	min-height: 0 !important;
	top:unset !important;
bottom:unset !important;
margin:0 !important;
height: 50px !important;
	background:none !important;
position:relative !important;
left: unset;
	z-index: 1984;
	width: 100vw !important;
	clear:both !important;
	float:none !important;
}







.owl-carousel.clientCarousel img {opacity:1;}

#servicesCarousel .item {
    line-height: unset !important;
}

/* WHO WE ARE */
#asm-who-we-are {
	display : flex;
	align-items : flex-start;
}
#asm-who-we-are div.asm-wrapper {
	border-left: none;
}
#asm-who-we-are div.asm-wrapper h1 {
	font-size: 26px !important;
	margin: 5px 0 0 0;
	padding:0;
	width:100%;
	text-align:center;
}
#asm-who-we-are div.asm-wrapper div {
	float: none;
}
#asm-who-we-are div.asm-wrapper div:nth-of-type(1) {
	width: 100%;
	padding: 0 ;
}

#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-desktop {display:none;}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-mobile {
	width: 75px;
	background-image: url(../images/who-we-are-graphic-v1.png);
	background-repeat: no-repeat;
	background-size: auto 300px;
	background-position: center center;
	height: 300px;
	top: 0px;
	position: relative;
	float:right;
	margin:0 0 10px 10px;
	display:block;
	/*
	background-color:red;
	*/
	
	
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-mobile span {
	font-size: 17px;
	text-align: center;
	display: inline-block;
	clear: both;
	width: 100%;
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-mobile span:nth-of-type(1) {
	padding: 73px 0 0 0;
/*
padding: 110px 0 0 0;

*/
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-mobile span:nth-of-type(2) {
	padding: 83px 0 0 0;
/*
padding: 121px 0 0 0;

*/
}
#asm-who-we-are div.asm-wrapper div#asm-who-we-are-graphic-mobile span:nth-of-type(3) {
	padding: 80px 0 0px 0;
/*
padding: 122px 0 0 0;

*/
}

#servicesCarousel .item img {
height:30px;	
}

/* ··············································································· OUR VISION */
#asm-our-vision {

}
#asm-our-vision > .asm-wrapper {
	width:95%;
	margin:5px 0;
	max-width: 1088px;
	}
#asm-our-vision > div.asm-wrapper > .asm-clear {
	padding: 0 0 0px 0;
}
#asm-our-vision > div.asm-wrapper > h1 {
	font-size: 32px !important;
	margin-bottom: 0px;
	width: 100%;
	text-align: center;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div {
	float: left;
	width: 33%;
	height: inherit !important;/*
	text-align: center;
	*/
	
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(1) > span {
	float: right;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(3) > span {
	float: left;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div > span {
	border: 1px solid white;
	width: 100%;
	margin: 0 auto 20px auto;
	height: auto;
	padding: 6px 12px 6px 12px;
	font-size: 16px;
	clear: both !important;
	display: block;
	text-align: center;
	/*
	
	float: none !important;
	
	line-height: 30px;
	*/
	line-height: normal;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) {
	/*
	
	line-height: 187px;
	*/
	
	text-align: center;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) > div {
	width: 100%;
	height: 145px;
	padding: 50px 0 0 0;
	/*
	*/
	margin: 0 auto 20px auto;
	background-image: url(../images/magic-circle-v1.png);
	background-repeat: no-repeat;
	background-size: auto 100px;
	background-position: center center;
	font-size: 18px;
	float: none !important;
	clear: both !important;
	vertical-align: middle !important;
	line-height: normal !important;
	display: block !important;
	position: relative;
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) > div > p {
	/*
	display: block;
	
	*/
	display:none;
	position: absolute;
	top: 82px;
	left: 134px;
	padding: 0;
	margin: 0;
	font-size: 10px;
	border: none;
	clear: none !important;
	
}
#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) > span {
	display: block;
	float: none !important;
	clear: both !important;
}
/* ··············································································· WHAT WE DO */

#asm-what-we-do {
	position: relative;
    align-items:flex-start !important;
	justify-content:unset !important;
		display:flex;
	flex-direction:column !important;
	width: calc(100vw - 10px) !important;
margin:0 3px 20px 3px;
	
	
}
#asm-what-we-do div {
	float: none !important;

	/*
	
	*/
	
}
#asm-what-we-do > div:nth-of-type(1) {
	width: 100%;
	overflow: hidden;
	float:none !important;
	clear:both !important;
	display:block !important;
align-self: flex-start;
	/*
	margin-top: auto;
	flex-basis: 100%;
height:600px;

*/
}
#asm-what-we-do div:nth-of-type(1) h1 {
	margin: 0;
	padding: 0;
	transform: unset;
	font-size: 32px !important;
	width: 100%;
	position: relative;
	left: unset;
	top: unset;
	letter-spacing: unset;
	text-align:center;
}

#asm-what-we-do > div:nth-of-type(2) {
	min-height:30px;
	display:flex;
	flex-direction:row;
	/*
	border-left: 3px solid white;
	
	*/
	
	float:none !important;
	clear:both !important;
	border-left: none !important;
	
	width: 100% !important;
	margin: 0px;
	padding: 3px 0 0 0;
	
	
}


#asm-what-we-do div:nth-of-type(2) div:first-of-type {

/*
  margin-right: auto; 

*/

}

#asm-what-we-do > div:nth-of-type(2) div {
	/*
	width: 20%;
	float: left !important;
	
	*/
	padding: 0 3px !important;
  max-width:25%;
	overflow: hidden !important;
	
	margin: 0 !important;
	border: none !important;
	background: none !important;
	font-size:12px !important;
}
#asm-what-we-do div:nth-of-type(2) div *:not(h4) {
	display:none;
	}

#asm-what-we-do div:nth-of-type(2) div h4 {
	clear:both;
	font-size: 14px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

/* ··············································································· OUR APPROACH */

#asm-our-approach {
	



position: relative;
    align-items:flex-start !important;
	justify-content:unset !important;
		display:flex;
	flex-direction:column !important;
	
	/*
	width: calc(100vw - 10px) !important;

	*/
	





}
#asm-our-approach div {
	border-left: none;
	width: 100%;
    margin: 0;
    padding: 0 15px 0 10px;
height: auto;
}


#asm-our-approach > div > h1 {
    width:100%;
	text-align:center;
	font-size: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 1px !important;
}

#asm-our-approach div p {
	font-size: 17px;
	margin-bottom: 10px;
}
#asm-our-approach div p:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* ··············································································· TECH LAB */
#asm-tech-lab .left-margin {
    margin-right: 17px !important;
}

#asm-tech-lab {
display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

body .swiper-button-prev, body .swiper-button-next {
    padding: 0 14px !important;
}

.vertical-loop-img {

position: relative;
    left: 24px;
}

.asm-case-studies-tech-lab-h1-wrapper {
    width: 100% !important;
    margin: 0px;
	margin:30px 0 0 0;
}
.asm-case-studies-tech-lab-h1-wrapper > h1{
    
	width: 100% !important;
    font-size:32px !important;
	text-align:center;
	
}

#asm-tech-lab .swiper-slide#asm-tech-lab-video {
	background-image: url("mp4/1-social-media-aspect-ratio-360-d-POSTER-v1.jpg");
	background-size: cover;
}

#asm-tech-lab .vertical-loop-img video {opacity:1;}

.loop-container .loop-inner .loop-overlay {
opacity:1;
box-shadow:unset;
background: none !important;

width: 278px !important;
/*
background:red !important;
*/

	}
.loop-container .loop-inner .loop-overlay h3 {margin:calc(50% + 28px) 0 0 0;}
.loop-container .loop-inner .loop-overlay h3
{
/*
text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black !important;

*/

text-shadow: 2px 2px 4px black, 0 0 2em black, 0 0 0.4em black !important;

}
.loop-container .loop-inner .loop-overlay .featureStat h4 {font-size:20px;}

.loop-container .loop-inner .loop-overlay .excerpt,
.loop-container .loop-inner .loop-overlay .featureStat {display:none !important;}

/* ··············································································· ABOUT US */
 
#asm-about-us {
		display: flex;
	flex-direction:column;
	
	align-items : flex-start;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	justify-content:center;
}
#asm-about-us div {
	float: none !important;
}
#asm-about-us div:nth-of-type(1) {
	
	width: 100%;
	overflow: visible;
	clear:both;
	
	/*
height:600px;

*/
}
#asm-about-us div:nth-of-type(1) h1 {
	font-size: 32px !important;
	margin: 0;
	padding: 0;
	transform: unset;
	width: 100%;
	position: relative;
	left: unset;
	top: unset;
	letter-spacing: 1px;
	text-align:center;
}
#asm-about-us > div:nth-of-type(2) {
	
	border-left:none !important;
	width: 100%;
	margin: 0 0 10px 0 ;
	padding: 0;
	min-height:100px;
	display:flex;
	
	flex-flow:row wrap;
 justify-content: center !important;
	/*
	flex-direction:row;
	*/
	
	
}
#asm-about-us > div:nth-of-type(2) > div {
	
width: 42%;

	/*
	width: 25%;

	*/
	text-align:center;
	float: none;
	margin: 0 6px  10px  6px !important;
	padding: 0 !important;
	border: none !important;
	}
#asm-about-us > div:nth-of-type(2) > div:last-of-type {
	width: 86%;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	
}
#asm-about-us > div:nth-of-type(2) > img {
	width: 125px;
	height: auto;
	margin: 0 auto 5px auto !important;
	padding: 0 !important;
	display: block !important;
	
	
}

.asm-flex-break {
display:block;
  flex-basis: 100%;
  height: 0;
  clear:both !important;
}

#asm-about-us > div:nth-of-type(2) > div > h3 {
	font-size: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	text-align: center;
}
#asm-about-us > div:nth-of-type(2) > div > h4 {
	/*
	font-size: 22px !important;
	
	*/
	font-size: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	text-align: center;
}
#asm-about-us > div:nth-of-type(2) > div > p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	overflow:scroll;
	text-align:left;
}

/* ··············································································· CONTACT US */ 

section#asm-contact-us {
display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 200px;
    height: calc(100vh - 50px);
    margin: 0 0 0 0;
    padding: 0;
	
}
section#asm-contact-us > .asm-wrapper {
margin: 30px 5% 5px 5%;
}


section#asm-contact-us .asm-wrapper video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000 !important;
}
section#asm-contact-us .asm-wrapper *:not(video) {
	position: relative;
	z-index: 1100 !important;
}
section#asm-contact-us .asm-wrapper {
	position: relative;
	max-width: 1088px;
	/*
	width: 100%;
	
	*/
	
	min-height: 300px;
	text-align: center;
	padding: 25px 10%;
}
section#asm-contact-us .asm-wrapper img:nth-of-type(1) {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
}
section#asm-contact-us .asm-wrapper h1 {
	font-size: 18px !important;
    width: 100%;
    height: 20px;
    overflow: hidden;
    line-height: 18px;
    padding: 0 10%!important;
    letter-spacing: 1px !important;
}
.fulljustify {
	text-align: justify !important;
}
.fulljustify:after {
	content: "";
	display: inline-block;
	width: 100%;
}
section#asm-contact-us .asm-wrapper img:nth-of-type(2) {
	display: block;
	clear: both;
	width: 95%;
	margin: 0 auto;
}
section#asm-contact-us .asm-wrapper div p {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
	float: left;
	display: inline-block;
}
section#asm-contact-us a:hover {
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}
.loop-container .loop-inner .loop-overlay {
	border-radius: 0 !important;
}
.asm-form-error {
	box-shadow: inset 0 0 10px #fd3cf9;
}
form#asm-form-contact {
	width: 84%;
	padding: 0;
	margin: 0 auto;
}
form#asm-form-contact .asm-form-entry {
	border: none;
	background: white;
	color: #301934;
	line-height: 24px;
	padding: 2px 4px;
	margin: 0 0 10px 0;
	font-size: 24px;
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	outline: none !important;
}
 form#asm-form-contact ::placeholder {
 color: #DCDCDC;
 opacity: 1; /* Firefox */
}
form#asm-form-contact textarea.asm-form-entry {
	height: 44px;
	resize: vertical;
	padding: 10px 4px;
}
form#asm-form-contact input[type="submit"] {
	clear: both;
	float: none;
	outline: none !important;
}
form#asm-form-contact label {
	display: none;
}
form#asm-form-contact input[type="submit"] {
	margin-top: 0px !important;
	/* border-color: #fd3cf9; */
	border-color: #742fc9;
	color: #fff;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 400;
	border-radius: 0px !important;
	width: 100%;
	font-size: 26px;
} /* based on top nav CONTACT US button*/
form#asm-form-contact input[type="submit"]:hover {
	/*
	background-color: #fd3cf9 !important;
	
	*/
	background-color: #742fc9 !important;
	color: #fff;
}
#asm-form-contact-ajax-response-wrapper {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2000;
	color: white;
	font-size: 18px;
	text-align: center;
	background-image: url(../images/gradient-bg-v1.jpg);
	opacity: 0.925;
	background-size: cover;
}
#asm-form-contact-ajax-spinner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2001;
	opacity: 1 !important;
	background: none !important;
}
#asm-form-contact-ajax-response {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2002;
	color: white;
	font-size: 28px;
	text-align: center;
	opacity: 0;
	background: none !important;
	display: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

/* PAGES */

.asm-page > header > div > .logo > a > img {
height: 45px;
    
}

.asm-page section.asm-page-h1 {
		
		
	height:50px !important;
	}
	

.asm-page h1 {
	
	
	font-size:28px !important;
	top: 18px;
    position: relative;
	}
	
	.asm-page section.asm-page-h1 > a span {
	font-size: 18px;
    font-style: italic;
    font-weight: normal;
    display: block;
    clear: none;
    position: relative;
    top: -5px;
    
	
	}
	
	.asm-page section.asm-page-h1 > a:nth-of-type(1) span {
	left: 2px;
	float: right;
    
	}
	.asm-page section.asm-page-h1 > a:nth-of-type(2) span {
    left: 2px;
	float: left;
    
	}
	
	.asm-page .asm-wrapper {
    width: calc(100% - 16px);
    margin: 5px 8px;
}

section.asm-section:last-of-type {
    margin-bottom: 20px !important;
    min-height: unset !important;
}
 

.asm-page .asm-page-panel-wrapper p {
text-align:left;	
}

.asm-page .asm-page-panel-wrapper.asm-clear p:last-of-type,
.asm-page .asm-page-panel-wrapper p:last-of-type {
margin-bottom:0 !important; 	
}


.asm-page .asm-page-section-left .asm-page-panel-wrapper img,
.asm-page .asm-page-section-right .asm-page-panel-wrapper img {
    float: none !important;
    margin: 0 0 5px 0!important;
    clear: both;
    width: 100%;
}

.asm-page .asm-page-panel-wrapper p span.asm-small-credit {
font-size: 10px !important;	
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end MOBILE */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end MOBILE */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end MOBILE */

}

@media only screen and (max-width: 330px) {
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ START small MOBILE */
#asm-tag-small-mobile {display:block;clear:both;width:100%;height:1px;background:none;}


#asm-our-vision > div.asm-wrapper > .asm-clear > div:nth-of-type(2) > div {
	width: calc(100% - 2px);
	height: 145px;
	padding: 52px 0 0 0;
	/*
	*/
	margin: 0 auto 20px 2px;
	background-image: url(../images/magic-circle-v1.png);
	background-repeat: no-repeat;
	background-size: auto 90px;
	background-position: center center;
	font-size: 16px;
	float: none !important;
	clear: both !important;
	vertical-align: middle !important;
	line-height: normal !important;
	display: block !important;
	position: relative;
}


/* TECH LAB + CASE STUDIES */

.asm-case-studies-tech-lab-h1-wrapper {
    margin: 5px 0 0 0;
}

#asm-tech-lab .left-margin {
margin:0 !important;	
}

.vertical-loop-img {
    position: relative;
    left: 28px;
width:calc(100% - 56px) !important;

}


.loop-container{
	/*
	
	background-color:pink !important;
	*/
	
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	width:100% !important;
}


.loop-container .loop-inner{
	/*
	background-color:green !important;
	
	*/
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	width:100% !important;
}


.loop-container .loop-inner .loop-overlay {
	/*
	background-color:blue !important;
	width:100% !important;
	*/
	margin:0 0 0 0px !important;
	padding:0 0 0 0 !important;
	
}

.loop-container .loop-inner .loop-overlay h3 {
    margin: calc(50% + 31px) 0 0 0;
	padding:0;
	font-size: 30px;
    text-align:center !important;
	width:100% !important;
	
	/*
	display: block;
    clear: both;
    position: relative;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1.5px;
    
    font-weight: 400;
    color: #fff;

	*/
	}


/* CONTACT US */

section#asm-contact-us .asm-wrapper h1 {
    font-size: 16px !important;
    line-height: 16px;
    height: 18px;
    overflow: visible;
    /*
	width: 100%;
    padding: 0 10%!important;
    letter-spacing: 1px !important;

	*/
	
}

/* PAGES */

.asm-page section.asm-page-h1 > a:nth-of-type(2) span {
    left: -3px;
}

.asm-page h1 {
    font-size: 24px !important;
    top: 18px;
    position: relative;
}

.asm-page section.asm-section {min-height:unset !important;}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end small MOBILE */
}



/* --------------------------------------------------------- end ASM STYLES */