/*//// 
MULTIMEDIA ARTS INTERACTIVE LLC
WWW.MAMULTIMEDIA.COM
/////*
@charset "UTF-8";
/* CSS Document */
body {
  padding:0;
  margin:0;
  overflow-x: hidden;
  background-attachment: scroll;
}
textarea[name=message] {
    resize: none;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* mouse selection */
::selection {
  background: #003366; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #003366; /* Gecko Browsers */
}

.topHeaderStatus{
	width: 100%;
}
.importMaxContentWidth{
	width: 100%;
	max-width: 1000px;
}

.secondPageBannerTitleTab{
	width: 100%;
	min-height: 200px;
}
.secondPageBannerTitleTab2{
	width: 100%;
	min-height: 300px;
}

.softTouchEmbeddedLogoDiv{
	width: 100%;
	background: url(../rsc/background/softtouch-logo-icon-faded.png) left bottom no-repeat;
	height: auto;
}

/* CREDITS FONT */
.creditsFont{
	color:black;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:10px;
	text-decoration: none;
}
.topHeaderStatusTab{
	text-align: right;
}
.importTextShadow{
	text-shadow: 2px 2px 8px hsla(0,0%,0%,0.77);
}

.importDarkBlueBackground{background: #003366;}
.importWhiteBackground{background: white;}
.importBlackBackground{background: black;}
.importGrayBackground{color: #575757;}
.importOrangeBackground{background: #F3532A;}

.importDarkBlueFontColor{color: #003366;}
.importWhiteFontColor{color: white;}
.importBlackFontColor{color: black;}
.importRedFontColor{color: red;}
.importGrayFontColor{color: #575757;}
.importOrangeFontColor{color: #F3532A;}

.importSpacerBlock10{width: 100%; height: 10px;}
.importSpacerBlock20{width: 100%; height: 20px;}
.importSpacerBlock30{width: 100%; height: 30px;}
.importSpacerBlock40{width: 100%; height: 40px;}
.importSpacerBlock50{width: 100%; height: 50px;}
.importSpacerBlock60{width: 100%; height: 60px;}
.importSpacerBlock70{width: 100%; height: 70px;}
.importSpacerBlock80{width: 100%; height: 80px;}
.importSpacerBlock90{width: 100%; height: 90px;}
.importSpacerBlock100{width: 100%; height: 100px;}
.mobileSpacer35{width: 100%; height: 35px; display: none;}

/* TOP NAVIGATION STATUS BAR */
.topStatusLinkButton{
	font-family: openSansRegular;
	font-weight:bold;
	font-size: 11px;
	padding-left: 15px;
	padding-right: 15px;
	transition: all .4s ease-in-out;
}
a.topStatusLinkButton:link {color:white;text-decoration: none;}
a.topStatusLinkButton:visited {color:white;text-decoration: none;}
a.topStatusLinkButton:hover {color:#F3532A;text-decoration:none;transition: all .2s ease-in-out;}
a.topStatusLinkButton:active {color:white;text-decoration: none;}

.addPaddingTop1{padding-top:1px;}
.addPaddingTop2{padding-top:2px;}
.addPaddingTop3{padding-top:3px;}
.addPaddingTop4{padding-top:4px;}
.addPaddingTop5{padding-top:5px;}

/* TOP NAVIGATION BAR */
.headerMainMobile{
	display: none;
}
.topNavigationBar{
	min-height: 75px;
	width: 100%;
	background: black;
}
.logo{
	width: 200px;
	height: auto;
	vertical-align: middle;
	float: left;
	padding: 10px;
}
.storecartIcon{
	width: 20px;
	height: auto;
	vertical-align: middle;
}
.logoTab{
	width: 100%;
	min-width: 300px;
	height: 75px;
	background: url(../rsc/background/left-black-nav-menu-bg.png) right center;
	position: absolute;
	z-index: 10;
}
.navigationMenuTab{
	width: 100%;
	min-height: 75px;
	max-width: 1000px;
	float: left;
	height: 0;
}
.topHeaderLogoDiv{
	width: 15%;
	display: inline-block;
	float: left;
}
.topMenuButtonLeftLogoSpacer{width: 300px; display: inline-block;}

.logoContainer{
	width: 20%;
	max-width: 210px;
	height: auto;
	min-height: 75px;
	position: relative;
	float: left;
}
.navigationMenuDiv{
	width: 100%;
	min-width: 350px;
	min-height: 75px;
	background: hsla(0,0%,15%,1.00); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(hsla(0,0%,27%,1.00), hsla(0,0%,15%,1.00)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(hsla(0,0%,27%,1.00), hsla(0,0%,15%,1.00)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(hsla(0,0%,27%,1.00), hsla(0,0%,15%,1.00)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(hsla(0,0%,27%,1.00), hsla(0,0%,15%,1.00)); /* Standard syntax */
	/*background: #585858; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#9E9E9E, #DDDDDD, #BFBFBF); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#9E9E9E, #DDDDDD, #BFBFBF); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#9E9E9E, #DDDDDD, #BFBFBF); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#9E9E9E, #DDDDDD, #BFBFBF); /* Standard syntax */
	position: absolute;
	z-index: 5;
}
.backgroundHeaderRightSideContainer{
	position: relative;
	min-height: 75px;
	float: right;
	width: 50%;
	display: inline-block;
	background: yellow;
}
.headerBackground{
	position: relative;
	top: -75px;
}
.topNavigationButton{
	font-family: myriad;
	font-weight: bold;
	font-size: 14px;
	padding: 7px;display: inline-block;
	text-transform: uppercase;
}
a.topNavigationButton:link {color:white;text-decoration: none; padding-bottom: 2px;}
a.topNavigationButton:visited {color:white;text-decoration: none; padding-bottom: 2px;}
a.topNavigationButton:hover {color:orangered;text-decoration:none;transition: all .2s ease-in-out; border-bottom-color: dodgerblue; border-bottom-style: solid; border-bottom-width: 2px;}
a.topNavigationButton:active {color:white;text-decoration: none; padding-bottom: 2px;}

.topNavigationButtonNumber{
	font-family: myriad;
	font-weight: bold;
	font-size: 14px;
	padding: 7px;display: inline-block;
	text-transform: uppercase;
}
a.topNavigationButtonNumber:link {color:white;text-decoration: none; padding-bottom: 2px;}
a.topNavigationButtonNumber:visited {color:white;text-decoration: none; padding-bottom: 2px;}
a.topNavigationButtonNumber:hover {color:orangered;text-decoration:none;transition: all .2s ease-in-out;;}
a.topNavigationButtonNumber:active {color:white;text-decoration: none; padding-bottom: 2px;}

/* BANNER */
.bannerDiv{
	width: 100%;
	min-height: 550px;
	background: url(../../uploads/technology-computer-chips-gigabyte-background.jpg) center center no-repeat;
}
.importTextShadow{
	
}
.bannerTab{
	width: 100%;
	min-height: 500px;
	height: 0;
}
.importWebKitBackgroundCover{
	-webkit-background-size: cover;
 	 -moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
 	 background-attachment: scroll;
}
.bannerTitleFontText{
	font-family: futuraBold;
	font-size: 50px;
	line-height: 1.0em;
}
.bannerSubtitleFontText{
	font-family: myriad;
	font-weight: bold;
	font-size: 30px;
}
.subtitleDescriptionFontText{
	font-family: myriad;
	font-weight: bold;
	font-size: 20px;
}
.actionButton1{
	font-family: myriad;
	font-weight: bold;
	font-size: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all .4s ease-in-out;
}
a.actionButton1:link {
	color:white;
	text-decoration: none;
	background: #F3532A;
	border-width: 2px;
	border-color: #F3532A;
	border-style: solid;
}
a.actionButton1:visited {
	color:white;
	text-decoration: none;
	background: #F3532A;
	border-width: 2px;
	border-color: #F3532A;
	border-style: solid;
}
a.actionButton1:hover {
	background: #003366;
	text-decoration:none;
	transition: all .6s ease-in-out;
	border-width: 2px;
	border-color: white;
	border-style: solid;
}
a.actionButton1:active {
	color:white;
	text-decoration: none;
	background: #F3532A;
	border-width: 2px;
	border-color: #F3532A;
	border-style: solid;
}

/* WS1 */
.ws1div{
	width: 100%;
	height: auto;
}
.ws1Tab{
	width: 100%;
	height: auto;
}
.titleFontText1{
	font-family: myriad;
	font-weight: bold;
	font-size: 30px;
}
.parragraphFontText1{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 16px;
	line-height: 1.8em;
	text-align: justify;
}
.textBlock1Div{
	width: 96%;
}
.textBlock2Div{
	width: 95%;
	max-width: 760px;
}
.parragraphHyperLink{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}
a.parragraphHyperLink:link {color:#003366;}
a.parragraphHyperLink:visited {color:#003366;}
a.parragraphHyperLink:hover {color:#F3532A;transition: all .2s ease-in-out;}
a.parragraphHyperLink:active {color:#003366;}

/* WS2 */
.ws2Div{
	width: 100%;
	height: auto;
}
.ws2Tab{
	width: 100%;
}
.ws2ServicesDiv{
	width: 100%;
}
.ws2ServiceBoxDiv{
	width: 33%;
	height: auto;
	background: red;
	display: inline-block;
	clear: both;
	transition: all .4s ease-in-out;
}
.ws2ServiceBoxDiv:hover{
	opacity: 0.5;
	transition: all .4s ease-in-out;
	cursor: pointer;
}
.ws2ServiceBoxTab{
	width: 100%;
	min-height: 160px;
	height: 0;
}
.ws2ServiceBoxTitleTextFont{
	font-family: futuraBold;
	font-size: 17px;
	line-height: 1.7em;
}
.ws2ServiceBoxTitleColumn{
	height: 45px;
	background: hsla(0,0%,0%,0.57);
}
.ws2Box1Background{background: url(../rsc/imgs/sourcing-solutions-image.jpg) center center no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll;}
.ws2Box2Background{background: url(../rsc/imgs/repair-solutions-image.jpg) center center no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll;}
.ws2Box3Background{background: url(../rsc/imgs/medical-technology-solutions-image.jpg) center center no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll;}
.ws2Box4Background{background: url(../rsc/imgs/industrial-automation-solutions-image.jpg) center center no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll;}
.ws2Box5Background{background: url(../rsc/imgs/military-telematics-solutions-image.jpg) center center no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll;}
.ws2Box6Background{background: url(../rsc/imgs/systems-solution-image.jpg) center center no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll;}

.ws3Div{
	width: 100%;
	min-height: 230px;
	background: url(../rsc/background/computer-cpu-parts-dimmed-background.jpg) center center no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll;
}
.ws3Tab{
	width: 100%;
	min-height: 150px;
	height: 0;
}
.parragraphFontText2{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 22px;
	line-height: 1.8em;
}

.actionButton2{
	font-family: myriad;
	font-weight: bold;
	font-size: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all .4s ease-in-out;
}
a.actionButton2:link {
	background: #003366;
	text-decoration:none;
	transition: all .6s ease-in-out;
	border-width: 2px;
	border-color: white;
	border-style: solid;
	color: white;
}
a.actionButton2:visited {
	background: #003366;
	text-decoration:none;
	transition: all .6s ease-in-out;
	border-width: 2px;
	border-color: white;
	border-style: solid;
	color: white;
}
a.actionButton2:hover {
	color:white;
	text-decoration: none;
	background: #F3532A;
	border-width: 2px;
	border-color: white;
	border-style: solid;
}
a.actionButton2:active {
	background: #003366;
	text-decoration:none;
	transition: all .6s ease-in-out;
	border-width: 2px;
	border-color: white;
	border-style: solid;
	color: white;
}

/* CONTACT US */
.wsContactDiv{
	width: 100%;
	height: auto;
}
.wsContactTab{
	
}
.wsContactLeftPartition{
	width: 50%;
	display: inline-block;
	float: left;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.wsContactRightPartition{
	width: 50%;
	display: inline-block;
	float: right;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.wsContactFullPartition{
	width: 100%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}
.contactFormLabelText{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #606060;
}
.smallLabelText{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
}
.contactFormTextFieldProperties{
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
	font-size:18px;
	padding:2px;
	border:1px solid #CCCCCC;
	width:90%;
	height:35px;
	color:hsla(204,18%,16%,1.00);
	border-radius: 8px;
}
.contactFormTextFieldPropertiesLong{
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
	font-size:18px;
	padding:2px;
	border:1px solid #CCCCCC;
	width:95%;
	height:35px;
	color:hsla(204,18%,16%,1.00);
	border-radius: 8px;
}
.contactFormDropDownMenuProperties{
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
	font-size:18px;
	padding:2px;
	border:1px solid #CCCCCC;
	width:95%;
	height:42px;
	color:hsla(204,18%,16%,1.00);
	border-radius: 8px;
}
.contactForm-messageBoxPropertiesLong{
	padding:2px;
	border:1px solid #CCCCCC;
	font-size:18px;
	border-radius: 8px;
	width:94%;
	height:100px;
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
}
.contactForm-submitButton{
	cursor: pointer;
	font-family: myriad;
	font-weight: bold;
	font-size: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #003366;
	text-decoration:none;
	transition: all .6s ease-in-out;
	border-width: 2px;
	border-color: white;
	border-style: solid;
	color: white;
}
.contactFormMarginsDiv{
	width: 100%;
	max-width: 600px;
}
.contactForm-verifBoxProperties{
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
	font-size:18px;
	padding:2px;
	border:1px solid #CCCCCC;
	width:100px;
	height:35px;
	color:hsla(204,18%,16%,1.00);
	border-radius: 8px;
}

#name:hover{color:#F3532A;}
#phone:hover{color:#F3532A;}
#from:hover{color:#F3532A;}
#company:hover{color:#F3532A;}
#productNumber:hover{color:#F3532A;}
#message:hover{color:#F3532A;}
#verif_box:hover{color:#F3532A;}
#submitButton:hover{
	cursor: pointer;
	font-family: myriad;
	font-weight: bold;
	font-size: 25px;
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all .6s ease-in-out;
	color:white;
	text-decoration: none;
	background: #F3532A;
	border-width: 2px;
	border-color: white;
	border-style: solid;
}

/* SOCIAL MEDIA BAR DIV */
.socialMediaBarDiv{
	width: 100%;
}
.socialMediaBarTab{
	width: 100%;
}
.socialMediaIcon{
	width: auto;
	height: 35px;
	vertical-align: middle;
}
.socialMediaIcon2{
	width: auto;
	height: 100px;
	vertical-align: middle;
}
.certificationImage{
	width: 250px;
	height: auto;
	vertical-align: middle;
	padding: 10px;
}

/* FOOTER */
.footerLeftPartition{
	width: 50%;
	float: left;
	display: inline-block;
}
.footerRightPartition{
	width: 50%;
	float: right;
	display: inline-block;
}
.footerLeftPartitionTable{
	width: 100%;
	text-align: left;
	min-height: 30px;
	height: 0;
}
.footerRightPartitionTable{
	width: 100%;
	text-align: right;
	min-height: 30px;
	height: 0;
}
.footerCopyrightTextFont{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 10px;
}
.footerRightLogo{
	width: 35px;
	height: auto;
}
.footerTab{
	height: auto;
}

/* SENDING CONTACT FORM */
.sendingFormDiv{
	width: 100%;
	height: 750px;
	background: #DDDDDD;
}
.sendingFormTab{
	width: 100%;
	max-width: 1000px;
	height: 100%;
	background: white;
	box-shadow: 0 0 25px hsla(0,0%,0%,0.13);
}


/* IMPORT CUSTOM FONTS */
@font-face {
    font-family: centuryGothic;
    src: url(../fonts/century-gothic.ttf);
}
@font-face {
    font-family: openSansRegular;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: goboldBold;
    src: url(../fonts/goboldBold.otf)
}
@font-face {
    font-family: futuraBold;
    src: url(../fonts/futuraBold.otf);
}
@font-face {
    font-family: grotesk;
    src: url(../fonts/groteskNormal.otf);
}
@font-face {
    font-family: myriad;
    src: url(../fonts/MyriadProRegular.otf);
}









@font-face {
    font-family: bebasLight;
    src: url(../fonts/BebasNeueLight.ttf);
}
@font-face {
    font-family: bebasThin;
    src: url(../fonts/BebasNeueThin.ttf);
}
@font-face {
    font-family: bebasRegular;
    src: url(../fonts/BebasNeueRegular.ttf);
}

/* --- MOBILE MENU -- */
/*Strip the ul of padding and list styling*/
#nav ul{
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
	z-index: 200;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #003366;
	background-color: #E3E3E3;
	transition: all .2s ease-in-out;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	background: #B8B8B8;
	color: white;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #B8B8B8;
	color: white;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #B8B8B8;
	color: white;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}
/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	#nav_wrapper {
		width: 100%;
	}
	/*#nav ul{
		position: relative;
	}*/
	
	/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: bebasBold;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: block;
	font-size: 25px;
}
.mobileMenuIcon{
	width: 50px;
	height: 28px;
	vertical-align: middle;
}
.showMenuFont{
	font-family: myriad;
	color: white;
	font-size: 23px;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
.topMenuMobile {
	display: none;
}

@media screen and (max-width : 520px){
	.topNavigationBar{display: none;}
	.topStatusLinkButton{padding-left: 8px; padding-right: 8px;}
	.topMenuMobile{display: block;}
	.headerMainMobile{display: block;}
	.logo{float: none}
	.ws2ServiceBoxDiv{width: 49%;}
	
}