/* -------------------------------------------------------------
  © IceTheme 2013
---------------------------------------------------------------- */




/* sidebar positions design
---------------------------- */  
#sidebar .sidebar_module {
  clear:both;
  padding:0;
  margin:0 0 10px}
  #sidebar div .sidebar_module:last-child { margin-bottom:0}
  
  #sidebar .sidebar_module h3.sidebar_module_heading {
    display:inline-block;
    background:#556d7d;
    background:
    position:relative;
    margin-left:-15px;
    color:#FFF;
    font-size:22px;
    line-height:28px;
    padding:5px 15px 7px;
    text-shadow:1px 1px 1px rgba(0,0,0,.3);}
  
  #sidebar .sidebar_module .sidebar_module_content { 
    background-color:#ebebf0;
    padding: 10px 15px;}



  /* "style1" surfix */  
  #sidebar .sidebar_module_style1 h3.sidebar_module_heading {
    background:#815860}
  
  /* "style2" surfix */  
  #sidebar .sidebar_module_style2 h3.sidebar_module_heading { 
    background:#3d3d3d}
  


  /* when sidebar is put to "right" */
  #sidebar.sidebar_right .sidebar_module h3.sidebar_module_heading {
    margin-right: -15px;
    float: right;}
  
  #sidebar.sidebar_right .sidebar_module .sidebar_module_content {
    clear:both}    
  


/* "promo" and "bottom" */
#promo .moduletable,
#bottom .moduletable {
  margin-bottom: 15px;}

  #promo .moduletable h3.mod-title,
  #bottom .moduletable h3.mod-title{
    margin:0;
    text-align:left;
    font-size:24px;
    position:relative;}
        

      .moduletable [class^="icon-"] {
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
        
        .moduletable:hover [class^="icon-"] {
          color:#fff;}
          
          
          
          
/* "footer" mods */
#footer_mods .moduletable { margin-bottom:10px;}

  #footer_mods .moduletable h3.mod-title {
    line-height: 28px;
    margin:0;
    margin-bottom:5px;
    font-size:20px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);}
    
      


/* IceCarousel 
-------------------------------------------------*/
#icecarousel {
  margin:0;
  position:relative;
  border-top:10px solid #ebebf0;
  border-bottom:10px solid #ebebf0;
  margin:0;
  padding:0 0 30px;
  margin-bottom: 0px;}
    
  #icecarousel .slider_heading h3 {
    text-align:center;
    font-size: 30px;
    margin:-29px 0 20px;
    line-height:42px;}
    #icecarousel .slider_heading h3 span {
      background:#fff;
      display:inline-block;
      padding: 0 15px}
      
    
  #icecarousel .icecarousel { 
    margin-bottom:0; 
    padding-top:0; 
    padding-bottom:0;}
  
  #icecarousel .icecarousel-inner { 
    position:relative; 
    overflow:hidden; 
    padding:0;
    background:#EBEBF0; 
    margin-left:8px; 
    margin-right:8px;}
    #icecarousel .icecarousel-inner:after {
      position:absolute;
      top:0;
      left:0;
      content:"";
      box-sizing: border-box;
      border:10px solid rgba(255,255,255,.5);
      width:100%;
      height:100%;
      -webkit-transition:all .2s ease-out;
      -moz-transition:all .2s ease-out;
      -o-transition:all .2s ease-out; 
      transition:all .2s ease-out;}    
  
  
  /* arrows */  
  #icecarousel .flex-direction-nav a {
    background:#ebebf0;
    opacity:0;
    height:45px;
    width:45px;
    border-radius:100%;
    top:-42px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
      
    #icecarousel .flex-direction-nav a:hover {}

      #icecarousel .flex-direction-nav .flex-next { 
        right:-50px;}
        #icecarousel:hover .flex-direction-nav .flex-next { 
          right:0;
          opacity:1;}
        
      #icecarousel .flex-direction-nav .flex-prev { 
        left:-50px;}
        #icecarousel:hover .flex-direction-nav .flex-prev { 
          left:0;
          opacity:1;}
      
    
      #icecarousel .flex-direction-nav a:after  {
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:45px;
        height:45px;
        opacity:.5;
        background-image:url(../images/icecarousel_arrows.png);
        background-position:center;
        background-repeat:no-repeat;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;} 
                  
        #icecarousel .flex-direction-nav a:hover:after  {
          opacity:1}
          
          #icecarousel .flex-direction-nav .flex-next:hover:after   {
            -webkit-transform: translate(1.5px,0);
            -moz-transform: translate(1.5px,0);
            -o-transform: translate(1.5px,0);
            transform: translate(1.5px,0);}
        
          #icecarousel .flex-direction-nav .flex-prev:hover:after   {
            -webkit-transform: translate(-1.5px,0);
            -moz-transform: translate(-1.5px,0);
            -o-transform: translate(-1.5px,0);
            transform: translate(-1.5px,0);}
          
        
        #icecarousel .flex-direction-nav .flex-next:after {
          background-position:4px bottom;}
        
        #icecarousel .flex-direction-nav .flex-prev:after {
          background-position:-2px top;}
            
              
    
      
  /* captions */
  #icecarousel .icecarousel-caption {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff;
    text-align:center;
    opacity:0;
    z-index: 9;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
    
    #icecarousel .icecarousel-inner:hover .icecarousel-caption {
      background: #ebedf0;
      opacity:1}
    
    #icecarousel .icecarousel-caption .icecarousel-description {
      font-family: "TitilliumText22LLight", Arial, Helvetica, sans-serif;
      position:absolute;
      width:92%;
      bottom:-100px;
      margin:0;
      padding: 6px 4% 12px;
      font-size: 18px;
      line-height: 24px;
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;}
      
      #icecarousel .icecarousel-inner:hover .icecarousel-caption .icecarousel-description {
        opacity: 1;
        bottom:0}
        
        
        
      #icecarousel .icecarousel-caption .icecarousel-description a {
        color:#006699;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;}
        
        #icecarousel .icecarousel-caption .icecarousel-description a:hover {
          color:#333;
          text-decoration: none;}
            
            
            
            
       /* image */
       #icecarousel .icecarousel-inner img {
        width:auto; 
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;}
        
         #icecarousel .icecarousel-inner:hover img {
          -webkit-transform: translate(0 ,-75px);
          -moz-transform: translate(0 ,-75px);
          -o-transform: translate(0 ,-75px);
          transform: translate(0 ,-75px);}
        


    
/* IceSlideShow 
-------------------------------------------------*/
#iceslideshow {
  position:relative;
  overflow:hidden;
  padding:0;
  z-index:10;
  margin-bottom:45px;
  clear:both;
  margin-top:15px;}
    
  #iceslideshow .iceslideshow { 
    margin-bottom:0; 
    background-color:#FFF}
    
  /* an effect to hide the slidshow when user moves over the menu */
  .icemegamenu-hover {
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    transition: background 0.2s linear;
    background: rgba(255,255,255,0.75);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:999;}
    
  #iceslideshow .carousel-caption {
    background: #fff;
    background: rgba(255,255,255,0.0);
    z-index: 99;
    padding: 0;
    text-align:center;
    height:100%;
    bottom: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;}
    #iceslideshow:hover .carousel-caption {
      background: rgba(255,255,255,0.25);}
    
    
    #iceslideshow .carousel-caption .mod-description {
      position:absolute;
      right:128px;
      bottom:15px;
      margin-left:15px;
      font-size: 28px;
      line-height: 36px;
      font-family:"TitilliumText22LRegular", Arial, Helvetica, sans-serif;
      color: #1f5c8b;
      width:auto;
      padding:3px 15px 4px;
      text-align:left;
      background:#fff;
      background: rgba(255,255,255,0.85);
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;}
      #iceslideshow:hover .carousel-caption .mod-description {}
      
      #iceslideshow .carousel-caption .mod-description:before {
        content: "";
        position: absolute;
        bottom: 22px;
        left: -1000px;
        width: 1000px;
        height: 1px;
        background: url(../images/iceslideshow_line.png) right;
        opacity:.35;
        margin: 0;}
          
      #iceslideshow .carousel-caption h4 {
        padding-top:0;
        margin:0}
        #iceslideshow .carousel-caption h4  a{}
          #iceslideshow .carousel-caption h4 a:hover{}
                
                
      #iceslideshow .carousel-caption div.mod-description p {
        color:#666;
        line-height: 24px;}
        
        #iceslideshow .carousel-caption div.mod-description a {
          display:block;
          padding-top:0;
          color:#333}
          #iceslideshow .carousel-caption div.mod-description a:hover {
            color:#1f5c8b;}
          
          #iceslideshow .carousel-caption div.mod-description a:hover {
            text-decoration:none}    
      
      
      /* fade transition */
      #iceslideshow .carousel-fade .carousel-inner .item {
          opacity: 0;
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          -o-transition-property: opacity;
          transition-property: opacity;}
          
          #iceslideshow .carousel-fade .carousel-inner .active {
            opacity: 1;}
            
          #iceslideshow .carousel-fade .carousel-inner .active.left,
          #iceslideshow .carousel-fade .carousel-inner .active.right {
            left: 0;
            opacity: 0;
            z-index: 1;}
            
          #iceslideshow .carousel-fade .carousel-inner .next.left,
          #iceslideshow .carousel-fade .carousel-inner .prev.right {
            opacity: 1;}
            
          #iceslideshow .carousel-fade .carousel-control {
            z-index: 2;}  
           
             
                
/* arrows */
#iceslideshow .iceslideshow_arrow {
  position:absolute;
  right:15px;
  bottom:15px;
  z-index: 99;}
  
#iceslideshow .carousel-control {
  z-index:999;
  width:45px;
  height:45px;
  border-radius: 100%;
  position:relative;
  display: inline-block;
  background-color:#fff;
  background-color:rgba(255, 255, 255, 0.85);
  text-indent:-99999px;
  opacity:0;
  border:none;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;} 
  
  #iceslideshow:hover .carousel-control {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity:1;}
  
  #iceslideshow .iceslideshow_arrow .left {
    right:4px;
    left:auto;}
    
  #iceslideshow .iceslideshow_arrow .right {
    left:0;
    right:auto;}
    
    #iceslideshow .iceslideshow_arrow a:after  {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:55px;
      opacity:1;
      height:55px;
      background:url(../images/iceslideshow_arrows.png);
      background-position:center;
      background-repeat:no-repeat;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;} 
                
      #iceslideshow .iceslideshow_arrow a:hover:after  {
        opacity:1}
        
        #iceslideshow .iceslideshow_arrow .right:hover:after   {
          -webkit-transform: translate(1.5px,0);
          -moz-transform: translate(1.5px,0);
          -o-transform: translate(1.5px,0);
          transform: translate(1.5px,0);}
      
        #iceslideshow .iceslideshow_arrow .left:hover:after   {
          -webkit-transform: translate(-1.5px,0);
          -moz-transform: translate(-1.5px,0);
          -o-transform: translate(-1.5px,0);
          transform: translate(-1.5px,0);}
      
      
      #iceslideshow .iceslideshow_arrow .right:after {
        background-position:0 -44px;}
      
      #iceslideshow .iceslideshow_arrow .left:after {
        background-position: 0 1px;}
  
        
    /* adjust resposnive image */
    #iceslideshow .carousel-inner img { height:auto!important}




/* IceFilter (categories homepage)
----------------------------------- */
#categories {
  margin-bottom:15px;}
  
  #categories .ice_filter_items .ice_filter_item {
    padding:0 0 15px;}
      
    #categories .ice_filter_items .ice_filter_inner {
      background:#ebebf0;}
  
      
#categories .ice_filter_caption {
  min-height:165px;}
          
  #categories .ice_filter_caption h4 {
    font-size:28px;
    line-height:36px;
    margin:0;
    padding:18px 0 2px}
    
    #categories .ice_filter_caption h4 a {
      color:#333;}
    
      #categories .ice_filter_caption h4 a:hover {
        color:#556D7D;
        text-decoration:none;}
    
              
  #categories .ice_filter_caption p { font-size:16px; color:#777; line-height:26px;}

  #categories .ice_filter_img {
    position:relative;
    width:auto;
    float:left;
    padding:0;
    margin: -21px 30px 0 15px;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out; 
    transition:all .2s ease-out;}
    
    #categories .ice_filter_inner .ice_filter_img img {
      border-radius:100%;}
      
      #categories .ice_filter_img:after {
        position:absolute;
        top:0;
        left:0;
        content:"";
        box-sizing: border-box;
        border:10px solid rgba(255,255,255,.5);
        width:100%;
        height:100%;
        border-radius:100%;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -o-transition:all .2s ease-out; 
        transition:all .2s ease-out;}
        
        #categories a.ice_filter_img_link:hover .ice_filter_img {
          opacity:.75;
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg);}
        
        
        
/* Preload effect for IceTheme Extensions */
.ice_preload {
  background-color:#EBEBF0;
  position:absolute;
  z-index:100;
  width:100%;
  height:100%;
  left:0;
  top:0;}

  .ice_preload #movingBallG{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-128px;
    margin-top:-9px;
    width:256px;
    height:18px;}

    .ice_preload .movingBallLineG{
      position:absolute;
      left:0px;
      top:8px;
      height:4px;
      width:256px;
      background-color:#EBEBF0;}

    .ice_preload .movingBallG{
      background-color:#556D7D;
      position:absolute;
      top:0;
      left:0;
      width:18px;
      height:18px;
      -moz-border-radius:10px;
      -moz-animation-name:bounce_movingBallG;
      -moz-animation-duration:2.3s;
      -moz-animation-iteration-count:infinite;
      -moz-animation-direction:linear;
      -webkit-border-radius:10px;
      -webkit-animation-name:bounce_movingBallG;
      -webkit-animation-duration:2.3s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-direction:linear;
      -ms-border-radius:10px;
      -ms-animation-name:bounce_movingBallG;
      -ms-animation-duration:2.3s;
      -ms-animation-iteration-count:infinite;
      -ms-animation-direction:linear;
      -o-border-radius:10px;
      -o-animation-name:bounce_movingBallG;
      -o-animation-duration:2.3s;
      -o-animation-iteration-count:infinite;
      -o-animation-direction:linear;
      border-radius:10px;
      animation-name:bounce_movingBallG;
      animation-duration:2.3s;
      animation-iteration-count:infinite;
      animation-direction:linear;}


        @-moz-keyframes bounce_movingBallG {
          0% { left:0px; }
          50%{ left:236px;}
          100%{left:0px;}
        }

        @-webkit-keyframes bounce_movingBallG {
          0% { left:0px; }
          50%{ left:236px;}
          100%{left:0px;}
        }

        @-ms-keyframes bounce_movingBallG {
          0% { left:0px; }
          50%{ left:236px;}
          100%{left:0px;}
        }

        @-o-keyframes bounce_movingBallG {
          0% { left:0px; }
          50%{ left:236px;}
          100%{left:0px;}
        }

        @keyframes bounce_movingBallG{
          0% { left:0px; }
          50%{ left:236px;}
          100%{left:0px;}
        }
                
        

/* Tweet Display back */
body .well.TDB-header {
  background:#fff;
  margin-bottom:10px;}

  body span.TDB-header-avatar-left {
    padding:5px 0;
    margin-right:10px;}
    
body .well.TDB-tweet {
  background:#fff;
  margin-bottom:10px;}

body .well.TDB-tweet .TDB-tweet-time {
  font-size:13px;
  color:#999;
  margin-bottom: 4px;
  margin-top: 6px;}
  
body #pixel { display:none}