/**
 * @version		1.1.0
 * @package		Motif template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2012-2014 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */

/*

*/

.notered {font-size: 1em; color: #fff!important; padding-left: 20px; padding-right: 20px;  padding-top: 20px; padding-bottom: 20px; margin-bottom: 15px;
    background-color: #E50000; -moz-border-radius: 18px; -webkit-border-radius: 18px; -khtml-border-radius: 18px; border-radius: 18px;}

.companymoto p {margin:1em!important;}

.hrpharma  { height: 1px; border-color: #000000; background-color: #C5A37D; top: -1px;  margin-bottom: -1px; position: relative;margin: 10px 0px;}

div.contact.row-fluid h2 { margin: -15px 0 20px -5px; padding: 0; font-size: 1.5em!important; font-weight: normal;}

.hrpharmaUL {  /*  min-height: 188px;*/ background-color: transparent; font-size: 22px; color: #C69C6D;  font-family: '__Roboto_5';  /*font-weight: 500;
    position: relative;  line-height:24px;*/ margin:2%;}

ul.hrpharmaUL li {/*padding-top:12px!important;*/ line-height: 21px;}

.socialbar_transparent { clear: both;}

.wraprod {margin:0px auto; width:94%;}

#u9690-10 {z-index: 212; width: 75px; background-color: transparent;
    font-size: 12px; color: #FFFFFF; text-align: center; font-family: '__Roboto_5';
  display: inline;  height: 75px;}

#u9690-10 p {margin: 1em 0;line-height:100%;}

#u9689 { width: 75px; border-color: #000000; background-color: #E50000; 
  -moz-border-radius: 85px;-webkit-border-radius: 85px;-khtml-border-radius: 85px;
    border-radius: 85px; position: relative; margin-right: -5%; padding: 0.5em;
  z-index: 300;   height: 75px;}

.cyan {background-color: #00a5a7!important;}
.purple{background-color: #8C005A!important;}
.blue {background-color: #2E3192!important;}

#u10381 {
    z-index: 210; border-style: none; border-color: transparent;
  background-color: transparent; position: relative; left: 40%;
   clear: both; margin: -5%; height: 75px;}

#u8050-3, #u7767-3 {z-index: 99; width: 131px; min-height: 19px;
    border-color: #293237; padding-top: 3px; font-size: 16px;  line-height: 29px;
    letter-spacing: 2px; color: #FFFFFF; text-align: center;
    font-family: nobile, sans-serif; font-weight: 500; position: relative;
    margin-top: 10px; top: 42px;  
  background: transparent url("../../../images/pharmasite/photo15-u10997-3-fr.png") no-repeat left top; background-size: contain; height: 40px!important;}

/*FOCUS*/
.focus { -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
       -o-transition: all 1s ease;  -ms-transition: all 1s ease;
          transition: all 1s ease;}
 
.focus:hover { border: 30px solid #FFF; border-radius: 50%;}

#region3wrap .xtc-wrapper {padding: 0px!important;}

#bottom_fade {
	z-index: 99;
	position: relative;
	bottom: 0%;
	background-image: url("../../../images/bottom-fade.png");
  width: 100%;height: 410px; margin-top: -400px; background-size: cover;}

.inblock{display:inline-block; max-width: 300px;}

ul.suckerfish > li > a, ul.dropline > li > a, ul.dualfish > li > a,
ul.suckerfish > li > a:hover, ul.dropline > li > a:hover, ul.dualfish > li > a:hover, 
ul.suckerfish > li > a:active, ul.dropline > li > a:active, ul.dualfish > li > a:active,
ul.suckerfish > li > a:focus, ul.dropline > li > a:focus, ul.dualfish > li > a:afocus,
#header ul.menu > li.active > a, #header ul.menu > li:hover > a,
#header ul.menu > li > a, #header ul.menu > li > a{padding: 10px!important;}

ul.suckerfish > li > span.separator, ul.dropline > li > span.separator, ul.dualfish > li > span.separator,
#header ul.menu > li.active > span.separator, #header ul.menu > li:hover > span.separator,
#header ul.menu > li > span.separator, #header ul.menu > li > span.separator
{vertical-align: sub;    line-height: 20px; padding: 0px 5px;}

#header ul.menu > li.active > span.separator span.xmenu, #header ul.menu > li:hover > span.separatorspan.xmenu,
#header ul.menu > li > span.separator span.xmenu, #header ul.menu > li > span.separator span.xmenu
{padding: 0px 5px;}

.diag {margin-bottom: 5px; padding: 16px 0 12px;}

p#grprod {margin:5px;} img#grprodimg{display:inline-block;}

.wrapmodule {margin-top:-30px;}

.item-page.wtitle .article_text {
    padding: 43px 0px 0px; overflow-x: hidden;
}

.article_header {    margin: 0 0 20px 0;}


#logo a {
    background: url(../images/logos/mlogo-s4.png) no-repeat 0 0;
    /* height: 100%!important; */
    width: 271px;
    margin: 2px 0;
    background-size: contain;
    height: 50px;
}

#header ul.menu > li > a:hover, #header ul.menu > li.xtcHover a, ul.suckerfish > li > a, ul.dropline > li > a, ul.dualfish > li > a , #header ul.menu > li.active > a, #header ul.menu > li:hover > a{padding:10px 20px;}

@media screen and (max-width: 980px) {
#logo a {
    height: 30px;
    padding: 5px;
}
  
  ul.suckerfish > li > a, ul.dropline > li > a, ul.dualfish > li > a {
    display: block;
    padding: 12px!important;
    margin-left: 1px;
}
  
ul.suckerfish > li > span.separator, ul.dropline > li > span.separator, ul.dualfish > li > span.separator,
#header ul.menu > li.active > span.separator, #header ul.menu > li:hover > span.separator,
#header ul.menu > li > span.separator, #header ul.menu > li > span.separator{
vertical-align: sub;
}
  
}