/*** General Styles
----------------------------------------------------------------- ***/

::selection {
   /* color:#000000;*/
}
::-moz-selection {
    color:#fff;
}
.image-hover,
.image {
    position:relative;
}
.image-hover img,
.image img {
    width:100%;
}
#section-about-us {
    padding:50px 0px 30px 0px !important;
}
.section + .section {
    padding-top:20px;
}
.section-condensed {
    padding:25px 0px;
}
.section .upper-section,
.section-parallax .upper-section {
    padding-bottom:30px;
}



.bg-white {
    background-color:#ffffff;
}
.bg-primary,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary .heading p {
    color:#ffffff;
}
.bg-primary .heading:before {
    background-color:#fff;
}
.bg-primary .heading:after {
    background-color:rgba(0,0,0,0.3);
}
.bg-primary .form-control::-moz-placeholder {
    color:#fff;
}
.bg-primary .form-control:-ms-input-placeholder {
    color:#fff;
}
.bg-primary .form-control::-webkit-input-placeholder {
    color:#fff;
}
.bg-primary .btn-default {
    border-color:transparent;
}
.bg-primary .btn-default:hover {
    background-color:#000000;
    border-color:transparent;
}

/*** section-parallax ***/

.section-image,
.section-parallax,
.site-banner {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
.section-parallax {
    padding:50px 0px 30px 0px;
    background-attachment:fixed;
}


.no-padding-bottom {
    padding-bottom:0px !important;
}
.no-padding-top {
    padding-top:0px !important;
}
.readmore {
    padding:14px 15px;
    color:#666666;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
    display:block;
    background-color:#f3f3f3;
}


.tp-bar {
    padding:22px 0px;
}
.tp-bar .logo {
    text-align:center;
}
.logo a,
.logo img {
    display:inline-block;
}


/*** Filter Tabs
------------------------------------------------------------ ***/
.filter-tabs,
.filter-list,
.social-links,
.options,
.services-list,
.member-info,
.blog-btm ul,
.blog-options ul,
.user-comments,
.contact-list {
    padding:0px;
    margin:0px;
    list-style:none;
}

.filter-tabs {
    margin-bottom:50px;
    text-align:center;
    border-top:1px solid #e3e3e3;
}
.filter-tabs li {
    padding:10px 18px 5px 18px;
    margin-top:-1px;
    display:inline-block;
    color:#7e7e7e;
    font-size:15px;
    line-height:32px;
    cursor:pointer;
    border-top:2px solid transparent;

    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.filter-list {
    margin-left:-20px;
}
.filter-list > li {
    width:100%;
    padding-left:20px;
    margin-bottom:20px;
    float:left;
}
.filter-list li.mix {
    display:none;
}

/*** Image Hover Styles
------------------------------------------------------------- ***/

.image-hover {
    position:relative;
}
.image-hover figcaption {
    color:#fff;
    text-align:center;
    display:block;

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.image-hover figcaption .image-popup,
.image-hover figcaption .link {
    width:55px;
    height:55px;
    line-height:58px;
    background-color:#fff;
    font-size:26px;
}
.image-hover figcaption .image-popup:hover,
.image-hover figcaption .link:hover {
    color:#fff;
}





/*** Team Section
----------------------------------------------------------- ***/

.team-section {
    margin-bottom:30px;
}
.team-tabs {
   /* border-top:1px solid #e3e3e3;*/
}
.team-tabs-list,
.team-list {
    padding:0px;
    margin:0px;
    list-style:none;
}
.team-tabs-list {
    margin-bottom: 30px;
    text-align: center;
}
.team-tabs-list li {
    margin: 0px 8px;
    display: inline-block;
    position: relative;
}
.team-tabs-list li + li:before {
    content: '|';
    color: #444444;
    position: absolute;
    left: -13px;
    top: 21px;
}
.team-tabs-list li a {
    text-decoration: none;
    padding: 20px 10px;
    color: #444444;
    display: block;
    position: relative;
    border-bottom: 2px solid transparent;
}
.team-box,
.team-hover-box {
    margin-bottom:30px;
    border:1px solid #f3f3f3;
    overflow:hidden;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.team-hover-box .team-box {
    margin:0px;
    border:0px;
}
.team-box .text {
    padding:15px 20px;
}
.team-box .text h4 {
    margin-bottom:10px;
}
.team-box .text p {
    margin-bottom:25px;
    font-size:0.9em;
}
.team-box .text .dept {
    margin-bottom:7px;
    color:#999999;
}
.team-box .text .exp {
    max-width:95%;
    padding:0px 8px;
    margin-bottom:15px;
    color:#fff;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.team-box .text .social-links {
    margin-bottom:12px;
}

.member-info {
    margin-bottom:30px;
}
.member-info > li + li > div {
    padding-top:8px;
}
.member-info .info-title {
    width:100px;
    float:left;
    border-right:1px solid #f3f3f3;
}
.member-info .info-desc {
    padding-left:20px;
    margin-left:100px;
    border-left:1px solid #f3f3f3;
}
.member-info .info-desc .social-links {
    margin-bottom:0px;
    margin-right:10px;
    display:inline-block;
}


/*** Social Links
------------------------------------------------------------ ***/

.social-links li {
    display:inline-block;
    margin-right:8px;
}
.social-links li a {
    font-size:22px;
    color:#e3e3e3;

    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}

.social-links li a {
    text-decoration: none;
    font-size: 22px;
    color: #e3e3e3 !important;
}
.social-links li a:hover{
    color:#1dd2c8 !important;
    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}

/*Responsiveness */

@media (min-width: 480px) {

    .team-box .image {
        width:38%;
        float:left;
    }
    .hoverable > li {
        transition:width 0.4s ease;
    }
    .team-box .text {
        margin-left:38%;
        padding:15px 20px 15px 0px;
    }


    .team-list {
        margin-left:-20px;
    }
    .team-list:before,
    .team-list:after {
        display:table;
        content:'';
    }
    .team-list:after {
        clear:both;
    }
    .team-list > li {
        width:50%;
        padding-left:20px;
        float:left;
    }

    .hoverable .team-box {
        position:relative;
    }
    .hoverable .team-box .image {
        width:auto;
        float:none;
    }
    .hoverable .team-box .text {
        margin:1px;
        padding:15px;
        background-color:rgba(255,255,255,0.9);
        border:1px solid transparent;
        border-radius:3px;
        visibility:hidden;
        opacity:0;

        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;

        transition:all 0.4s ease;
        -moz-transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .hoverable .active .team-box .text {
        visibility:visible;
        opacity:1;
    }
    .team-box .text .social-links {
        display:none;
    }

    .hoverable .active .team-box .text h4 {
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }


}

@media (min-width: 768px) {

    .image-hover figcaption {
        background-color:rgba(0,0,0,0.6);
        opacity:0;
        filter:alpha(opacity=0);
        visibility:hidden;

        transition:all 0.4s ease;
        -moz-transition:all 0.4s ease;
        -webkit-transition:all 0.4s ease;
    }
    .image-hover:hover figcaption {
        opacity:1;
        filter:alpha(opacity=100);
        visibility:visible;
    }


    .team-list {
        margin-left:-30px;
    }
    .team-list > li {
        padding-left:30px;
    }
    .hoverable .team-box .text {
        padding:20px 20px;
    }
    .team-box .text .social-links {
        display:block;
    }
    .hoverable .active .team-box .text h4 {
        white-space:normal;
        overflow:visible;
    }


}

@media (min-width: 992px) {

    .team-box-selected {
        border:0px;
    }
    .team-box-selected .image {
        width:470px;
        border:1px solid #f3f3f3;

        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
    .team-box-selected .text {
        padding:0px 20px 15px 30px;
        margin-left:470px;
    }
    .team-box-selected .text h4 {
        font-size:26px;
    }

    .team-list > li {
        width:33.333%;
        padding-left:30px;
    }



}

@media (min-width: 1200px) {


    .btn {
        padding:10px 40px;
        text-transform:uppercase;
    }

    .team-list > li {
        width:25%;
        padding-left:30px;
    }
    .team-list > li.active {
        width:50%;
    }

    .hoverable .team-box .text {
        margin:0px;
        padding:20px 20px;
        border:none;
    }

    .hoverable > li .team-box {
        width:555px;
    }
    .hoverable .team-box .image {
        width:265px;
        float:left;
    }
    .hoverable .team-box .text {
        width:290px;
        padding:20px 20px 15px 10px;
        float:left;
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
    }


}

@media (max-width: 468px) {

}

@media (max-width: 768px) {

}

.team-box .text, .widget_categories ul li:hover, .team-tabs-list li.active a {
    border-color:#1dd2c8;
}
.btn-primary{
    background-color:#1dd2c8;
    border-color:#1dd2c8;
}
.btn-primary:hover{
    background-color:#1dd2c8;
    border-color:#1dd2c8;
}

.hoverable .team-box .text,.team-tabs-list li.active a {
    border-color:#1dd2c8;
}