@font-face {
  font-family: myFirstFont;
  src: url(Sansa4fran3.ttf);
}



/*also in mega menu*/
/*font-family: Arial, Helvetica, sans-serif;*/



/*.dj-megamenu-default li a.dj-up_a {
	display           : block;
	float             : left;
	height            : 60px;
	height            : auto;
	font-size         : 17px;
	font-weight       : bold;
	font-style        : none;
	color             : #fff;
	text-transform    : none;
	text-decoration   : none;
	padding           : 0 20px;
	cursor            : pointer;
	background        : transparent;
	color             : #fff;
	border-right      : 1px solid #000;
	border-left       : 1px solid #555;
	-webkit-transition: all 0.2s ease-out;
	transition        : all 0.2s ease-out;
	
    border: 0px solid rgba(43, 43, 43, 100);
    border-radius: 8px;
}*/


.bx12 {
    margin: 110px;
    padding-right: 30px;
    padding-left: 30px;
}

.bx22 {
    margin: 30px;
    padding-right: 45px;
    padding-left: 45px;
    
}

.bx13 {
    margin: 40px;
    padding-right: 30px;
    padding-left: 30px;
}

.bx23 {
    margin: 40px;
    padding-right: 45px;
    padding-left: 45px;
}

.bx33 {
    margin: 40px;
    padding-right: 65px;
    padding-left: 65px;
}
.usermanual {
    padding-top: 10px;
    padding-bottom: 10px;
}

.datasheet {
    padding-top: 10px;
    padding-bottom: 10px;
}

.driver {
    padding-top: 10px;
    padding-bottom: 10px;
}

.usermanual:visited, .datasheet:visited, .driver:visited{
    color: white;
}

.usermanual:active, .datasheet:active, .driver:active{
    color: white;
}

.usermanual, .datasheet , .driver{
    font-family: myFirstFont;
    text-decoration: none;
    color: white;
    background: #3A5C88;
    border-radius:10px;
}

.usermanual:Hover, .datasheet:Hover, .driver:Hover{
    background-color:#4D79B3;
    color: white;
    text-decoration: underline;
}

.productBox {
	color:darkslateblue;
  	border: 6px;
	border-color: #B0C4DD;
	border-style: solid;
	border-radius: 15px;
	margin: 5px;
  	background-color: #CCCCFF;    
  	text-align: center;
	width: 200px;
	height: 250px;
	float:left;
}

.productBox:hover{
	border-color:#2E96DC;
	text-decoration: underline;
}
.productImage {
	width:178px;
	height: 150px;
	margin:5px 5px 5px 5px;
	border-radius: 8px 8px 4px 4px;
	background-color:#EDF0FA;
	padding: 20px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.productText {
	width: 178px;
	height: 72px;
	margin:0px 5px 5px 5px;
	border-radius: 4px 4px 8px 8px;
	background-color:#EDF0FA;
	text-decoration:none;
}


	
.m_imageShower{
	width: 360px;
	height: 540px;
	float: right;
	margin: 20px;
}

.m_bigImageContainer{
	width: 360px;
	height: 360px;
	display: flex;
    align-items: center;
	border: 2px solid rgba(176,196,221);
	padding: 5px;
}
.m_bigImage{
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.m_smallImageContainer{
	width: 90px;
	height: 90px;
	border: 2px solid rgba(176,196,221);
	padding: 3px;
	float: left;
	display: flex;
    align-items: center;
}

/*.m_smallImageContainer:hover{
	cursor: pointer;
}*/

.m_smallImage{
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.m_smallImage:hover{
	cursor: pointer;
}