/* DEPT A DESKTOP.CSS */

.container-fluid { max-width:940px; }

/* FEATURE CAROUSEL
----------------------------------------- */

.feature .webcomm-carousel .carousel-inner .carousel-image { height:450px; }
.feature .webcomm-carousel .carousel-inner .carousel-image img {
	position: relative;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* these rules for active item */
.feature .webcomm-carousel .active.left,
.feature .webcomm-carousel .active.right {    
	/*border:1px solid red;*/
}

.feature .webcomm-carousel .carousel-inner .carousel-caption { position:absolute; }



/* FEATURE TABS
------------------------------ */

.feature .feature_tabs {  }

.feature .feature_tabs ul.nav-tabs {
    border-bottom: none;
    margin:0;
    padding:0;  
}
.feature .feature_tabs ul.nav-tabs li {
    padding:0;
    margin-right:0.25em;
}
.feature .feature_tabs ul.nav-tabs li.active { overflow:hidden; }

.feature .feature_tabs ul.nav-tabs li a {
	color:#666666;
    margin:0;
    border-radius:0 0 0 0;
} 
.feature .feature_tabs ul.nav-tabs li.active a {
    font-weight:bold;
    background-color:#fff;
	
}
.feature .feature_tabs ul.nav-tabs > .active > a, 
.feature .feature_tabs ul.nav-tabs > .active > a:hover {
    border-left-color: #999;
    border-right-color: #999;
    border-top-color: #999;
}

.feature .feature_tabs .tab-content {
    padding:0.5em;
    border:1px solid #999;
    background-color:#FFF;
}
.feature .feature_tabs .tab-content .tab-pane { 
	min-height:290px;
	overflow:hidden;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.feature .feature_tabs .tab-content .tab-pane .thistab {
    max-width:35%;
    float:left;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.85); 
    -moz-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    -webkit-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    padding:1.5em;
    margin:1em;
    /*text-shadow: 1px 1px 1px #FFF; */
}
.feature .feature_tabs .tab-content .tab-pane .thistab p  {
    font-size:100%;
    color:#333;
}
.feature .feature_tabs .tab-content .tab-pane .thistab .ou-btn {
	margin-bottom:0;
        text-shadow:none;	
}

/* tan feature */
body.tan-feature .feature .feature_tabs ul.nav-tabs > .active > a, 
body.tan-feature .feature .feature_tabs ul.nav-tabs > .active > a:hover {
    border-left-color: #bebb99;
    border-right-color: #bebb99;
    border-top-color: #bebb99;
}
body.tan-feature .feature .feature_tabs .tab-content {
    border:1px solid #bebb99;
}
body.tan-feature .nav > li > a:hover { background-color: #f2f1eb; }
body.tan-feature .nav > li > a:focus { background-color: #FFFFFF; }


/* FEATURE TEXT IMAGE
----------------------------------------- */

.feature .feature_txtimg .text {
    max-width:35%;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.85); 
    -moz-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    -webkit-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
	margin:1.5em;
    position:absolute;
    top:0;
    left:0;
}

.feature .feature_txtimg.caption-right .text {
	left:inherit;
	right:0;
}