/* * Custom Style Sheet - Use this file to style your content *//* Only Phones (Portrait) */
@media (max-width: 479px) 
{    
  .logo img 
  {        
    max-width: 100%;    
  }
}
#logo p, .logo p 
{    
  margin: 5px 0;
}
#top-a .module 
{    
  margin: 0;
}
.min-height 
{    
  position: relative;
}
#block-header 
{    
  min-height: 244px;
}
#block-header .wrapper 
{    
  position: relative;
}
#header 
{    
  position: absolute;    
  z-index: 2;    
  width: 100%;    
  margin: 0;
}
#top-a 
{    
  position: relative;    
  overflow: hidden;    
  z-index: 0;    
  bottom: 0;    
  left: 0;    
  top: 0;
}
#top-b 
{    
  background: url("../images/top-b-bg.png") left 36px repeat-x;
}
#top-b .subscription 
{
  margin: 5px 16px !important;
}
#top-b .module 
{    
  margin: 5px 40px;
}
#toolbar .float-left  .lngswitcher
{
  margin:0 5px 0 0 !important;
}
#toolbar .float-left .emaillink
{
  margin:0 0px 0 0 !important;
}
#block-toolbar 
{    
  position: absolute;    
  width: 100%;    
  z-index: 3;
}
#toolbar .float-right 
{    
  color: #000;    
  font-size: 16px;    
  font-family: 'proxima_nova_cn_ltbold';
}
#toolbar .float-right span 
{    
  color: #0397d7;
}
#toolbar .float-left 
{    
  margin-left: 120px;
  width:280px;
}
@-moz-document url-prefix()
{
   #toolbar .float-left 
  {    
    margin-left: 120px;
    width:280px;
  }
}
.float-middle
{
  float:left;
  width: 150px;
}
.mod-languageslngswitcher .pretext p{
  float: left;
  margin: 0px;
  margin-right: 5px;
  margin-top: -3px;
  
}
#block-bottom-b .wrapper 
{

}
#toolbar select {   
  display: inline-block;    
  float: left; 
  background:none;
  height:20px;
  border:none;   
  color: #0397d7;
  /*-webkit-appearance: button;
  -webkit-padding-end: 10px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;*/
    background-position: center right;
  background-repeat: no-repeat;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  
   
  width: 55px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 21px;
  margin-top: -3px; 
  /*background: url(../images/select.png) no-repeat right 8px;*/
  overflow: hidden;
    left: 0;

}

}
#toolbar .float-left p 
{    
	margin: 0;    
	float: left;
}
.select 
{    
	color: #0397d7;   
	cursor: pointer;
}
#footer .module 
{    
	display: inline-block;
}
.module .module-title .icon-circle 
{    
	background: url("../images/module-title-circle.png");    
	width: 25px;    
	height: 25px;    
	float: none;
}
.module .module-title{    color: #000;}
#block-bottom-b .module .module-title{    color: #fff;}
#block-bottom-b .module-title {    background: url("../images/botom-b-bg.png") left bottom repeat-x;    padding-bottom: 30px;}
#block-bottom-b .module-title .title {    float: left;}
#block-bottom-b .module .module-title span.subtitle {    display: inline-block;    text-align: right;    float: right;}
#block-bottom-b ul {    padding-left: 10px;    list-style-type: none;}
#block-bottom-b ul li {    background: url("../images/bottom-list-image.png") left top no-repeat;    padding-left: 30px;}
blockquote {    padding: 35px;}blockquote:after {    content: url("../images/block-quote-after.png");    position: absolute;    right: 0;}
blockquote:before {    content: url("../images/block-quote-before.png");    position: absolute;    left: 0;    top: 0;}
em {    padding: 0 20px;}
#block-header, #block-toolbar, #block-main, #block-bottom-b, #block-bottom-a, #block-bottom-c, #block-footer{    min-width: 980px;}
.thumbnail-item {    /* position relative so that we can use position absolute for the tooltip */    position: relative;    float: left;    margin: 0;}.thumbnail-item a {    display: block;}.thumbnail-item img.thumbnail {    border: 3px solid #ccc;}.tooltip {    /* by default, hide it */    display: none;    /* allow us to move the tooltip */    position: absolute;    /* align the image properly */    padding: 8px 0 0 8px;}.tooltip span.overlay {    /* the png image, need ie6 hack though */    /* put this overlay on the top of the tooltip image */    position: absolute;    top: 0px;    left: 0px;    display: block;    width: auto;    height: auto;}


.badgeimg
{
 margin:0px;
}
.custom-badge
{ 	
	position: absolute;    
	right: -50px;    
	top: 125px;    
	z-index: 9999999;    
	opacity: 1;
}
.custom-badge img 
{ 
	-webkit-transition: all 2s ease; 	
	-moz-transition: all 2s ease; 
	-ms-transition: all 2s ease; 	
	transition: all 2s ease; 
} 
/*.custom-badge img:hover { width: 75%; height: 75%; } */

.badge_img { 
 width:50%;
 height:50%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
} 
.badge_img_pops {
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
width:70%;
height:70%;
}