@charset "UTF-8";
/* CSS Document */

body {background-color:#fff; font-family:Arial, Helvetica, sans-serif;}

/* MOBILE */
@media only screen and (min-width: 100px) {
	
	.malemNav {width:90%;margin-left:5%;margin-right:5%;
font-family:Arial, Helvetica, sans-serif;font-size:16px;text-align:center; list-style-type: none;padding:0px}
.malemNav ul {padding:0px;}
.malemNav li {display: block;font-size: 18px;
  padding: 1.2% 0px 1.2% 0px ;}
 
 .malemNav a:link {color:#000;text-decoration:none;}
  .malemNav a:visited {color:#000}
   .malemNav a:hover {color:#ea2b3a;}
 
.malemNavHG {color:#ea2b3a;} 
a.malemNavHG:link {color:#ea2b3a;} 
a.malemNavHG:visited {color:#ea2b3a;}
	
	
	/* static sculpture classes  */
    .selectors {width:100%;margin-top:20px;text-align:center;}
    .selectors .mz-thumb img {width:90%;min-width:20px;max-width:60px;margin-bottom:0px;padding:0px;margin:-10px;clear:none;}
 .app-figure {
        width: 90% !important;
        margin: 0px auto;
        padding: 20px;
        position: relative;
        text-align: center;
    }



 
 .malemArtDescContainer {margin-top:50px;clear:both;float:none;}
.malemArtTitle {font-size:20px;white-space: pre-line;}
.malemArtSubTitle {;font-size:14px;margin-top:15px;white-space: pre-line;}
.malemNextbuttons {margin-top:40px;}
.malemNextbuttons img {height:7%;max-height:45px; width:auto;}
.malemNextButtonMargin {margin-right:25px;}
.malemSelectIcon img {border-bottom:2px solid #960;margin-right:4px;margin-left:4px;}
.malemImageIconSpace {margin-right:4px;margin-left:4px;}

.malemCopyright {width:100%;margin-top:50px; font-size:13px; color:#960; width:100%; text-align:center;}

#malemImagesContainer {display:none;}
#malemImagesContainerMOBI {display:block;}

#malem360 {position:absolute;top:100px;right:5%;width:10%;max-width:100px;z-index:100;}
#malem360 img {width:100%;height:auto;margin-bottom:25px;}

.malemNavLogo {vertical-align:middle;padding-bottom:2px;width:60%;max-width:200px}
.malemNavLogo img {width:60%;max-width:200px;}

.malemTextBoxContainer {text-align:left;width:80%;margin-left:10%;margin-right:10%;word-wrap: break-word;}
.malemBronze { color:#960;}

.malemFormTextArea {width:70%;margin-right:4%;float:left;}
.malemFormImage {width:25%;float:left;}
.malemFormImage img {width:100%;float:right;}

	/* FORM for contact classes  */	
input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #960;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
}
input[type=text]:focus {
  border: 1px solid #ea2b3a; outline: none;
}
textarea {
 background-image:url(../_img/Bronze-Equilibrium-Family.png);
  width: 100%;
  height:300px;
  box-sizing: border-box;
  border: 2px solid #960;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-size:auto 300px;
  background-position: bottom right; 
  background-repeat: no-repeat;
  padding: 10px 10px 10px 10px  ; /* top right bottom left  */
}	

/*textarea {
  width: 100%;height:300px;
  box-sizing: border-box;
  border: 2px solid #960;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px; /* top right bottom left  */
}
textarea:focus {
	 background-image:url(../_img/Bronze-Equilibrium-FamilyMobi.jpg);
  border: 1px solid #ea2b3a; outline: none;
}	
input[type=submit] {
  width: 100%;
  background-color: #960;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
 
}	

.malemPhotoFortier {float:none;margin-right:0;margin-bottom:25px;width:100%;height:auto;}
}


/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 979px)  {
	
	
		/* static sculpture classes  */
    .selectors {width:100%;margin-top:35px;text-align:center;}
    .selectors .mz-thumb img {width:100%;min-width:70px;max-width:100px;margin-bottom:0px;padding:0px;margin:-10px;clear:none;}
  .app-figure {
        width: 90% !important;
        margin: 0px auto;
        padding: 20px;
        position: relative;
        text-align: center;
    }
		
.malemPhotoFortier {float:left;margin-right:25px;margin-bottom:25px;width:40%;height:auto;}
	
}



/* DESKTOP */
@media only screen and (min-width: 980px) {

.malemNav {width:90%;margin-left:5%;margin-right:5%;
font-family:Arial, Helvetica, sans-serif;font-size:18px;text-align:center; list-style-type: none;padding:0px}
.malemNav ul {padding:0px;}
.malemNav li {display: inline-block;font-size: 20px;
  padding: 0px 1.5% 0px 1.5%;}
 
 .malemNav a:link {color:#000;text-decoration:none;}
  .malemNav a:visited {color:#000}
   .malemNav a:hover {color:#ea2b3a;}
 
.malemNavHG {color:#ea2b3a;} 
a.malemNavHG:link {color:#ea2b3a;} 
a.malemNavHG:visited {color:#ea2b3a;} 


.malemCopyright {width:100%;margin-top:50px; font-size:13px; color:#960; width:100%; text-align:center;}

#malemStaticSculptureContainer {width:90%;margin-left:5%;margin-right:5%;margin-top:100px;text-align:center;display:block;}

#malemImagesContainer {display:block;}
#malemImagesContainerMOBI {display:none;}

/* static sculpture classes  */

    .selectors { width:100px;float:right;position:absolute;top:0px;right:0px;z-index:100;margin-top:30px; }
    .selectors .mz-thumb img { width:100%;min-width:80px;max-width:100px;max-width: 80px;margin-bottom:50px;clear:both;float:none; }
 .app-figure {
        width: 60% !important;
        margin: 0px auto;
        padding: 20px;
        position: relative;
        text-align: center;
		
    }
	.malemSelectorItem {clear:none;float:left;margin-left:10px;}
 /*.malemSelectorItem2 {clear:both;float:none;display: block;} cause problems*/

.malemArtDescContainer {margin-top:50px;}
.malemArtTitle {font-size:24px;}
.malemArtSubTitle {font-size:16px;margin-top:15px;}
.malemNextbuttons {margin-top:40px;}
.malemNextbuttons img {height:7%;max-height:50px;width:auto}
.malemNextButtonMargin {margin-right:25px;}


#malem360 {position:absolute;top:15%;right:0px;width:10%;max-width:100px;z-index:100;}
#malem360 img {width:100%;height:auto;margin-bottom:5px;margin-top:75px;}

.malemNavLogo {vertical-align:middle;padding-bottom:2px;width:80%;max-width:200px;}
.malemNavLogo img {width:80%;max-width:200px;}

.malemTextBoxContainer {text-align:left;width:70%;margin-left:15%;margin-right:15%;word-wrap: break-word;}

	/* FORM for contact classes  */	
input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #960;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
}
input[type=text]:focus {
  border: 1px solid #ea2b3a; outline: none;
}
textarea {
background-image:url(../_img/Bronze-Equilibrium-Family.png);
  width: 100%;
  height:300px;
  box-sizing: border-box;
  border: 2px solid #960;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-size:auto 300px;
  background-position: bottom right; 
  background-repeat: no-repeat;
  padding: 10px 10px 10px 10px  ; /* top right bottom left  */
}	

/*textarea {
	 width: 100%;
	  height:300px;
  box-sizing: border-box;
  border: 2px solid #960;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
}*/
textarea:focus {
	background-image:url(../_img/Bronze-Equilibrium-FamilyMobi.jpg);

  border: 1px solid #ea2b3a; outline: none;
}	
input[type=submit] {
  width: 100%;
  background-color: #960;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
 
}	
.malemPhotoFortier {float:left;margin-right:25px;margin-bottom:25px;width:40%;height:auto;}

}