/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  //overflow-x: hidden;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 75%;
}

/* LESS VARIBLES */

/* BGS */
@white-bg: #fefefe;
@footer-gray: #383636;

/* GRADIENTS */
.red-gradient{
  background: #f2666b; /* Old browsers */
  background: -moz-linear-gradient(top,  #f2666b 0%, #c13828 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2666b), color-stop(100%,#c13828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f2666b 0%,#c13828 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f2666b 0%,#c13828 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f2666b 0%,#c13828 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f2666b 0%,#c13828 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2666b', endColorstr='#c13828',GradientType=0 ); /* IE6-9 */
}

.red-gradient-horizontal{
  background: #f2666b; /* Old browsers */
  background: -moz-linear-gradient(left,  #f2666b 0%, #c13828 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2666b), color-stop(100%,#c13828)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #f2666b 0%,#c13828 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #f2666b 0%,#c13828 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #f2666b 0%,#c13828 100%); /* IE10+ */
  background: linear-gradient(to right,  #f2666b 0%,#c13828 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2666b', endColorstr='#c13828',GradientType=1 ); /* IE6-9 */
}

.gray-gradient{
  background: #f1f1f1; /* Old browsers */
  background: -moz-linear-gradient(top,  #f1f1f1 0%, #cad0d3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cad0d3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f1f1f1 0%,#cad0d3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f1f1f1 0%,#cad0d3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f1f1f1 0%,#cad0d3 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f1f1f1 0%,#cad0d3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cad0d3',GradientType=0 ); /* IE6-9 */
}
.gray-gradient-inverse{
  background: #cad0d3; /* Old browsers */
  background: -moz-linear-gradient(top,  #cad0d3 0%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cad0d3), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cad0d3 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cad0d3 0%,#f1f1f1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cad0d3 0%,#f1f1f1 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #cad0d3 0%,#f1f1f1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad0d3', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

/* TEXT COLORS */
@headers: #082747;
@text-red: #e54343;
@text-dark-gray: #747476;
@text-light-gray: #989999;

/* PRE-STYLES */
.radius{
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}
.shadow{
  -webkit-box-shadow:  3px 5px 10px 2px rgba(0, 0, 0, 0.5);
    box-shadow:  3px 5px 10px 2px rgba(0, 0, 0, 0.5);
}

.effect{
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.clear-float{
  content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
    display: block;
}


/* STYLEE */

.home #top-bg{
  height: 913px !important;
}
body{
  
}

.container{
  width: 960px;
  margin: 0 auto;
}

#top{
  width: 1352px;
  min-width: 980px;
  max-width: 1361px;
  margin: 0 auto;
  height: 913px;
  .gray-gradient-inverse;
  
  #top-bg{
    padding-top:75px;
    background-image: url('../images/index_header_bg.png');
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    
    height: 913px;
    background-repeat: no-repeat;
  }
  
  .readmore-btn{
     display: block;
     font-family: 'exo';
     font-size: 11px;    
     background-color: #ffffff;
     color:#e43030;
     width: 75px;
     padding: 4px;
     padding-left: 7px;
     padding-top: 7px;
     padding-bottom: 7px;
     padding-right: 7px;
     .radius;
     background-image: url('../images/readmore-arrow.png');
     background-repeat: no-repeat;
     background-position: 50px 8px;
     text-decoration: none; 
     -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -webkit-box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.2);
        
        box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.2);
        position: relative;
        right: -530px;
        top: -10px;
        .effect;
        &:hover{
            .shadow;
            cursor: pointer;
            -webkit-box-shadow:  2px 2px 1px 1px rgba(0, 0, 0, 0.2);
            width: 100px;
            box-shadow:  2px 2px 1px 1px rgba(0, 0, 0, 0.2);
            background-position: 70px 8px;
        }

  }
  
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;


  .left{
    //margin-top:;
    float: left;
    width: 240px;
    margin-left:-43px;
    .logo{
        display: block;
      height: 75px;
      width: 240px;
      background-color: #fff;
      overflow: auto;
      img{
        display: block;
        margin:0 auto;
        margin-top:10px;    
      }
      -webkit-border-top-left-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      
      -webkit-box-shadow:  4px 4px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow:  4px 4px 4px 0px rgba(0, 0, 0, 0.1);
    }
    
    
    h3{
      font-family: 'exo';
      text-transform: uppercase;
      line-height: 20pt;
      color:#ffffff;
      margin-top:25px;
      font-weight: normal;
      font-size: 16pt;
      padding-bottom:25px;
      padding-left:10px;
      border-bottom: 1px solid #dee1e3;
      strong{
          font-weight: bold;
          letter-spacing: 0.4px;
      }
    }
    
    aside{
        margin-top:35px;
        .red-gradient-horizontal;
        .radius;
        padding:10px;
        height: 615px;
        position: relative;
        z-index: 3000;
        h4{
            color: #ffffff;
            font-family: 'exo';
            font-size:19pt;
            text-transform: uppercase;
            margin: 10px;
        }
        .news-readmore{
            background-image: url('../images/readmore-icon.png');
            display: block;
            background-position: 188px 2px;
            height: 20px;
            width: 200px;
            background-repeat: no-repeat;
            color:#fff;
            font-size:10pt;
            font-family: 'exo';
            margin-left: 19px;
                margin-top: 12px;
            text-decoration: none;
            &:hover{
                text-decoration: underline;
            }
        }
        article{
            background-color: #ffffff;
            padding: 7px;
            width: 188px;
            float: right;
            -webkit-border-radius: 6px;
                -webkit-border-top-left-radius: 0;
                -moz-border-radius: 6px;
                -moz-border-radius-topleft: 0;
                border-radius: 6px;
                border-top-left-radius: 0;
                margin-top:15px;
                height: 117px;
                .effect;
            h2{
                    color: #68686A;
                    font-family: 'exo';
                    font-size: 13pt;
                    margin-bottom: 1px;
                    margin-top: 6px;
                .effect;
            }
            img{
                margin-left: -7px;
            }
            time{
                    background-color: rgba(255, 255, 255, 0.9);
                    color: #E42E2E;
                    display: block;
                    font-family: 'exo';
                    font-size: 10pt;
                    height: 19px;
                    margin-top: -38px;
                    padding-left: 7px;
                    padding-top: 19px;
                    position: relative;
                    top: 38px;
                    width: 83px;
                    .effect;
                    margin-left: -7px;
            }
            .entry-content{
                padding-top: 9px;
                    color: #989999;
                    border-top: 1px solid #EEEEEE;
                    font-family: Verdana;
                    font-size: 7pt;
                    line-height: 14px;
                    margin-bottom: 9px;
                    margin-top: 9px;
            }
            .clock-icon{
                background-image: url('../images/clock-icon.png');
                    height: 38px;
                    left: -35px;
                    margin-bottom: -74px;
                    position: relative;
                    top:-7px;
                    width: 28px;
                    .effect;
            }
         &:hover .clock-icon{
             background-position: 0 -38px;
         }   
         
         
         &:hover time{
             color:#68686a;
         }
         &:hover h2{
             color:#e42e2e;
         }   
         &:hover{
             .shadow;
             cursor: pointer;
         }
        }
        article.first{
            height: 220px;
        }
    }
  }
  .right{
    float:left;
    width: 720px;
    &:after{.clear-float;}
    .main-menu{
      position: relative;
      z-index: 1000;
    }
    .main-menu ul{
      li{
        &:hover{
          
          
          
        }
        a{
                    color: #FFFFFF;
                    display: inline-block;
                    font-family: exo;
                    font-size: 11px;
                    margin-right: -4px;
                    padding-left: 7px;
                    padding-right: 10px;
                    padding-top: 26px;
                    text-decoration: none;
                    text-transform: uppercase;
          &:hover{
            color: #ff8286;
            padding-bottom: 14px;
            border-bottom: 3px solid #fff;
          }
        }

        .home{
          background-image: url('../images/home_icon.png');
          width: 16px;
          height: 14px;
          background-position: 0 -1px;
          background-repeat: repeat-y;
          background-position: 6px 22px;
          padding-left: 8px;
          color: rgba(0,0,0,0) !important;
          &:hover{
            background-position: 6px 69px;
            //margin-top:5px;
            padding-bottom: 12px;
          }
        }
         display: inline-block;
         border-left:1px solid rgba(255,255,255,0.3);
         height: 52px;
         margin-top:23px;
         
         &:hover{
            ul{
              li{
                display: block;
                //background-color: #0ff;
                padding-left: 10px;
                padding-right: 8px;
                background-image: url('../images/submenu-arrow.png');
                 background-position: 96% center;
                 background-repeat: no-repeat;
                 
                 border-right: 1px solid #f1f1f1;
                 border-bottom: 1px solid #f1f1f1;
                 
                 
                 -webkit-transition: all 200ms ease;
                -moz-transition: all 200ms ease;
                -ms-transition: all 200ms ease;
                -o-transition: all 200ms ease;
                transition: all 200ms ease;
                
                 &:hover{
                   background-color: #f4f4f4;
                 }
              }
              
              a{
                 color: #333 !important;
                 //background-color: #f0f !important;
                 padding: 1px !important;
                 height: 50px !important;
                 border: none;
                 background: transparent !important;
                 display: table-cell !important; 
                 vertical-align: middle !important;
                 width: 122px;
                 line-height: 14px;
                 
                    
                 &:hover{
                   color: #000 !important;
                   cursor: pointer;
                 }
              }
              
              
              height: auto !important;
            li{
              &:nth-child(5n+0) a{
                border-right:0;
                display: inline-block;
              }
            }
              display: block !important;
              opacity:1;
              height: auto;
            }
         }
      }
      
      
      ul{
        position: relative;
        
        border-radius: 6px 6px 6px 6px;
        left: 0;
        position: absolute;
        top: 74px;
        background:#fff !important;
        z-index:8000;
        height: 0;
        opacity:0;
        .effect;
        border: 2px solid #315e8f;
        display: none;
        li{
          margin-top:0;
          float:left;
          display:none;

          a{
            

             
            &:hover{
              color: #333;
              padding-bottom: 0;
              border-bottom: 0;
              display: inline-block;
            }
          }
          &:hover{
            display: block;
          }
        }
        &:hover{
            display: block;
          }
      }
      
      
      width:720px;
      display: block;
      .red-gradient;
      -webkit-box-shadow:  4px 4px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow:  4px 4px 4px 0px rgba(0, 0, 0, 0.1);
      height: 75px;
      -webkit-border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px; 
    }
  
    .search{
        background-color: #fcfcfc;
        height: 75px;
        margin-bottom: -75px;
        position: absolute;
        right: -4px;
        top: 0;
        width: 90px;
       -webkit-border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
        background-image: url('../images/search_btn.png');
        background-position: 15px 7px;
        background-repeat: no-repeat;
       -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
           -ms-transition: all 200ms ease-in-out;
           -o-transition: all 200ms ease-in-out;
       transition: all 200ms ease-in-out;
        &:hover{
          cursor: pointer;
          background-position: 15px -70px;
          background-color: #ffffff;
        }
        form{
          background-color: #FFFFFF;
          left:0;
          position: relative;
-webkit-transition: all 400ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition: all 400ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -ms-transition: all 400ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition: all 400ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition: all 400ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -ms-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
          z-index: 3000;
          width:0;
          height: 75px;
         opacity:0;
          input{
                opacity: 0;
                display: none;
                width: 100%;
                height: 58px;
                border: 2px solid #ffffff;
                box-shadow: inset 1px 1px 1px rgba(72,72,75, 0.44);
                font-family: 'exo';
                font-weight: lighter;
                font-size: 30px;
                color: #404041;
                text-transform: uppercase;
                border-radius: 10px;
                float:left;
                margin-top: 10px;
                line-height: 45px;
                vertical-align: middle;
                padding-left: 20px;
                padding-right: 20px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                .effect;
          }

        } 
        &.expanded{
          background-position: 15px -70px !important;
        }
          &.expanded form{
            width: 634px;
            left: -634px;
            opacity:1;
            input{
              display: block;
              opacity:1;
              //width: 626px;
            }
          }
    }
  }
  
  .slider{
      background-repeat: no-repeat;
      background-size: contain;
      height: 578px;
      position: relative;
      top: -110px;
      width: 959px;
      z-index: 500;
      //background-color: #fff;
    .slide{
      width: 100%;
      display: none;
      height: 100%;
      position: absolute;
      background-repeat: no-repeat;
      //background-size: contain;
    }
    .slide.active{
      display: block;
    }
    
    .slider-navs{
          position: absolute;
    top: 576px;
      background-color: #fff;
      .nav{
        width: 177px;
        height: 30px;
        float:left;
        margin-right: 1px;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
                -ms-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
        .circle{
          background-image: url('../images/nav_circle.png');
          width:27px;
          height:18px;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
              -ms-transition: all 300ms ease-in-out;
              -o-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
          display: inline-block;
          text-align: center;
          color:#D1473E;
          font-family:'exo';
          font-size: 13px;
          background-position:1px 26px;
          margin-left: 10px;
          padding-top: 5px;
          margin-top: 4px;
        }
        
          &:hover{
            background-position: 0 30px;
            cursor: pointer;
            //opacity: 0.6;
            .circle{
              color:#fff;
              background-position:1px 0;
            }
          }
          

      }
      
      &:after{
        clear:both;
      }
    }
  }
  
    .top-content-wrapper{
        .radius;
        padding: 18px;
        width:674px;
        padding-bottom: 25px;
        margin-left: -18px;
        background: #e9eaeb; /* Old browsers */
        background: -moz-linear-gradient(top,  #e9eaeb 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eaeb), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e9eaeb 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e9eaeb 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e9eaeb 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e9eaeb 0%,#f1f1f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eaeb', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
        margin-left: 17px;
        .top-content{
        .radius;
        border: 1px solid #bebebe;
        width: 666px;
        //float: left;
  
        margin-top: -48px;
        min-height: 200px;
        p{
            font-family: Verdana;
            //margin-top:15px;
            font-size: 10pt;
            padding: 20px;
            padding-top: 0;
            line-height:15pt;
            padding-bottom: 20px;
        }
        &:after{
            clear: both;
        }
      } 
    }

}


#bottom{
  width: 1352px;
  min-width: 980px;
  margin: 0 auto;
  height: 597px;
  margin-top: 40px;
  padding-bottom: 60px;
  .gray-gradient;
  
  #bottom-bg{
    background-image: url('../images/footer_bg.png');
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    height: 597px;
    background-repeat: no-repeat;
    background-position: right bottom;
  }
  
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  
  .left{
    float: left;
    //margin-left: 148px;
    margin-top:-20px;
    width: 240px;
 
  }
  
  .right{
    float: left;
    width: 720px;
    
    .content-container{
      background: #f1f1f1; /* Old browsers */
      background: -moz-linear-gradient(top,  #f1f1f1 0%, #e2e5e6 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e2e5e6)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e2e5e6 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #f1f1f1 0%,#e2e5e6 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #f1f1f1 0%,#e2e5e6 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #f1f1f1 0%,#e2e5e6 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e2e5e6',GradientType=0 ); /* IE6-9 */
      
      width:676px;
      background-repeat: no-repeat;
      padding: 20px 10px;
      height:206px;
      .radius;
      margin-top:-21px;
      margin-left: 37px;
        .frame{
          background-image: url('../images/bottom-content-frame.png');
          background-position: 9px 19px;
          width:684px;
           height:224px;
           margin-left:-10px;
           margin-top: -20px;
          background-repeat: no-repeat;
          
          header{
            *{display: inline;color:#000;font-family:'exo';background-color:#F0F0F0;position: relative;top: 14px;padding:5px;}
            h3{
              margin-left: 20px;
              color: @headers;
              font-size: 20px;
              margin-right: 120px;
              
            }
            .pages{
              color: #888888;
    display: inline-block;
    font-size: 10pt;
    margin-right: 148px;
    position: relative;
    text-align: center;
    top: 10px;
    width: 67px !important;
     
            }
            .show-all{
              font-size: 8pt;
              position: relative;
              top: 10px;
              background-image:url('../images/bottom-showall-icon.png');
              background-repeat:no-repeat;
              background-position: 85% center;
              padding-right:30px;
              text-decoration: none;
              &:hover{
                text-decoration: underline;
              }
            }
          }
            article{
              display:none;
              &.active{display:block; }
              p{
                font-family: Verdana;
                font-size: 10pt;
                width: 450px;
                line-height: 13pt;
                color:#969696;
                margin-left:125px;
                margin-top:45px;
                display: block;
                height:122px;
              }
              
              
            }
            .next, .prev{
              .effect;
              width:70px;
              height:22px;
              display: inline-block;
              background-image: url('../images/bottom-content-button.png');
              background-position: 0 35px;
              position: relative;
              top:94px;
              margin-left:10px;
              &:hover{
                background-position:  0 0;
              }
            }
            .next{
               background-position: 99px 35px;
               margin-right: 520px;
               &:hover{
                 background-position: 99px 0;
               }
            }
        }

    }
    
    &:after{
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
    }
  }
}
.current, .all-pages{
  position: relative !important;
  top: 0 !important;
}
#middle{
  min-height: 296px;
  background-image: url('../images/index_content_bg.png');
  width: 960px;
  position: relative;
  right: 36px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
  .radius;
}





.opera .box-header{
    //top: -70px;
    margin-bottom: -120px;
}
.box-header {
  background-color: #E8E9EA;
  display: inline-block;
  font-family: 'exo';
  font-size: 16pt;
  left: 13px;
  margin-bottom: 3px;
  padding: 3px 10px;
  position: relative;
  text-transform: uppercase;
  top: -13px;
}


#middle{
         -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    .box-header{
        background-image: url('../images/index_content_bg.png');
       background-position: 0 2px;
        margin-bottom: -50px;
        top: 20px;
    }
    .nav-left {
        background-position: -96px -4px;
        background-repeat: no-repeat;
        &:hover{
            background-position:-73px -4px;
        }
    }
    .nav-right {
        background-position: -28px -2px;
        background-repeat: no-repeat;
        position: absolute;
        right:7px;
        &:hover{
            background-position:-5px -2px;
        }
    }
    .boxes-nav{
        height: 95px;
        background-image: url('../images/boxes-nav.png');
        width:23px;
        float: left;
        margin-top: 40px;
        margin-left: 4px;
        .radius;
        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -moz-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -ms-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
         -o-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

        -webkit-transition-timing-function: cubic-bezier(0.770,  0.000, 0.175, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
         -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
       
       &:hover{
                 cursor: pointer;
             }
       }
    }
    .offer-boxes{
        border-top: 1px solid #CDCDCD;
        margin: 9px auto 0;
        padding-top: 40px;
        width: 961px;
        overflow:hidden;
         height: 183px;


         .jcarousel-list{
            width: 900px !important;
            margin: 0 auto !important;
         }
    }
    .hover-wrapper{
   height: 183px;
   margin-bottom: 15px;
    width: 183px !important;
        float: left;
    margin-left: -3px;
    .box-shadow{
        background-image: url('../images/box-shadow.png');
        //height: 18px;
        left: 5px;
        position: relative;
        top: 174px;
        width: 1px;
        margin: 0 auto;
        opacity: 0;
        background-size: contain;

        
-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    }
    .box{
      text-decoration: none;
        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.000, 1); /* older webkit */
        -webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
           -moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
            -ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
             -o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
                transition: all 400ms cubic-bezier(1.000, -0.600, 0.000, 1.650); /* custom */
        
        -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.000, 1); /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
           -moz-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
            -ms-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
             -o-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
                transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650); /* custom */
        float:left;
        width: 165px;
        height: 183px;
        .radius;
        .red-gradient;
        margin-left:10px;
        .image-wrapper{
        -webkit-box-shadow: inset 2px 0px 2px 0 rgba(0, 0, 0, 0.1);
        
        box-shadow: inset 2px 0px 2px 0 rgba(0, 0, 0, 0.1);
            
            background-color: #FFFFFF;
            margin-top: -10px;
            width: 155px;
            margin: 0 auto;
            .radius;
            padding-top: 4px;
            margin-top:-10px;
            height: 180px;
            -webkit-transition: all 600ms cubic-bezier(1.000, 0, 0.000, 1); /* older webkit */
            -webkit-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
               -moz-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
                -ms-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
                 -o-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
                    transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650); /* custom */
            
            -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.000, 1); /* older webkit */
            -webkit-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
               -moz-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
                -ms-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
                 -o-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
                    transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650); /* custom */
        }
        .hover-overlay{
            .effect;
            margin: 0 auto;
            opacity: 0;
            font-size:20px;
            font-family: exo;
            background-image: url('../images/box-hover-overlay.png');
            color: #E54E4A;
            position: relative;
            text-align: center;
            text-transform: uppercase;
            top: -117px;
            z-index: 3500;
            margin-bottom: -110px;
            height: 64px;
            width: 143px;
            padding-right: 9px;
            padding-top: 53px;
                
        }
        h3{
            font-family:'exo';
            position: relative;
            top:-57px;
            display: block;
            width:129px;
            margin:0 auto;
            color:#777;
            font-size: 10pt;
            text-align:center;
                        -webkit-transition: all 600ms cubic-bezier(1.000, 0, 0.000, 1); /* older webkit */
            -webkit-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
               -moz-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
                -ms-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
                 -o-transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650);
                    transition: all 600ms cubic-bezier(1.000, -0.600, 0.000, 1.650); /* custom */
            
            -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.000, 1); /* older webkit */
            -webkit-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
               -moz-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
                -ms-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
                 -o-transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650);
                    transition-timing-function: cubic-bezier(1.000, -0.600, 0.000, 1.650); /* custom */
            
        }

        img{
            margin: 0 auto;
            display: block;
            position: relative;
            z-index: 1;
        }
    }
    
        
        
}

.hover-wrapper{
    height: 190px;
         &:hover{
             cursor: pointer;
            .box{
                margin-top:;
                cursor: pointer;
                margin-top:-20px;  
             }
             .box-shadow{
                 opacity: 1;
                 width: 168px;
                 height: 18px;
             }
            .image-wrapper{
                height: 120px;
            }
            h3{
                color:#fff;
                top:16px;
             }
                 
             .hover-overlay{
                font-size: 10pt;
                opacity: 1;
             }

         
        }
}


.gecko #bottom .right .content-container .frame .next, .gecko #bottom .right .content-container .frame .prev{
  top:93px;
}

footer{
  background-color: #fff;
  width: 969px;
  margin: 0 auto;
  .radius;
  height:285px;
  position: relative;
  left:-37px;
  top: 13px;
  
  .loga{
    img{
      margin-right: 18px;
      display: inline-block;
      margin-bottom:15px;
      margin-top:15px;
      
    }
    .arteria{
      margin-left:23px;
      border-right:1px solid #f2f2f3;
    }  
  }
  
  .container{
    background-color: rgba(56,54,54,0.9);
    height: 165px;
    .radius;
    width: 990px;
    position: relative;
    z-index: 5000;
    left:-10px;
    //top: -30px;
    //padding-top:1px;
    overflow: hidden;
    .footer-menu{
      .home{
          background-image: url('../images/home_icon.png');
          background-position: 0 0;
          height: 14px;
          position: relative;
          top: -4px;
          width: 16px;
      }
      a{
        color:#fff;
        text-decoration:none;
        font-family: 'exo';
        font-size: 9pt;
        text-transform: uppercase;
        display: inline-block;
      }
      ul{
        margin-bottom: 37px;
        margin-left: 20px;
        margin-top: 2px;
      }
      li{
        border-right: 1px solid #605E5E;
        border-bottom: 2px solid #4C4A4A;
        display: inline-block;
        height: 26px;
        margin-right: 6px;
        padding-right: 9px;
        padding-top: 12px;
        vertical-align: middle;
        margin-left:-10px;
        padding-left:10px;
        &:hover{
          border-bottom: 2px solid #fff;
        }
        &:last-child{
          border-right: none;
        }
      }      
    }
    .footer-search{
      .radius;
      border: 1px solid #6e6c6c;
      width: 330px;
      padding: 4px;
      position: relative;
      background: none;
      left: 630px;
      top: -50px;
      color:#aaa;
    }
    .submit-footer-search{
      position: relative;
      left: 595px;
      top: -49px;
      background: none;
      border: none;
      background-image: url('../images/footer-search-icon.png');
      background-repeat: no-repeat;
      background-position: 0 2px;
      .effect;
      &:hover{
        //background-position: 8px 2px;
        cursor: pointer;
      }
    }
    .copyrights{
      font-family:'exo';
      color:#fff;
      padding-left: 20px;
      font-size: 10pt;
      span{
        color:#7d7d7d;
        display: inline-block;
        margin-top:5px;
      }
    }
    .footer-secondary-menu{
      position: relative;
      left: 600px;
      top: -65px;
      margin-bottom: -60px;
      margin-right:0px;
      a{
        background-image: url('../images/footer-icons.png');
        display: inline-block;
        background-repeat: no-repeat;
        text-decoration: none;
        color: #fff;
        width: 160px;
        font-family:'exo';
        font-size: 9pt;
        padding-left: 25px;
        border-bottom: 1px solid #605e5e;
        padding-right: 12px;
        margin-left: -4px;
        padding-bottom:10px;
        padding-top: 10px;
        background-position: 0 10px;
        .effect;
        &:hover{
          text-decoration: underline;
        }
      }
      .icon-offer{
        background-position: 0 -41px;
      } 
      .icon-media-contact{
        background-position: 0 -67px;
      }
      .icon-contact-form{
        border:none;
        background-position: 0 -15px;
      }
      .icon-investors-contact{
        border: none;
      }
    }
  }
  .bottom-menu{
    float: left;
      li{
        display: inline-block;
        margin-top:15px;
      }
      a{
        font-family: 'exo';
        color:#7e7e7e;
        text-decoration: none;
        font-size: 9pt;
        margin-left: 10px;
        &:hover{
          text-decoration: underline;
        }
      }
    }
    .powered-by{
      text-decoration: none;
      float: right;
      font-family: 'exo';
      color:#bababa;
      font-size: 11pt;
      margin-top:10px;
      margin-right: 30px;
      span{
        background-image: url('../images/artconcept-icon.png');
        margin-left: 8px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
      }
    }
}

.backtotop{
    background-image:url('../images/backtotop-bg.png');
    color: #FFFFFF;
    font-family: 'exo';
    font-size: 9pt;
    font-weight: bold;
    height: 53px;
    margin: 0 auto;
    padding-top: 27px;
    text-align: center;
    text-transform: uppercase;
    width: 162px;
    
    background-position: -180px 0;
  &:hover{
    cursor: pointer;
    background-position: 0 0;
  }
}
          .nav-active{
            background-position: 0 30px !important;
            cursor: pointer;
            //opacity: 0.6;
            .circle{
              color:#fff !important;
              background-position:1px 0 !important;
            }
          }
          

    .sidebar{
      background:none!important;
      background-color:#fff !important;
      box-shadow:1px 1px 3px rgba(0,0,0,.2);
      
       h2 {
        color: #A8ACAE;
        font-family: 'exo';
        font-size: 15pt;
        font-weight: bold;
        margin-left: 9px;
        margin-top: 54px;
        text-transform: uppercase;
        

      }
      

     
     
    }
   .newsletter{
      background-image: url('../images/newsletter-bg.png');
      width: 252px;
      height:235px;
      h5{
        color: #FFFFFF;
        font-family: 'exo';
        font-size: 18pt;
        font-weight: bold;
        margin-left: 78px;
        padding-top: 10px;
      }
      input[type="text"]{
        background: none;
        background-image: url("../images/newsletter-input.png");
        background-repeat: no-repeat;
        border: medium none;
        color: #FFFFFF;
        font-family: 'exo';
        height: 25px;
        margin-left: 73px;
        margin-top: 46px;
        padding-left: 10px;
        width: 125px;
      }
      input[type="submit"]{
        border: none;
        background: none;
        margin-left: -13px;
        background-image: url('../images/newsletter-btn.png');
        text-indent: -8888px;
        width: 32px;
        height: 30px;
        .effect;
        background-position: 0 -3px;
        &:hover{
          cursor: pointer;
          background-position: 0 -38px;
        }
      }
      a{
        color: #fff;
        font-family:'exo';
        text-transform: uppercase;
        font-size: 8pt;
        margin-top: 16px;
        padding-left: 79px;
        display: block;
        text-decoration: none;
      }
    }
    





            .clock-icon{
                background-image: url('../images/clock-icon.png');
                    height: 38px;
                    left: -35px;
                    margin-bottom: -74px;
                    position: relative;
                    top:-7px;
                    width: 28px;
                    .effect;
            }

         
         


.breadcrumbs{
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  position: relative;
  top: 240px;
  height: 44px;
  width: 100%;
  background: #d5d5d5; /* Old browsers */
  background: -moz-linear-gradient(left,  #d5d5d5 0%, #a6aaac 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d5d5d5), color-stop(100%,#a6aaac)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #d5d5d5 0%,#a6aaac 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #d5d5d5 0%,#a6aaac 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #d5d5d5 0%,#a6aaac 100%); /* IE10+ */
  background: linear-gradient(to right,  #d5d5d5 0%,#a6aaac 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#a6aaac',GradientType=1 ); /* IE6-9 */
}

.short-entry{
  time{
    color: #000 !important;
  }
  &:hover .clock-icon{
             background-position: -28px 0;
             cursor: pointer;
             box-shadow:0 2px 6px rgba(0, 0, 0, 0.29) !important;
             header{
               time{
                 color:#CA240F;
               }
               h2{
                 color:#CA240F;
               }
             }
           } 
}
.short-entry, .full-article, .search-result{
          margin-bottom:20px;
          
          .entry-content{
                color: #989999;
                font-family: Verdana;
                font-size: 10pt;
                
          }
          .effect;
              .clock-icon{
                background-image: url('../images/clock-icon.png');
                    height: 38px;
                    left: -43px;
                    margin-bottom: -74px;
                    position: relative;
                    top:0;
                    width: 27px;
                    .effect;
            }
            .entry-title{
              border-bottom: 1px solid #EAEAEA;
              color: #68686A;
              font-family: 'exo';
              left: 177px;
              margin-bottom: -10px;
              padding-bottom: 9px;
              padding-left: 19px;
              position: relative;
              top: -29px;
              width: 464px;
            }
            img{
              margin-left: -17px;
            }
            time{
               background-color: rgba(255, 255, 255, 0.8);
              display: block;
              font-family: 'exo';
              font-size: 10pt;
              margin-bottom: -39px;
              margin-top: 34px;
              padding-bottom: 15px;
              padding-top: 13px;
              margin-left: -16px;
              position: relative;
              text-align: center;
              width: 99px;
            }
           &:hover{
             
           }
              
}

.arrow-right {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #FFFFFF;
  border-top: 5px solid transparent;
  display: inline-block;
  height: 0;
  margin-left: 6px;
  margin-top: 16px;
  margin-right:3px;
  width: 0;
}

.breadcrumbs{
  .home-link{
    background-image: url('../images/home_icon.png');
    background-position: 16px 16px;
    display: inline-block;
    height: 30px;
    margin-left: 9px;
    width: 16px;
  }
  a{
    font-family: 'exo';
    color:#fff;
    text-decoration: none;
    font-size:10pt;
  }
}


.pagination{
  a{
    color: #000000;
    font-family: 'exo';
    font-size: 10pt;
    padding-top: 9px;
    text-align: center;
    text-decoration: none;
  }
  .next{
    width: 153px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #e2e2e2;
    height: 20px;
    display: inline-block;
    margin-left:80px;
    
    &:hover{
      color:#CA172B;
    }
  }
  
  .prev{
    width: 153px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #e2e2e2;
    height: 20px;
    display: inline-block;
     &:hover{
      color:#CA172B;
    }
    
  }
  
  .pages{
    display: inline-block;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    height: 29px;
    width: 368px;
    text-align: center;
    margin-left: -4px;
    margin-right: -4px;
    margin-top:15px;
    a{
      display: inline-block;
      height: 20px;
      margin-top: 0;
      width: 30px;
      &:hover{
        background-color:#e2e2e2;
        color:#fff;
      }
      &.current-page{
        background-color: #CA172B;
        color:#fff;
      }
    }
  }
}

.contain-text{
  font-family: 'exo';
  font-size: 11pt;
  margin-left: 30px;
  margin-top: -20px;
  color:#082747;
  a{
    color: #747474;
  }
  h3{
    text-transform: uppercase;
    font-size: 12pt;
    margin-bottom: 35px;
  }
  h2{
    text-transform: uppercase;
    font-size: 20pt;
    margin-bottom: 35px;
    margin-left: 20px;
    margin-top:25px;
  }
  table{
    margin-top:-10px;
  }
  td{
    line-height: 27px;
    font-size: 11px;
    color:#747474;
  }
  td:first-child{
    padding-right: 15px;
  }
  strong{
    font-weight: bold;
  }
  h4{
      margin-bottom: 30px;
  }
  hgroup{
    h6{
      position: relative;
      top:-30px;
      font-size: 10pt;
      border: none;
      margin-top: 0;
      width: auto;
    }
  }
  .contact-line{
    margin-bottom: 25px;
    display: block;
    color:#747474;
    font-size: 10pt;
    a{
      color: #747474;
    }

  }

  p{
    color: #747474;
    font-size: 10pt;
    line-height: 22px;
    margin-bottom: 30px;
    width: 810px;
  }
   p:first-child{
    margin-top:0;
  }
}

.icon{
  background-repeat: no-repeat;
  padding-left: 35px;
  min-height: 20px;
  &.phone{background-image: url('../images/phone-icon.png');}
  &.mail{background-image: url('../images/mail-icon.png');}
  &.gg{background-image: url('../images/gg-icon.png');}
  &.skype{background-image: url('../images/skype-icon.png');}
  &.fax{background-image: url('../images/fax.png');}
}
.icon-person{
  background-image: url("../images/person-icon.png");
  min-height:15px;
  background-repeat: no-repeat;
  padding-left: 30px;
  background-position: 0 1px;
}


.btn{
  height: 35px;
  background-image:url("../images/button-bg.png");
  display: block;
  .effect;
  width: 400px;
  margin-top:20px;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
  span{
    color: #e42e2e;
    text-decoration: none;
    margin-top:10px;
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
  }
  &:hover{
    width: 440px;
    background-position: 0 -35px;
    box-shadow: 1px 2px 10px rgba(0,0,0,0.6);
    
    span{
      color: #fff;
    }
  }
}



     .header-shadow{
       background-image: url('../images/sidebar-shadow.png');
       background-repeat: no-repeat;
       height: 4px;
       margin-top: 18px;
       width: 204px;
       
       }


.gray-red{
  margin-bottom:50px;
  width: 680px;
    margin-left: 20px;
    tr{
      border-bottom:1px solid #f2f2f2;
      td{
        width: 420px;
        padding-left: 10px;
        font-size: 10pt;
        &:last-child{
          a{
            color: #e42e2e;
          }
          width: 260px;
          color: #e42e2e;
        }
      }
    }
}

.index #bottom{
  padding-bottom: 50px;
}


.full-article{
  strong{
    font-weight: bold !important;
  }
  em{
    font-style: italic !important;
    background: #f1f1f1;
    display: block;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
  }
}

.webkit .home .projects article p{
  height: 118px !important;
}

.sub-menu{
  a{
    z-index: 1000  !important;
  }
}
.parent{
  
&:hover, &.hovered{
  a{
            color: #000 !important;
            background-color: #fff;
            position: relative;
            z-index: 8888;
            display: block  !important;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            
            border: 2px solid #315e8f;
            
            border-bottom: none !important;
            padding-bottom:18px !important;
            padding-top: 24px !important;
            padding-left: 5px !important;
            padding-right: 8px !important;
            height: 9px !important;
          }
}}

.webkit{
  #calendar a{
    font-size: 11px !important; 
  }
}


.contain-text p{
  max-width: 700px;
}


.pkt{
  margin-top: -20px;
  li{
    font-size: 10pt;
    line-height: 16pt;
    list-style-type: disc;
    margin-left: 30px;
    color: #747474;
    font-family: Verdana;
  }
}


.current-menu-ancestor a, #menu-item-31.current-menu-item a, .single-post #menu-item-31 a{
  padding-bottom: 14px;
  border-bottom: 3px solid #fff;
  //height: 52px;
  
}
#menu-item-31.current-menu-item a, .single-post #menu-item-31 a{
  padding-bottom: 15px;
}

.footer-menu .current-menu-item, .footer-menu .home.active{
  //border-bottom: 3px solid #fff !important;
}



.table2{
  width: 75%;
  tr{
    th{
      color:#2262AD;
      padding:7px;
      border-bottom: 1px solid #D4D9DB;
      border-top: 1px solid #D4D9DB;
      height: 45px;
      vertical-align: middle;
    }
    td{
      padding:7px;
      text-align: center;
      border-bottom: 1px solid #D4D9DB;
      height: 35px;
      color:#9a9a9a;
      vertical-align: middle;
      width: 130px;
    }
  }
}

.table2.float-left{
  width: 75%;
  tr{
    th{
      color:#2262AD;
      padding:7px;
      border-bottom: 1px solid #D4D9DB;
      border-top: 1px solid #D4D9DB;
      height: 45px;
      vertical-align: middle;
      text-align: left;
      padding-left:20px;
    }
    td{
      padding:7px;
      padding-left:20px;
      text-align: left;
      border-bottom: 1px solid #D4D9DB;
      height: 35px;
      color:#9a9a9a;
      vertical-align: middle;
      width: 130px;
    }
  }
  margin-bottom: 90px;
}