/*main nav bar*/

#mainnavbar {

  background-color: #ABD1DC;

}



#mainnav {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}



/*dropdown menu*/



ul#dropdown{    padding: 0;  float: right;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc); list-style: none; margin:0px;}



/* level 1 */



ul#dropdown li{    padding: 0;vertical-align: bottom;position: relative;height: 100%;line-height: 54px;text-align: center;float: left;list-style: none; display: inline; }

ul#dropdown li.active a{ background: #C6A477;  text-decoration: none;  color: #ffffff; }

ul#dropdown li:last-child{ border-right:0!important;}

ul#dropdown li a{text-transform:uppercase; color: #fff;font-family: 'Raleway', sans-serif;font-size: 14px;font-weight: 500;line-height: 48px;display: block;vertical-align: bottom;width: 100%; padding: 0px 18px;

-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;*behavior: url(/script/boxsizing.htc);}

ul#dropdown li a:hover,li.active a {background: #7097AB; text-decoration: none;color: #ffffff;}

ul#dropdown li a img{vertical-align: bottom; }

ul#dropdown li:active {  background: #3f3e38;  text-decoration: none;  color: #948e58;}

ul#dropdown li:hover {  text-decoration: none;color: #948e58; }

ul#dropdown li:hover a{ color: #fff; }

ul#dropdown li:hover a:first{ color: #948e58;}

/* level 2 */



ul#dropdown li ul{   padding: 0;    position: absolute;top: 48px;margin: 0;left: -1px;    width: 165px;

    -webkit-box-shadow: none;      -moz-box-shadow: none;    box-shadow: none;

    display: block;  visibility: hidden;

    opacity: 0;

    -webkit-transiton: opacity 1s;

    -moz-transition: opacity 1s;

    -ms-transition: opacity 1s;

    -o-transition: opacity 1s;

    -transition: opacity 1s;

    z-index:9999;

}

ul#dropdown li ul li{    display: block!important;    padding: 0!important;   text-align: left;}

ul#dropdown li ul li a {

      font-family: 'Raleway', sans-serif;

      font-size: 14px;

      font-weight: 500;

      line-height: 27px;

      text-transform: initial;

      color: #fff;

      padding: 7px 15px 7px 18px;

      margin: 0;

      width: 200px;

      display: block;

      background: #ABD1DC;

}

ul#dropdown li ul li a:hover {    

    background: #7097AB;

    display: block;

    color: #ffffff;

    font-weight: 500;

}

ul#dropdown li ul li ul li a:hover {     background: #3E3E3E;     display: block;}

ul#dropdown li:hover ul {  display: block;  opacity: 1;  visibility: visible; }

ul#dropdown ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }

ul#dropdown ul li ul li:hover ul {  display: none;  opacity: 1;  visibility: hidden; }



/*  level 3    */



ul#dropdown li ul li ul{    

    position: absolute;    

    top: 0px;    

    margin:0;    

    left: 100%;    

    width: 224px;      

    padding: 0;display: block;

    -webkit-box-shadow: none;     -moz-box-shadow: none;    box-shadow: none;

    visibility: hidden !important;

    opacity: 0;

    -webkit-transiton: opacity 1s;

    -moz-transition: opacity 1s;

    -ms-transition: opacity 1s;

    -o-transition: opacity 1s;

    -transition: opacity 1s;

    display: none!important;

     }

ul#dropdown li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible !important; }

ul#dropdown ul ul { left: 100%; top: 10px; }

ul#dropdown ul li:hover > ul { visibility: visible; color:#804C7D; }

ul#dropdown ul li:hover ul {  display: block;  opacity: 1;  visibility: visible; }



/*  level 4    */



ul#dropdown li ul li ul li ul{    position: absolute;    top: 0px;    margin:0;    left: 100%;    width: 224px;    padding: 0; display: block;

    -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;

    visibility: hidden !important;

    opacity: 0;

    -webkit-transiton: opacity 1s;

    -moz-transition: opacity 1s;

    -ms-transition: opacity 1s;

    -o-transition: opacity 1s;

    -transition: opacity 1s;

     }





ul#dropdown li ul li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible !important; }



ul#dropdown ul ul ul { left: 100%; top: 10px; }

ul#dropdown ul li ul li:hover > ul { visibility: visible; color:#804C7D; }



ul#dropdown ul li ul li:hover ul {  display: block;  opacity: 1;  visibility: visible; }



/*LEFT NAV*/



ul#left-nav {

    padding: 0;

    margin: 0;

    background: #E2E1D1;

      margin-bottom: 30px;

}



ul#left-nav li {

  list-style-type: none;

      padding: 0;

}



ul#left-nav ul {

  padding: 0;

  margin: 0;

}



#left-nav ul li a {

  padding: 8px 10px 8px 20px;

  display: block;

    color: #3e3e3e;    

}



#left-nav ul li a:hover {

  text-decoration:none;

color:#fff;

}



.peyronies-left #left-nav ul li a:hover {  background:#5fb35d;}

.infertility-left #left-nav ul li a:hover {  background:#6cca9e;}

.incontinence-left #left-nav ul li a:hover {  background:#5b9cd9;}

.phalloplasty-left #left-nav ul li a:hover {  background:#a970a9;}

.vasectomy-left #left-nav ul li a:hover {  background:#d66767;}

.implants-left #left-nav ul li a:hover {  background:#47b3b7;}

.structures-left #left-nav ul li a:hover {  background:#c2a555;}

.dysfunction-left #left-nav ul li a:hover {  background:#f2a786;}

.xiapex-left #left-nav ul li a:hover {  background:#bfca60;}



.peyronies-left #left-nav ul li a:active {  background:#5fb35d; color:#fff;}





.peyronies-left #left-nav ul li.active {background: #5fb35d;color:#fff;}

.peyronies-left #left-nav ul li.active a {color:#fff;}



.infertility-left #left-nav ul li.active {background: #6cca9e;color:#fff;}

.infertility-left #left-nav ul li.active a {color:#fff;}



.implants-left #left-nav ul li.active {background: #47b3b7;	color:#fff;/*  opacity: 0.2;*/}

.implants-left #left-nav ul li.active a {color:#fff;}



.incontinence-left #left-nav ul li.active {background: #5b9cd9;	color:#fff;/*  opacity: 0.2;*/}

.incontinence-left #left-nav ul li.active a {color:#fff;}



.phalloplasty-left #left-nav ul li.active {background: #a970a9;	color:#fff;/*  opacity: 0.2;*/}

.phalloplasty-left #left-nav ul li.active a {color:#fff;}



.vasectomy-left #left-nav ul li.active {background: #ec8282;	color:#fff;/*  opacity: 0.2;*/}

.vasectomy-left #left-nav ul li.active a {color:#fff;}



.dysfunction-left #left-nav ul li.active {background: #f2a786;	color:#fff;/*  opacity: 0.2;*/}

.dysfunction-left #left-nav ul li.active a {color:#fff;}



.structures-left #left-nav ul li.active {background: #d7be78;	color:#fff;/*  opacity: 0.2;*/}

.structures-left #left-nav ul li.active a {color:#fff;}



.xiapex-left #left-nav ul li.active {background: #bfca60;	color:#fff;/*  opacity: 0.2;*/}

.xiapex-left #left-nav ul li.active a {color:#fff;}





/*LEFT NAV2*/



ul#left-nav2 {

    padding: 0;

    margin: 0;

}



ul#left-nav2 li {

  list-style-type: none;

      padding: 0;

}



ul#left-nav2 ul {

  padding: 0;

  margin: 0;

}



#left-nav2 li a {

  font-size: 15px;

  line-height: 24px;

  color: #ada653;

  padding: 8px 10px 8px 20px;

  display: block;

}



#left-nav2 li a:hover {

  text-decoration:none;

  background: #443F3B;

}







/*MOBILE MENU */

#menu{

    background: #3f3e38;

}



#menu li{

	float: right;

	padding: 0 5.5% 0.9% 0;

	position: relative;

}



#menu a{

	float: left;

	padding: 0;

	text-transform: uppercase;

    color:#fafafa;

    font-size:1em;

    font-style:none;

    font-weight:400;

    line-height:2.3em;

	text-decoration: none;

	text-shadow: 0 1px 1px rgba(0,0,0, 0.5);

}





*html #menu li a:hover{ /* IE6 */

	color: #948e58;

}





#menu ul li{

    float: none;

    margin: 0;

    padding: 0!important;

    display: block;

/*

    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #434343;

    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #434343;

    box-shadow: 0 1px 0 #111111, 0 2px 0 #434343;

*/

    list-style-image:none;

      border-top: #484740 solid 1px;

  border-bottom: #34332D solid 1px;

    min-height: 20px;

}



#menu ul li:last-child{

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}





#menu ul li:first-child {

    border-top: none;

}



#menu ul li ul li{

    float: none;

    margin: 0;

    padding: 0;

    display: block;

/*

    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #434343;

    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #434343;

    box-shadow: 0 1px 0 #111111, 0 2px 0 #434343;

*/

    border: 0;

/*

      border-top: #484740 solid 1px;

  border-bottom: #34332D solid 1px;

*/

}



#menu ul li ul li:last-child{

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



#menu ul a{



      padding: 4px 20px 4px 10px;

    height: auto;

    display: block;

    white-space: nowrap;

    float: none;

    text-transform: none;

	font-weight:500;

}



*html #menu ul a{ /* IE6 */

	height: 10px;

	width: 150px;

}



*:first-child+html #menu ul a{ /* IE7 */

	height: 10px;

	width: 150px;

}



#menu ul a:hover{

    background: #2F2E2B!important;

    color:#948e58;

	font-weight:500;



}



#menu:after{

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



* html #menu             { zoom: 1; } /* IE6 */

*:first-child+html #menu { zoom: 1; } /* IE7 */





#menu ul li.active { background: #2F2E2B; }

#menu ul li ul li.active {  }

#menu ul li ul li ul li {      margin-left: 20px; }

#menu ul li ul li ul li.active { }

/*.mm-list li.active a.mm-subopen::after { transform: rotate(45deg); }

.mm-list li.active li a.mm-subopen::after {transform: rotate(-45deg);}

.mm-list li.active li.active a.mm-subopen::after { transform: rotate(45deg); }*/



/*end of dropdown menu*/