@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   https://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
/* malem to force IE to display screen version */
 .ie body {width: 960px;}
 

 

a {text-decoration:none;
}
a:link {
	color:#640f16; 
	}
a:visited { color:#640f16; }

a:hover { color:#ff0015;
	}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h1 {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    font-size:18px;
	color:#640f16;
	font-weight:bold;
}
h2 {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    font-size:16px;
	color:#000;
	font-weight:bold;
}
h3 {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    font-size:16px;
	color:#000;
	font-weight:bold;
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	https://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	https://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */





.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color:#fef1d5;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/dressage_chien_home_BG_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}



#LayoutDivSpectacle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/spectacles_freestyle_canin_publics_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivCoursDom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/cours-dressage-chien-domicile_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivDeuil {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/deuil-chien-centre-canin-fond_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivChiot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/cours_chiot_maternelle_dressage_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivPsycho {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/psychologie_canine_chien_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivFreestyle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/freestyle_canin_BG_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}
#LayoutDivCentre {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/centre-canin-equipe-maitre-chien_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}
#LayoutDivCanicross {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/cours-canicross-magog-estrie_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivAgressif {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/chien-agressif-agressivite_BG_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivTarif {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/services-tarifs-maitre-chien-cours-obeissance_MOBI.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#malemHeader {
text-align:center;
padding-top:7px;
padding-bottom:8px;
background-color:#640f16;
font-size:14px;
color:#FFF;
clear:both;
	}

		
.malemMenubuton {
border-right: 1px solid #640f16;
color:#FFF;
text-align:center;
font-size:12px;
float:left;
display:block;
background-color:#9c0018;

	}	

.malemMenubuton a:link {
	color:#fff;
}
.malemMenubuton a:hover {
	color:#ff0015;
}
.malemMenubuton a:visited {
	color:#FFFFFF;
	}
	.malemMenubuton1 a:link {
	color:#ffffff;
}
.malemMenubuton1 a:hover {
	color:#ff0015;
}
.malemMenubuton1 a:visited {
	color:#FFFFFF;
	}
			
#malemMaincontent {
	width:94%; 
	margin-left:3%;
	margin-right::3%; 
	margin-top:30px;
	font-size:16px;
	
	}		
	
.malemtexttitle {
	font-size:20px;
	color:#640f16;
	font-weight:bold;
	}	
	
.malemtextsubtitle {
	font-size:18px;
	color:#640f16;
	font-weight:bold;
	}
.malemredtext {
	font-size:16px;
	color:#640f16;
	}			
.malemgenerictext {
	font-size:16px;}
	
	#malemsubmenu1 {
	display:none;
	}	
	#malemsubmenu2 {
	display:none;
	}
	#malemsubmenu3 {
	display:none;
	}
	#malemMenucontainer{
	display:none;
visibility:hidden;	}	
	
	#malemMenucontainerMobi {
	background-color:#9c0018;
	text-align:center;
	height:31px; 
overflow:hidden;
padding-top:6px;
padding-bottom:6px;
display:block;
	}	
	
.malemmenuMobi {
		width:90%;
	background-color: #00133e;
	height:28px;
	padding-right:20%;
	padding-top:1%;
	margin-top:5px;
	text-align:right;
	clear:both;
	visibility:visible;
	display:block;
	}
	
#malemmenumobidiv {
		position:absolute;
	z-index:25;
		background-color:rgba(156, 0, 24, 1);
	width:100%;
	border-top:1px solid #691016;
	text-align:left;
	visibility:hidden;
	display:block;
	}		
	
	#malemmenumobidiv ul  {
	list-style-type: none;
    margin: 0;
    padding: 0;
	width:100%;
	display:block;
	}

#malemmenumobidiv li a:link {
	background-color:#9c0018;
	border-bottom:1px solid #FFF;
	color:#FFFFFF;
       padding: 15px;
	   padding-left:5%;
	   font-size:14px;
	   display:block;
	}	
#malemmenumobidiv li a:visited {
	background-color:#9c0018;
	border-bottom:1px solid #FFF;
	color:#FFFFFF;
       padding: 15px;
	   font-size:14px;
	   display:block;
	}	
		
#malemmenumobidiv li a:hover {
	background-color:#691016;
	color:#FFFFFF;
       
	   font-size:14px;
	   display:block;
	}	
#malemmenumobidiv li ul li a:link {
	background-color:#fef1d5;
	border-bottom:1px solid #FFF;
	color:#9c0018;
     padding-right: 15px;
	    padding-top: 15px;
		 padding-bottom: 15px;
	   padding-left:10%;
	   font-size:14px;
	   display:block;
	}	
#malemmenumobidiv li ul li a:visited {
	background-color:#fef1d5;
	border-bottom:1px solid #FFF;
	color:#9c0018;
	   font-size:14px;
	   display:block;
	}	
		
#malemmenumobidiv li ul li a:hover {
	background-color:#FFFFFF;
	color:#9c0018;
	   font-size:14px;
	   display:block;
	}	
	
#malemSliderMobi {display:block; margin-bottom:180px;}	

#malemSlider {display:none;}

#malemprestigelogo {
	float:none;
	width:40%;
	margin-bottom:25px;
	}
#malemprestigetext {
width:90%;
margin-bottom:25px;
}

#malemprestigelogoContent {
	float:left;
	width:9%;
	margin-right:1%;
	margin-bottom:25px;
	}
#malemprestigetextContent {
width:100%;
margin-bottom:25px;
float:left;
}	
	
	
	
.malemBoxoverlay {z-index:5;position:relative;bottom:50px;font-size:10vw;color:rgba(255, 255, 255, 0.8);font-weight:bold;text-align:center;margin-left:1%;}

.malemBox {
	text-align:center;
	margin-bottom:25px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	}
.malemPrestige {
	width:95%;
	margin-right:2%;
	margin-left:2%;
	margin-top:0px;
	margin-bottom:0px;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	float:none;

	}
.malemPrestigecontact {
	width:95%;
	margin-right:2%;
	margin-top:25px;
	margin-bottom:1%;
	text-align:center;
	font-style:none;
	float:none;
	}	
.malemSocialNets{
	width:20%;
	margin-right:5%;
	margin-left:5%;
	margin-top:25px;
	margin-bottom:3%;
	float:left;

	}		
.malemGenericcontentfullwidth {
	margin-bottom:45%;
	width:95%;
	margin-left:3%;
	margin-top:25px;
	}	
#MalemMainTextContent {
		width:94%;
	margin-right:3%;
	margin-left:3%;
	margin-bottom:0;
	margin-top:0;
	font-size:16px;
	}	
	#MalemMainimagesleft {float:left;margin-right:0;width:100%;margin-bottom:1%;}
	#MalemMainimagesleft30 {float:left;margin-right:2%;margin-left:0;width:60%;margin-bottom:1%;}
		#MalemMainimagesleft35 {float:left;margin-right:0%;margin-left:0;width:100%;margin-bottom:1%;}
		#MalemMainimagesright30 {float:right;margin-right:0;margin-left:2%;width:60%;margin-bottom:1%;}
	#MalemMainimagesleftHR {float:left;margin-right:2%;margin-left:0;width:100%;margin-bottom:1%;}
	#MalemMainimagesright {float:right;margin-right:0;margin-left:2%;width:100%;margin-bottom:1%;}

.Malemlogofooter {width:120px;margin-right:25px;margin-bottom:0;margin-top:0px;float:none;margin-left:auto;margin-right:auto;margin-bottom:5px;}
.malemPrestigeContentpages {
	width:94%;
	margin-right:3%;
		margin-left:3%;
	margin-top:0px;
	margin-bottom:2.25%;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	float:none;
text-align:center;
	}
.malemContentNotice	 {
	width:94%;
	margin-bottom:40%;
	margin-top:30px;
	margin-left:3%;
	margin-right:3%;
	float:left;
	}
	.malemPrestigecontactContent {
	width:45%;
	margin-right:15px;
	margin-left:4%;
	margin-top:30px;
	margin-bottom:1%;
	min-width:150px;
	text-align:left;
	font-style:none;
	float:left;
	}	
.malemSocialNetsContent {
	width:5%;
	min-width:50px;
	margin-right:1.5%;
	margin-left:1%;
	margin-top:30px;
	margin-bottom:1%;
	float:left;
}


.MalemAdoptionFiche {
	background-color:#d9bba7;
	width:94%;
	margin-right:0;
	margin-left:0;
	padding:3%;
	margin-bottom:3%;
	}	
	

.MalemRedborder {border:1px solid #600; padding:2%;background-color:#dccfc5; }

.MalemBack {width:5%;min-width:40px;max-width:75px;}

#MalHomeServiceBox {position:relative;bottom:0px;float:right;margin-left:20%;margin-right:20%;margin-bottom:25px;width:80%;visibility:hidden;display:none}

#MalHomeServiceBoxMobi {position:relative;top:0px;margin-top:25px;margin-bottom:50px;width:90%;padding:15px;padding-top:0px;visibility:visible;display:block;border:1px solid #000;}

.malemphone a:link {color:#fff;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right:0%;
}


#LayoutDiv1 {
	clear: both;
		background-image:url(../dressage_chien_img/dressage_chien_home_BG.jpg);
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#LayoutDivSpectacle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/spectacles_freestyle_canin_publics.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivCoursDom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/cours-dressage-chien-domicile.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivDeuil {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/deuil-chien-centre-canin-fond.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}
#LayoutDivChiot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/cours_chiot_maternelle_dressage.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivPsycho {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/psychologie_canine_chien.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivFreestyle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/freestyle_canin_BG.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivAgressif {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/chien-agressif-agressivite_BG.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivCentre {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/centre-canin-equipe-maitre-chien.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivCanicross {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/cours-canicross-magog-estrie.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}

#LayoutDivTarif {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../dressage_chien_img/services-tarifs-maitre-chien-cours-obeissance.jpg);
	background-position:bottom;
	background-size:contain;
	background-repeat:no-repeat;
}


#malemHeader {
font-size:18px;
	}
	
.malem3boxescontainer{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
	width:94%;
	margin-left:3%;
	margin-right:3%;
	margin-top:5%;
	position:relative;
	}
.malem3boxescontainerContent {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:5%;
	position:relative;

	}	
		
.malemBox {
	 -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1;         /* OLD - Firefox 19- */
        -webkit-flex: 1;          /* Chrome */
        -ms-flex: 1;              /* IE 10 */
        flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	text-align:center;
	margin-bottom:0;
		width:100%;
		margin-left:auto;
	margin-right:auto;
	}	
.malemBox1	{
margin-right:25px;
text-align:center;
width:100%;
	}
.malemBox2	{
	margin-right:25px;
	text-align:center;
width:100%;
	}
	.malemBox2a	{
	margin-right:25px;
	text-align:center;
width:100%;
	}
.malemBox3	{
	margin:0px;
	text-align:center;
	width:100%;
	}	
	
.malemVideoImageButton img {width:40px}	
	
.malemBoxoverlay {z-index:5;position:absolute;bottom:5px;font-size:3.5vw;color:rgba(255, 255, 255, 0.8);font-weight:bold;text-align:center;margin-left:1%;
}


	
	#malemsubmenu1 {
	display:none;
	}	
	#malemsubmenu2 {
	display:none;
	}
	#malemsubmenu3 {
	display:none;
	}
	
	#malemMenucontainer
	{ display:none;	visibility:hidden;}

#malemSliderMobi {display:block; }	

#malemSlider {display:none;}
#malemprestigelogo {
	float:left;margin-right:3%;width:22%
	}

#malemprestigetext {
float:left;width:75%;}	


#malemprestigelogoContent {
	float:left;
	width:9%;
	margin-right:1%;
	margin-bottom:25px;
	min-width:75px;
	}
#malemprestigetextContent {
width:auto;
margin-bottom:25px;
float:left;
}

.malemPrestige {
	width:95%;
	margin-right:2%;
	margin-left:2%;
	margin-top:25px;
	margin-bottom:0px;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	float:none;

	}
.malemPrestigecontact {
	width:50%;
	margin-right:2%;
	margin-left:2%;
	margin-top:25px;
	margin-bottom:1%;
	text-align:left;
	font-style:none;
	float:left;
	}		
	
	.malemSocialNets{
	width:8%;
	margin-right:1.5%;
	margin-left:0;
	margin-top:13px;
	margin-bottom:1%;
	float:left;
	clear:right;

	}	
	
.malemGenericcontentfullwidth {
	margin-bottom:45%;
	width:95%;
	margin-left:3%;
	margin-top:25px;
	}	
	
.Malemlogofooter {width:110px;margin-right:25px;margin-bottom:0;margin-top:15px;float:left;margin-left:2%;}
.malemPrestigeContentpages {
	width:28%;
	margin-right:2%;
	margin-left:0;
	margin-top:30px;
	margin-bottom:2.25%;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	float:left;

	}
.malemContentNotice	 {
	width:94%;
	margin-left:3%;
	margin-right:3%;
	margin-bottom:40%;
	margin-top:30px;
	float:left;
	}
	.malemPrestigecontactContent {
	width:20%;
	margin-right:15px;
	margin-left:0;
	margin-top:30px;
	margin-bottom:1%;
	min-width:150px;
	text-align:right;
	font-style:none;
	float:left;
	}	
.malemSocialNetsContent {
	width:5%;
	margin-right:s%;
	margin-left:1%;
	margin-top:30px;
	margin-bottom:1%;
	float:left;
}
#malemSocialNetsContainer {float:left;}

#MalemMainimagesleft {float:left;margin-right:2%;margin-left:0;width:40%; margin-bottom:1%;}
#MalemMainimagesleftHR {float:left;margin-right:2%;margin-left:0;width:55%;margin-bottom:1%;}
#MalemMainimagesleft30 {float:left;margin-right:2%;margin-left:0;width:30%;margin-bottom:1%;}
#MalemMainimagesleft35 {float:left;margin-right:2%;margin-left:0;width:35%;margin-bottom:1%;}
#MalemMainimagesright30 {float:right;margin-right:0;margin-left:2%;width:30%;margin-bottom:1%;}
#MalemMainimagesright {float:right;margin-right:0;margin-left:2%;width:40%; margin-bottom:1%;}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}



#malemHeader {
font-size:18px;

	}
	
.malemMenubuton {
border-right: 2px solid #640f16;
height:40px;
padding-top:9px;
padding-left:10px;
padding-right:10px;
color:#FFF;
text-align:center;
font-size:1.35vw;
float:left;
display:block;
	}	
.malemMenubuton1 {
border-left: 2px solid #640f16;
border-right: 2px solid #640f16;
height:40px;
padding-top:9px;
padding-left:10px;
padding-right:10px;
color:#FFF;
text-align:center;
font-size:1.35vw;
float:left;
display:block;
	}		
#malemMenucontainer{
	background-color:#9c0018;
	text-align:center;
	height:43px; 
overflow:hidden;
display:block;
visibility:visible;
	}	
	

#malemsubmenu1 {
	position:absolute;
	z-index:25;
	width:100%;
	background-color:rgba(156, 0, 24, 0.8);
	border-bottom:1px solid #FFF;
	padding-top: 10px; 
	display:block;	
	visibility:hidden;
	}
	
#malemsubmenu1 ul  {
	list-style-type: none;
	text-align:left;
    margin: 0;
    padding: 0;
		}

#malemsubmenu1 li a:link {
	color:#ffffff;
       padding: 5px;
	   margin-left:0px;
	   font-size:14px;
	  display:block;
	}	
#malemsubmenu1 li a:visited {
	background-color:#ffffff;
	border-bottom:1px solid #FFF;
	color:#ffffff;
       padding: 5px;
	   font-size:14px;
	    display:block;
	}	
		
#malemsubmenu1 li a:hover {
	background-color:#6a0f16;
	color:#ffffff;
       padding: 5px;
	   font-size:14px;
	   
	    display:block;
		width:70%;
	}		


#malemsubmenu1 {
	position:absolute;
	z-index:25;
	width:100%;
	background-color:rgba(156, 0, 24, 0.8);
	border-bottom:1px solid #FFF;
	padding-top: 10px; 
	display:block;	
	visibility:hidden;
	}
#malemsubmenu1 a:visited {
	color:#FFF;}
	
#malemsubmenu1 ul  {
	list-style-type: none;
	text-align:left;
    margin: 0;
    padding: 0;
		}

#malemsubmenu1 li a:link {
	color:#ffffff;
       padding: 5px;
	   margin-left:15%;
	   font-size:14px;
	  display:block;
	}	
#malemsubmenu1 li a:visited {
	background-color:#ffffff;
	border-bottom:1px solid #FFF;
	color:#ffffff;
       padding: 5px;
	   font-size:14px;
	    display:block;
	}	
		
#malemsubmenu1 li a:hover {
	background-color:#6a0f16;
	color:#ffffff;
       padding: 5px;
	   font-size:14px;
	   
	    display:block;
		width:70%;
	}		
	
	
	#malemsubmenu2 {
	position:absolute;
	z-index:25;
	width:100%;
	background-color:rgba(156, 0, 24, 0.8);
	border-bottom:1px solid #FFF;
	padding-top: 10px; 
	display:block;	
	visibility:hidden;
	}
	
#malemsubmenu2 ul  {
	list-style-type: none;
	text-align:left;
    margin: 0;
    padding: 0;
		}

#malemsubmenu2 li a:link {
	color:#FFF;
       padding: 5px;
	   margin-left:15%;
	   font-size:14px;
	  display:block;
	}	
#malemsubmenu2 li a:visited {
	background-color:#FFF;
	border-bottom:1px solid #FFF;
	color:#ffffff;
       padding: 5px;
	   font-size:14px;
	    display:block;
	}	
		
#malemsubmenu2 li a:hover {
	background-color:#6a0f16;
	color:#FFF;
       padding: 5px;
	   font-size:14px;
	   
	    display:block;
		width:70%;
	}	
	
	#malemsubmenu3 {
	position:absolute;
	z-index:25;
	width:100%;
	background-color:rgba(156, 0, 24, 0.8);
	border-bottom:1px solid #FFF;
	padding-top: 10px; 
	display:block;	
	visibility:hidden;
	}
	
#malemsubmenu3 ul  {
	list-style-type: none;
	text-align:left;
    margin: 0;
    padding: 0;
		}

#malemsubmenu3 li a:link {
	color:#ffffff;
       padding: 5px;
	   margin-left:15%;
	   font-size:14px;
	  display:block;
	}	
#malemsubmenu3 li a:visited {
	background-color:#ffffff;
	border-bottom:1px solid #FFF;
	color:#ffffff;
       padding: 5px;
	   font-size:14px;
	    display:block;
	}	
		
#malemsubmenu3 li a:hover {
	background-color:#6a0f16;
	color:#ffffff;
       padding: 5px;
	   font-size:14px;
	   
	    display:block;
		width:70%;
	}		
#malemMenucontainerMobi	{
	display:none; visibility:hidden; }
	
	#malemSliderMobi {display:none;}	

#malemSlider {display:block;}		

#malemprestigelogo {
	float:left;margin-right:1%;width:18%
	}
#malemprestigetext {
float:left;width:80%;}	

#malemprestigelogoContent {
	float:left;margin-right:1%;width:5%
	}
#malemprestigetextContent {
float:left;width:100%;}	

.malemBox {
	 -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1;         /* OLD - Firefox 19- */
        -webkit-flex: 1;          /* Chrome */
        -ms-flex: 1;              /* IE 10 */
        flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	text-align:center;
	margin-bottom:0;
		width:100%;
		margin-left:auto;
	margin-right:auto;
	}	
.malemBox1	{
margin-right:50px;
text-align:center;
	}
.malemBox1 img {
width:100%;
	}	
.malemBox2	{
	margin-right:50px;
	text-align:center;
	}
.malemBox2 img {
width:100%;
	}	
	.malemBox2a	{
	margin-right:50px;
	text-align:center;

	}
.malemBox3	{
	margin:0px;
	text-align:center;
	}	
.malemBox3 img {
width:100%;
	}	

.malemBoxoverlay {z-index:5;position:absolute;bottom:5px;font-size:3vw;color:rgba(255, 255, 255, 0.8);font-weight:bold;text-align:center;margin-left:1%;}



.malemPrestige {
	width:43%;
	margin-right:3%;
	margin-left:3%;
	margin-top:37%;
	margin-bottom:1%;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	float:left;

	}
.malemPrestigecontact {
	width:26%;
	margin-right:2.5%;
	margin-left:0;
	margin-top:37%;
	margin-bottom:1%;
	text-align:right;
	font-style:none;
	float:left;
	}	
.malemSocialNets{
	width:4%;
	margin-right:1.5%;
	margin-left:0;
	margin-top:37%;
	margin-bottom:1%;
	float:left;

	}	
		
.malemGenericcontentfullwidth {
	width:94%;
	margin-right:3%;
	margin-left:3%;
	margin-bottom:0;
	margin-top:0;
	}

		
#malemmenumobidiv { visibility:hidden; display:none; }	

#MalemMainimagesleft {float:left;margin-right:2%;margin-left:0;width:40%;margin-bottom:1%;}
#MalemMainimagesright30 {float:right;margin-right:0;margin-left:2%;width:30%;margin-bottom:1%;}
#MalemMainimagesleft30 {float:left;margin-right:2%;margin-left:0;width:30%;margin-bottom:1%;}
#MalemMainimagesleft35 {float:left;margin-right:2%;margin-left:0;width:35%;margin-bottom:1%;}
#MalemMainimagesleftHR {float:left;margin-right:2%;margin-left:0;width:55%;margin-bottom:1%;}
#MalemMainimagesright {float:right;margin-right:0;margin-left:2%;width:40%;margin-bottom:1%;}

.Malemlogofooter {width:125px;margin-right:25px;margin-bottom:0;margin-top:28%;float:left;margin-left:3%;}

.malemPrestigeContentpages {
	width:30%;
	margin-right:1%;
	margin-left:0;
	margin-top:30%;
	margin-bottom:1%;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	float:left;
	text-align:left;
	}
.malemContentNotice	 {
	width:75%;
	margin-bottom:0;
	margin-top:0;
	margin-left:0px;
	float:left;

	}
	.malemPrestigecontactContent {
	width:26%;
	margin-right:2.5%;
	margin-left:0px;
	margin-top:30%;
	margin-bottom:1%;
	text-align:right;
	font-style:none;
	min-width:275px;
	float:left;
	}	
.malemSocialNetsContent {
	width:4%;
	margin-right:1.5%;
	margin-left:0;
	margin-top:30%;
	margin-bottom:1%;
	float:left;
}
#malemSocialNetsContainer {float:none;}

#MalemVideoFrame {
		position:relative;
	top:0;
	left:0;	
	width:50%;
	height:50%;
	margin-top:50%;
	margin-left:50%;
	margin-right:50%;
	text-align:center;
z-index:100;

	}
#MalHomeServiceBox {position:relative;top:50px;width:70%;padding:15px;visibility:visible;display:block;border:1px solid #000;}
#MalHomeServiceBoxTEMP {position:relative;top:0px;float:right;margin-left:25px;margin-right:0;margin-bottom:25px;width:25%;visibility:hidden;display:none;padding-left:15px;padding-right:15px;border:1px solid #000;}
#MalHomeServiceBoxMobi {display:none;visibility:hidden;}

	}