@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro-Regular.woff') format('woff'),
    url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),
    url('../fonts/SourceSansPro-Regular.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.pull-none{
    float:none;
}
html,body{
    height:100%;
    font-family:"Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size:15px;
}
.header{
    width:100%;
    height:124px;
    overflow:visible;
}
.header-inner{
    float:left;
    height:124px;
    background:#3e3e3e;
    padding:9px 1%;
    min-width:12%;
    text-align:center;
}
.header-inner a.brand img{
    margin-top:13px
}
.breadcrumb{
    border-top:double #2f2f2f 3px;
    border-bottom:double #2f2f2f 3px;
    width:100%;
    border-radius:0px;
    margin-top:10px;
}
.breadcrumb li a,.breadcrumb li span{
    color:#000000;
    text-transform:uppercase;
}
.breadcrumb>li+li:before{
    content: "\203A";
    color:#000;
}
.body,.container{
    max-width:100%;
    width:1200px;
    margin:0 auto -25px;
    padding:0 10px 25px;
    z-index:10;
    position:relative;
}
.footer{
    height:25px;
    padding:0px 20px 0px;
}
div.wide{
    width:100%;
    position:relative;
    background:#3e3e3e;
    margin-top:20px;
}
/*Menu*/
.collapse.navbar-collapse{
    text-align:center;
}
.navbar-default{
    float: right;
    width: 80%;
    padding: 0;
    margin: 50px 0px 10px;
}
nav.navigation{
    min-width:85%;
}
.nav.navbar-nav>li{
    width:20%;
    margin:0;
}
ul.menu{
    width:80%;
    padding:0 1%;
    position:relative;
    top:94px;
}
li.current.active a, ul.menu li a:hover{
    background:#3e3e3e;
    color:#fff;
}
ul.menu li a{
    font-weight: bold;
    padding:5px;
    color:#3e3e3e;
    width:65%;
}
.page-header{
    height: 20px;
    margin-bottom: 43px;
    border-bottom: 1px solid black;
    text-align: center;
}
.page-header h2{
    text-align: center;
    background: #fff;
    padding: 10px;
    display: inline;
    margin: auto;
}
/* Slider Position*/
.slider{
    height:300px;
    width:100%;
    overflow:hidden;
    margin-bottom:20px;
}
div.item{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
div.item:hover{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0);
}
.carousel-control.right{
    right:70px;
    top:124px;
    height:51px;
    width:51px;
    background:url('/media/com_bs_slider/slider/next.png') no-repeat;
}
.carousel-control.left{
    left:70px;
    top:124px;
    height:51px;
    width:51px;
    background:url('/media/com_bs_slider/slider/prev.png') no-repeat;
}
.carousel-caption{
    background:#000000;
    opacity:0.7;
    filter: alpha(opacity=70);
    width:20%;
    right:40%;
    left:40%;
    height:35%;
    bottom:50px;
    padding:10px 0;
}
.carousel-caption h2{
    font-size: 18px;
    font-weight: bold;
    margin: 0 25px 10px;
    text-align:left;
}
.carousel-caption p{
    font-size: 14px;
    text-align: left;
    padding: 0 25px 0;
}
/* About us : Banner */
.banner{
    height: 150px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    padding: 32px 0 0 0;
    font-weight: 900;
}
/* homepage */
.underline{
    border-bottom:dotted #3e3e3e 1px;
    width:100%;
    text-align:center;
    font-size:14px;
    padding:0px 0px 10px 0;
}
.underline strong.backdrop{
    background:#3e3e3e;
    color:#fff;
    font-weight:normal;
    padding:2px 8px;
}
.pillar{
    width:25%;
    float:left;
}
.container.component .pillar h2{
    background-position: 20px top;
    background-repeat:no-repeat;
    text-align:left;
    height:70px;
    font-size:16px;
    width:285px;
    background-size:55px 55px;
    padding:18px 0 0 83px;
}
.pillar.webcasting h2{
    background-image:url(../images/icon_webcast.png);
}
.pillar.elearning h2{
    background-image:url(../images/icon_elearning.png);
}
.pillar.teammeeting h2{
    background-image:url(../images/icon_team.png);
}
.pillar.impressions h2{
    background-image:url(../images/icon_impression.png);
}
.pillar p{
    width:100%;
    padding:0px 10px;
}
.pillar.component p{
    font-size:13px;
}
.pillar a{
    color:#f6b435;
}
/*latest projects*/
.latestProjects{
    width: 100%;
    height: 225px;
    float: left;
    border-top: dotted #3e3e3e 1px;
    margin-top: 15px;
    bottom: 0;
}
.pillars.projects.article{
    text-align:center;
    width:100%;
}
.pillars.projects.article .video{
    width: 250px;
    margin: 10px 20px;
    padding-bottom: 5px;
    border-bottom: 5px solid #3e3e3e;
}
.pillars.projects.article .video .title{
    text-align:left;
    font-weight:bold;
    padding:3px 0 0 0;
}
.pillars.projects.article .video .subtitle{
    text-align:left;
}
.pillars.projects h2{
    background:#3e3e3e;
    font-size:15px;
    color:#fff;
    width: 140px;
    padding: 8px;
}
.nextpage{
    background:url(../images/vid_next.png) no-repeat;
    float:right;
    width:18px;

}
.prevpage{
    background:url(../images/vid_prev.png) no-repeat;
    float:right;
    width:18px;
}
/* footer */
.wide.footer{
    margin-bottom:0;
}
.footer{
    height:215px;
    background:#3e3e3e;
    margin-bottom:0;
    position:absolute;
    bottom:0;
}
.container.component{
    min-height:60%;
    height:100%;
    height:auto;
}
.footer .pillars .pillar:nth-child(-n+3){
    border-right:1px dotted #fff;
}
.footer .pillar{
    position:relative;
    color:#fff;
    height:170px;
    top:25px;
}
.footer .container .pillar h2{
    font-size:15px;
    margin-top:0;
}
.footer.pillar.services ul {
    list-style-image: url(../images/bullet_footer.png);
    padding-left:14px;
}
.footer.pillar.services a, .footer.pillar.services a:link{
    color:#fff;
    cursor:pointer;
}
.footer.pillar.services a:hover{
    text-decoration: underline;
}
.footer.pillar.testimonial em{
    color:#f6b435;
    font-size:19px;
}
.footer.pillar.testimonial strong{
    color:#ffffff;
}
.footer .backtotop{
    background:url(../images/Footer_top.png) no-repeat;
    color:#000;
    width:57px;
    height:47px;
    position:absolute;
    left:50%;
    margin-left:-29px;
    top:168px;
    padding:19px 0 0 0;
    text-align:center;
}
/* Social */
.social a{
    position:relative;
    float:left;
    min-width:31px;
    padding:5px;
    width:20%;
    height:31px;
}
a.facebook{
    background:url(../images/icon_facebook.png) no-repeat;
}
a.twitter{
    background:url(../images/icon_twitter.png) no-repeat;
}
a.linkedin{
    background:url(../images/icon_linked.png) no-repeat;
}
a.vimeo{
    background:url(../images/icon_vimeo.png) no-repeat;
}
.page1, .page2{
    height:155px;
}
.pillar.video a span img{
    width:250px;
}
/* Other */
iframe{
    outline:0;
    border:0;
}
a.btn.dropdown-toggle{
    display:none;
}